Claude アーティファクト使い方は？ UI 試作・社内資料・外部共有を URL 一本で回す

Claude アーティファクトとは何を指すか

Artifact（アーティファクト、以下「成果物」）は、会話とは別の枠に書き出される、そのまま動くひとつのページです。

公式のヘルプは「Claude は、まとまった独立した内容を、会話の本流とは別の専用の枠であなたと共有できます」と説明しています。

書き出せる中身は幅広く、Web ページ、対話型の資料、ドキュメント、図表、ちょっとしたアプリまで扱えます。書き出された成果物は、チャット右側のパネルで直接手直しができます。

対応プランは、Free、Pro、Max、Team、Enterprise の全プランです。Web、デスクトップ、モバイルのどこからでも扱えます。Team と Enterprise は、Claude Code の中からも生成できます。

書き出しに追加費用はかかりません。共有した相手も、無料で閲覧できます。

大事な性質は、成果物が「その場のプレビュー」で終わらない点です。公開すれば、ひとつの Web ページとして残ります。

URL が発行され、後日 URL を開くと同じ状態が再現されます。この持ち運びの良さが、社内資料や外部共有に載せる下地になります。

2026年の三つの更新が意味すること

ブランドチームで使う上で、2026年に入った三つの更新をおさえます。順に、以下の三つです。

4月20日 Live Artifacts（Cowork の中）
6月18日 Claude Code Artifacts
7月13日公開共有が全プランで解放

6月18日の更新で、Claude Code の中から成果物を書き出す機能が、Team と Enterprise 向けのベータで公開されました。

公式ブログには「Claude Code は作業の途中経過を成果物として取り込み、Claude Code の仕事を、生きた、共有できる見た目のあるページに変えます」とあります。

更新のたびに、同じ URL の中身が置き換わります。開いたままの相手のブラウザに、その変更がその場で反映されます。これが Claude Code Artifacts の要点です。

4月20日には、Cowork の中で Live Artifacts が使えるようになりました。

データを取りに行くところが生きたままの成果物です。時間の経過で内容が変わるダッシュボードや、外部の情報を読みに行くページを作れます。

ブランドチームでは、キャンペーン中の投稿件数の集計に使えます。ほかにも、施策の反応の推移、外部からの言及の集約などに向きます。

7月13日、成果物の公開共有が全プランで使えるようになりました。

それまでは Pro 以上に限られていた公開の URL が、Free のユーザーも作れるようになった更新です。Team と Enterprise は、組織の管理者が外部共有を有効にすると、メンバーが公開の URL を発行できます。

この三つの更新で、社内の試作、外部への提示、生きたデータの共有まで、ブランドチームの出口が揃いました。

ブランドチームでの使い方五つの型

ここまでの仕組みを、実務で使う型に落として整理します。エンジニアの開発用途に寄せず、ブランドチームが日々扱う制作物に絞ります。

一つめは、Web ページや商品ページの試作です。

新しいランディングページ、キャンペーンの特設ページ、簡単な会社概要のリライトなど。Claude に色、書体、写真の位置、キャッチの温度感を伝えて書き出させます。

書き出された成果物は、右側で色や文言を直せます。代理店に発注する前の、共通認識づくりに向きます。

二つめは、顧客や社内向けの資料です。

四半期のブランド報告、新製品の紹介、部門横断の勉強会用のスライド。プレゼンとして開けるページとして書き出せば、めくって読める資料が URL 一本で共有できます。

PowerPoint での書き出しが必要な場面では、Claude Skills の PowerPoint 内蔵 Skill を併用します。

三つめは、外部パートナーに渡す共有ページです。

代理店、印刷会社、Web 制作会社に渡す、ブランドの基準の一枚もの。素材の一覧、承認のフローの説明なども、URL 一本で渡せます。

相手は Claude のアカウントなしで閲覧できます。社外連携の敷居が下がります。

四つめは、インタラクティブな資料です。

読み手が数字を入れると試算が更新される、料金の目安のページ。選択に応じて結果が出る、診断のページ。写真を切り替えて比較する、見せ方のページ。

生きたページとしての強みが出るのは、この対話性を含めた資料です。

五つめは、社内で使うちょっとした道具です。

承認申請の下書きを作る入力フォーム。素材の命名規則を確認するチェックリスト。社外提出前の抜けを止めるチェックページ。

Anthropic の永続保存の仕組みを使うと、入力の履歴を成果物の中に残せます。

作成の実務手順

Claude.ai を開き、成果物として書き出したい依頼を Claude に伝えます。

要点を先に伝えると、書き出しの一発目の完成度が上がります。

