Claude Artifacts ブランドチーム活用ガイド｜UI 試作から資料共有までの実務

Claude Artifacts とは何を指すか

Artifact（アーティファクト、以下「成果物」）は、Claude が会話の流れとは別の枠に書き出す、そのまま動くひとつのページです。公式のヘルプは「Claude は、まとまった独立した内容を、会話の本流とは別の専用の枠であなたと共有できます」と説明しています。書き出せる中身は、Web ページ、対話型の資料、ドキュメント、図表、ちょっとしたアプリまで幅広く、書き出された成果物はチャット右側のパネルに開いて、そこで直接手直しができます。

対応プランは、Free、Pro、Max、Team、Enterprise の全プランです。Web、デスクトップ、モバイルのどこからでも扱え、Team と Enterprise では Claude Code の中からも生成できます。書き出しに追加費用はかからず、共有した相手も無料で閲覧できます。

大事な性質は、成果物が「その場のプレビュー」で終わらず、公開すればひとつの Web ページとして残る点です。URL が発行され、後日 URL を開くと同じ状態が再現されます。この持ち運びの良さが、社内資料や外部共有に載せる下地になります。

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

ブランドチームが実務で使う上で、2026年に入った三つの更新をおさえておきます。順に、6月18日の Claude Code Artifacts、4月20日の Live Artifacts、7月13日の全プラン公開共有です。

6月18日、Anthropic は 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月末、Anthropic が公開の URL を発行した一部の共有会話と成果物が、検索の対象として拾われる事例が報じられました。公開の URL を発行するときは、社外に出て問題のない中身かを、社外提示のチェックと同じ手続きで通す運用にします。既定の状態は非公開で、公開するときに一段の判断を挟むこと、この段取りを組織のルールに載せます。

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

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

ブランドチームで Artifacts の運用が効くのは、次の三つが揃った組織です。プレゼンや Web の一枚もの、資料の共有を、部門を越えて日常で作っていること。制作会社や代理店との受け渡しを、URL 一本でやり取りできる方が実務が早くなる場面が多いこと。組織の管理者が外部共有の可否を決められる、Team か Enterprise プランを持っていること。

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

業種の適合性は、Web、印刷、動画のうちの Web と印刷の準備が多く、外部の制作会社を複数使うブランドで高くなります。BtoC のコスメ、ファッション、飲料、家電。BtoB でも、SaaS 製品、金融、コンサルティングなどで、社外に出す前の試作と共有の段取りに載せやすい仕組みです。

よくある質問

Q1. Free プランでも 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 で読みに行く設計にします。永続保存は、成果物を「そのページの中で使い続けられる道具」に変えるための仕組み、と捉えるのが実務的です。

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

Artifacts の要点は、成果物を作る場所と、それを渡す場所を、一続きにしたことにあります。Web ページや資料の試作から、外部パートナーへの提示、社内で使うちょっとした道具まで、依頼から URL 一本の共有までを、同じ画面の中で終わらせられる。この一続きが、制作の速さと社内外の擦り合わせの手戻りを、同時に減らす下地になります。

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

関連の解説
・Claude Design 企業導入ガイド — チームでブランド管理を統一する方法
・Claude Design ブランドビジュアル制作ガイド
・Claude Skills 企業導入ガイド
・Higgsfield MCP 導入ガイド
・Claude Code のクリエイティブ用途ガイド

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

Sources（一次情報中心）

1. Anthropic — Artifacts are now generally available（2025年6月25日、基礎ソース）
   https://www.anthropic.com/news/artifacts
2. Anthropic — Build with Claude Artifacts（現行 2026年8月時点、MCP・永続保存の言及）
   https://claude.com/blog/build-artifacts
3. Anthropic — Claude Code now supports artifacts（2026年6月18日）
   https://claude.com/blog/artifacts-in-claude-code
4. 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
5. Anthropic Platform Docs — Model Context Protocol
   https://platform.claude.com/docs/en/mcp
6. Anthropic — Claude Skills（Skills と Artifacts の役割対比）
   https://claude.com/skills
7. Anthropic — Introducing Claude Design（Design と Artifacts の役割対比）
   https://claude.com/blog/claude-design
8. Claude 公式YouTube — Artifacts in Claude Code: share your work as it happens（2026年6月）
   https://www.youtube.com/watch?v=m7TJqx8CYG8