たとえば、こう指定します。「ブランドカラーの16進コードは #A82C4E」「書体は Noto Sans JP」「写真は白背景で正方形」「キャッチは短文で温度は落ち着き」。

書き出された成果物は、右側のパネルに開きます。パネル上で色、文言、要素の並びを、Claude に指示して直せます。

直しの指示は、目に見える要素の話で伝えるのが速いです。「三つめの見出しを一段小さく、写真の下の説明文を短く」といった伝え方が向きます。

満足のいく状態になったら、パネル右上の共有の操作から公開します。公開の URL が発行され、その URL を知っている相手なら、Claude のアカウントなしで開けます。

次に同じ成果物を更新して公開すると、同じ URL の中身が置き換わります。開いたままの相手のブラウザにも、変更が届きます。

Team と Enterprise の組織では、外部共有の可否を組織の管理者が決めます。組織の設定で外部共有を有効にした場合のみ、メンバーが公開の URL を発行できます。

既定では外部共有は無効です。組織の中だけで見せる運用が、最初の状態です。

永続保存と外部連携で、成果物を道具に変える

永続保存は、公開した成果物に対して使える仕組みです。

ユーザーの入力、選択、履歴などを、成果物のページの中に保存します。次に開いたときに、同じ状態から続けられます。

Pro、Max、Team、Enterprise の各プランで使えます。Free では使えません。ここが Free と有料プランの、実務上の分かれ目です。

外部との連携は、Model Context Protocol（MCP）を使います。

MCP は、Claude の外の道具や情報源を Claude に接続する仕組みです。成果物の中から、Google カレンダー、Gmail、Slack などのパートナーの窓口を呼び出せます。

ブランド運用では、承認済みの投稿を Slack に流す使い方が向きます。ほかにも、社内の共有カレンダーに公開日を書き込む、素材の一覧を Google ドライブから読み込むといった動きが可能です。

Live Artifacts は、Cowork の中で使える型です。

時間で内容が更新される、外部のデータを取りに行く、といった生きた性質を持ちます。ダッシュボードや案件の状況ボードに向きます。

次の動画は、Claude Code の中から成果物を書き出す流れを Anthropic 公式が短くまとめたものです。

Claude Design と Claude Skills との違い

Claude Artifacts、Claude Design、Claude Skills は、それぞれ受け持つ場所が違います。役割の切り分けを整理します。

Claude Design は、複数の版面を並べて視覚で仕上げていく編集の場です。もう出来上がった素材を、視覚で整えて世に出すところ、と考えると分かりやすいです。

Claude Skills は、ブランドの基準や社内の手順を、Claude に読ませておく仕組みです。色、書体、原稿トーン、確認手順を SKILL.md にまとめます。どこから頼んでも、同じ判断で仕上がる状態を作れます。

Claude Artifacts は、会話の流れから成果物を書き出して、そのまま共有できるひとつのページを作るところです。

Skills が「基準を持たせる」、Design が「視覚で仕上げる」、Artifacts が「動くページとして書き出して渡す」。この分担で覚えておくと、日々の依頼で迷わなくなります。

商用範囲と権利、社外提示の注意

Claude が生成した成果物の商用利用は、利用規約の範囲で行えます。

公開の URL を発行した成果物は、URL を知っている相手に届く前提です。取り扱いに気をつけたい情報を、成果物の中に含めないのが基本です。

2026年7月末、公開の URL を発行した一部の共有会話と成果物が、検索の対象として拾われる事例が報じられました。

公開の URL を発行するときは、社外提示のチェックと同じ手続きで通す運用にします。既定の状態は非公開で、公開するときに一段の判断を挟む。この段取りを、組織のルールに載せます。

Team と Enterprise の組織では、外部共有そのものを管理者が制御できます。外部への公開を止めておく、外部に出すときは管理者の承認を通す、といった二段構えを設けると安全です。

導入を判断するときの基準

ブランドチームで Claude Artifacts の運用が効くのは、次の三つが揃った組織です。

一つめ。プレゼンや Web の一枚もの、資料の共有を、部門を越えて日常で作っていること。

二つめ。制作会社や代理店との受け渡しを、URL 一本でやり取りできる方が実務が早くなる場面が多いこと。

三つめ。組織の管理者が外部共有の可否を決められる、Team か Enterprise プランを持っていること。

規模の目安は、ブランド管理の外側で制作物を触る担当者が、二桁の後半を超えたあたりから体感できます。少人数で全員が同じ会議室にいる段階では、口頭とスライドの往復のほうが速いこともあります。

業種の適合性は、Web と印刷の準備が多く、外部の制作会社を複数使うブランドで高くなります。

BtoC のコスメ、ファッション、飲料、家電。BtoB では、SaaS 製品、金融、コンサルティングなど。社外に出す前の試作と共有の段取りに、載せやすい仕組みです。

よくある質問

Q1. Free プランでも Claude Artifacts は使えますか。
A. Claude Artifacts は Free、Pro、Max、Team、Enterprise の全プランで使えます。2026年7月13日以降は、公開の URL を作る操作も全プランで使えるようになりました。ただし、永続保存の仕組みは Pro 以上に限られ、Free では使えません。入力や履歴を成果物の中に残す使い方をする場合は、Pro 以上のプランを選びます。

Q2. 公開した URL は、Claude のアカウントがない相手も開けますか。
A. はい、Claude のアカウントなしで開けます。相手にログインを求めない仕様で、社外の代理店や印刷会社、顧客企業の担当者に、URL 一本で見せられます。相手が Claude のアカウントを持っていれば、成果物を自分の側に取り込んで、手直しした版を作ることもできます。

Q3. 成果物を更新すると、共有した相手にも反映されますか。
A. はい、同じ URL の中身が置き換わり、開いたままのブラウザにも変更が届きます。Claude Code Artifacts の公式説明にも「Claude Code が成果物を更新すると、開いているページがその場で読み直され、公開された瞬間に、チームのメンバーも変更を目にします」とあります。旧版に戻す操作も、共有の操作の中から選べます。

Q4. 社外に出せない情報を、うっかり公開してしまわないための仕組みはありますか。
A. 既定では成果物は非公開で、作った本人にしか見えません。公開の URL を発行するときに、一段の操作を挟む設計です。Team と Enterprise では、組織の管理者が外部共有そのものを止めておくことも、外部共有を有効にしたうえで公開の運用を組織で決めることもできます。社外に出て問題のない中身かを、社外提示のチェックと同じ手続きで通す運用が安全です。

Q5. 永続保存の仕組みは、どこまでの情報を残せますか。
A. 成果物のページの中で扱う入力や選択、履歴を、次に同じ URL を開いたときに再現できる範囲で残せます。組織の外側の保存の仕組みではないため、社内の正本のデータベースに置くべき情報は、そちらに置いた上で MCP で読みに行く設計にします。永続保存は、成果物を「そのページの中で使い続けられる道具」に変えるための仕組み、と捉えるのが実務的です。

まとめ — 「作る」と「渡す」を一続きにする仕組み

Claude Artifacts の要点は、成果物を作る場所と、それを渡す場所を、一続きにしたことにあります。

Web ページや資料の試作から、外部パートナーへの提示、社内で使うちょっとした道具まで。依頼から URL 一本の共有までを、同じ画面の中で終わらせられます。

この一続きが、制作の速さと社内外の擦り合わせの手戻りを、同時に減らす下地になります。

2026年6月の Claude Code Artifacts、7月の全プラン公開共有で、実務で使える出口が揃いました。

まずは、社内で回している一つの資料から置き換えてみる。たとえば四半期のブランド報告や、代理店に渡すキャンペーンの一枚ものから、URL 一本で共有する運用に切り替える。そこから、永続保存と外部連携を含めた道具の側へ広げるのが順当な入り方です。

AIGC TIMES 法人パッケージ — 大企業のブランド管理者向けに、Claude Artifacts を含む生成AIツールの運用ルール設計、承認フロー、社外共有の手順化までを一括で支援する法人向けパッケージ（税込20万円〜）をご用意しています。詳細は AIGC TIMES 事務局までお問い合わせください。

Sources（一次情報中心）

Anthropic — Artifacts are now generally available（2025年6月25日、基礎ソース）
https://www.anthropic.com/news/artifacts
Anthropic — Build with Claude Artifacts（現行 2026年8月時点、MCP・永続保存の言及）
https://claude.com/blog/build-artifacts
Anthropic — Claude Code now supports artifacts（2026年6月18日）
https://claude.com/blog/artifacts-in-claude-code
Anthropic Help Center — What are Artifacts and how do I use them?（現行 living doc）
https://support.claude.com/en/articles/9487310-what-are-artifacts-and-how-do-i-use-them
Anthropic Platform Docs — Model Context Protocol
https://platform.claude.com/docs/en/mcp
Anthropic — Claude Skills（Skills と Artifacts の役割対比）
https://claude.com/skills
Anthropic — Introducing Claude Design（Design と Artifacts の役割対比）
https://claude.com/blog/claude-design
Claude 公式YouTube — Artifacts in Claude Code: share your work as it happens（2026年6月）
https://www.youtube.com/watch?v=m7TJqx8CYG8

Claude アーティファクト とは何を指すか