Claudeアーティファクトをダウンロード・書き出して共有する方法

Ilya SpiridonovIlya Spiridonov
読了時間14分

Claudeのアーティファクトをダウンロードする方法は、作成したものによって異なります。ブラウザで開けるHTMLなら操作できる機能を残せる場合があり、PDFならレイアウトを固定したコピー、PowerPointやWordなら引き続き編集できるファイルになります。まずアーティファクト自体のダウンロードまたはエクスポートメニューを開き、保存したファイルをClaudeの外で確認してから送ってください。

エクスポートしても、アプリ全体をそのまま持ち出せるとは限りません。Claude、連携ツール、保存済みの入力データを使う機能は、ダウンロードしたファイルでは動かなくなる場合があります。そのため、このガイドではボタンの場所に加え、書き出したファイルの確認方法も詳しく説明します。

用途に合うファイル形式を選ぶ

作成したものを左の列で探してください。操作手順は、Anthropicの現行ガイドと10月22日にClaudeで確認したメニューに基づいています。ガイドによって表記が異なることがあり、古い解説には現在と違う操作方法が載っています。

作成したものメニューの場所保存できる形式
管理ツールや計算ツールなどのカスタムアーティファクトタイトルメニューからExportHTML、Markdown、またはブラウザの印刷画面からPDF
Claude Designのプロトタイプ全体はShareからExport、1画面はアートボード上部のダウンロードアイコン全体はHTML、PDF、PNG。1つのアートボードはPNG、PDF、HTML ZIP。全アートボードを1つのPDFにも保存可能
Claude Slidesのプレゼンテーション資料DownloadPDF、Webページ（.html）、PowerPoint、または現在のスライドをPNG
Claude DocタイトルメニューまたはShareからExportWord、PDF、Markdown、またはGoogle DocsやNotionへのコピー
Claude DashboardShareAnthropicのガイドは共有方法を説明しており、ファイルのエクスポートについては記載なし

受信者が次に何をするかに合わせて形式を選びます。HTMLは、プロトタイプ、計算ツール、画面切り替え効果のある資料など、ブラウザで操作するものに向いています。PDFは読む、印刷する、転送するといった用途でレイアウトを固定でき、PowerPointやWordは相手が引き続き編集する場合に適しています。アプリによって見え方が変わることがあるため、相手が使うアプリで開いてください。

Google DocsとGoogle Slidesは、ダウンロード形式ではなく送信先です。パソコンにファイルを保存する代わりに、Googleアカウントに編集可能なコピーが作られます。PNGは1枚の画像、Markdownはプレーンテキストを扱うツールに向いており、クライアントへの納品では補助的な選択肢になります。

次の4種類の出力は、別の手順になります。

  • 会話の中でClaudeが作成したファイル。 Claudeから.pptxや.docxを受け取った場合は、そのファイルを直接ダウンロードします。Anthropicはダウンロード可能なファイルとアーティファクトを別の出力として扱っています。
  • 2026年9月16日より前にチャットで作成したアーティファクト。 これらの旧アーティファクトには、パネル上部にダウンロードボタンがあります。Webページとして扱う前に、ダウンロードしたファイルの拡張子を確認してください。
  • Claude Codeから公開したページ。 Claude CodeはまずページをHTMLまたはMarkdownファイルに保存します。保存先を指定しない場合は一時フォルダに置かれるため、希望の場所に保存するよう依頼してください。
  • Claude Motionのアニメーション。 TeamとEnterprise向けのベータ機能であるMotionは、MP4動画を書き出します。

カスタムアーティファクトやClaude DesignをHTMLでダウンロードする

カスタムアーティファクトは、管理ツール、受付フォーム、計算ツールなど、既存のテンプレートに当てはまらない依頼に対してClaudeが作成するものです。Anthropicのカスタムアーティファクトの解説では、次のエクスポート手順が案内されています。

  1. アーティファクトを開きます。
  2. タイトルメニューを開きます。
  3. Export（エクスポート）を選び、HTMLを選択します。

今回の検証では、Exportを選ぶとShareとExportのタブがあるパネルが開きました。Exportタブには、単独のWebページとしてのHTML、Markdown、ブラウザの印刷画面を使うPDFが並んでいました。HTMLはアーティファクトのタイトルをファイル名として保存されました。25 KBの単一ファイルで、フォントはGoogle Fontsから読み込んでいました。

HTML、Markdown、PDFが並ぶClaudeのカスタムアーティファクトのExportタブ
カスタムアーティファクトのタイトルメニューからExportを開いた画面。2026年10月22日にClaudeで撮影。

解説では、書き出したコピーで何が変わるかが明記されています。入力データの保存、Claudeの利用、連携ツールの利用に関わる機能は動作しなくなります。一方、フィルター、タブ、詳細の開閉など、ページ内で完結する操作は引き続き使える場合があります。ダウンロードしたファイルで、一つずつ確認してください。

アーティファクトの中にあるダウンロードボタンは、別の機能です。アーティファクトは、入力データのスプレッドシートやPDFなどをファイルとして渡せる場合があります。そのファイルに入っているのはデータであり、ページ自体ではありません。

Claudeの中に残るもの

保存済みの入力データ、Claudeの機能、連携ツールはClaudeのサービスに依存するため、書き出したページには持ち出せません。相手がそれらを必要とする場合はClaude内でアーティファクトを共有するか、Anthropicの提案に従い、Claudeにコードを出してもらってClaude Codeで完全なアプリを構築してください。

Claude Designのプロトタイプを書き出す

デザインについては、Anthropicのプロトタイプの解説で3つの書き出し方が紹介されています。Share → Exportでは、プロトタイプ全体を1つのWebページとして保存します。個別のアートボードはPNG、PDF、HTML ZIPで保存でき、全アートボードを1つのPDFにまとめることもできます。

HTML、PDF、PNG、More formats and appsが並ぶClaude DesignプロトタイプのExportタブ
3画面のClaude DesignプロトタイプでShareからExportを開いた画面。2026年10月22日にClaudeで撮影。

今回の検証では、Exportタブでプロトタイプ全体をHTML、PDF、PNGに書き出せました。More formats and appsには、Canva、Miro、Vercel、Netlifyなど、連携可能なツールが並んでいました。各アートボード上部のダウンロードアイコンからは、1×または2×のPNG、PDF、HTML ZIP、全アートボードをまとめた1つのPDFを選べました。

保存した範囲を確認してください。プロトタイプ全体のHTMLは、フォントを内包した430 KBの単一ファイルで、開くとすべての画面が1ページに並んでいました。そのファイル内の項目をクリックしても次の画面には移動しませんでした。動作するプロトタイプを渡すと約束する前に、自分の書き出し結果で操作を確かめてください。アートボードのZIPにはMain.dc.html、スクリプト、ファイルを開発者向けのデザイン参考資料として説明するREADMEが入っていました。直接開くのではなく、フォルダから配信する必要があります。

Claude内でプロトタイプをクリックしても反応しない場合は、解説に従ってアートボード上部のPlayを押してください。Playボタンがなければ、クリックで操作できるようClaudeに依頼します。Claude Designのヘルプページでは操作項目の表記が異なり、今回のプロトタイプには表示されなかったPowerPointとGoogle Slidesも記載されています。自分の画面に合う手順に従ってください。

受け取ったHTMLの種類を確認する

HTMLの書き出し結果には、次の3種類があります。

  • そのまま使える単一ファイル。 スタイル、スクリプト、画像を内包した1つの.htmlファイルは、ブラウザで直接開けます。Reactを含む、同梱されたJavaScriptも実行できます。
  • 複数ファイルのパッケージ。 index.htmlなどの起点となるページと個別の素材が入ったZIPです。展開するか、フォルダ全体を配信できるホスティングサービスを使います。
  • ソースコード。 .jsxやpackage.jsonなどのファイルは、ブラウザで実行する前にビルドが必要です。JSXファイルの拡張子を.htmlに変えてもWebページにはなりません。

ZIPは新しいフォルダに展開し、起点となるページと、そのページが参照するファイルを確認してからアップロードしてください。HTMLとZIPのアップロード要件とClaudeで共有可能なHTMLを作るガイドでは、不足ファイル、パッケージ化、再生成のためのプロンプトを説明しています。

Claude SlidesをHTML、PDF、PowerPointに書き出す

Slidesのファイル書き出しはDownload（ダウンロード）にまとまっています。Anthropicのスライド作成の解説には、5つの選択肢が記載されています。

ダウンロード形式向いている用途
PDFレイアウトを固定したページを読む、印刷する、転送する
Web page (.html)Presentと同じように、画面切り替え効果を含めてブラウザで資料を再生する
PowerPoint, current fonts使用中のフォントを使い、PowerPointで編集する
PowerPoint, basic fontsどのパソコンにもある基本フォントを使い、別の環境で編集する
Current slide as an image (.png)1枚のスライドをメールやドキュメントに挿入する
PDF、Webページ、PNG、2種類のPowerPointが並ぶClaude Slides資料のDownloadメニュー
Claude SlidesのDownloadメニュー。2026年10月22日にClaudeで撮影。

5枚のスライドで検証した資料にも、同じ5つの選択肢が表示されました。ファイルを保存するたびに、ClaudeはLet this artifact download a file?（このアーティファクトによるファイルのダウンロードを許可しますか？）と表示し、ファイル名とサイズを示しました。Save fileを選んで保存します。PDFでは最初にGoodからBestまでの画質を選び、チェックボックスで発表者ノートを含めるかどうかを指定できます。

解説には、PowerPointに引き継がれる内容も記されています。テキストボックス、表、写真、スライド背景、発表者ノートは引き続き編集できます。グラフ、アイコン、図形は画像になり、画面切り替え効果とスキップしたスライドは含まれません。ただし、今回の検証資料にある簡単な棒グラフは、編集可能な図形とラベルとして引き継がれました。クライアントが数値を変えようとする前に、自分の資料でどう変換されたかを確認してください。Claudeは、資料のフォントがPowerPointファイルに埋め込まれていないことも警告しました。そのフォントがないパソコンでは別のフォントに置き換わります。相手が同じフォントを持っていない可能性があるなら、基本フォントを選んでください。

Anthropicによると、スキップしたスライドはプレゼンテーション時にもダウンロード時にも含まれません。これはすべての形式に当てはまります。相手に見せるスライドは、ダウンロード前にスキップを解除してください。

資料を受け取った相手の使い方に合わせて選びます。自分でクリックしながら見るならHTML、読むか転送するならPDF、編集するならPowerPointです。PowerPointは自分でも開き、どの要素が画像になったか確認してください。Googleドライブを連携している場合は、Share → ExportのSend toにあるGoogle Slidesを選ぶと、代わりにドライブ内に編集可能なコピーが作られます。

Claude DocをWordやPDFに書き出す

Claude Docsは、Word（.docx）、PDF、Markdown（.md）、Google Docsに書き出せます。DocsのガイドではExportをクリックして形式を選ぶよう案内され、Anthropicのアーティファクト全般のガイドではShareまたはタイトルメニューの中にExportがあると説明されています。今回の検証では、どちらからも同じExportタブが開き、Send toにはNotionも表示されました。

Word、PDF、Markdownのダウンロードと、Google Docs、Notionへの送信先が並ぶClaude DocのExportタブ
Claude DocのExportタブ。2026年10月22日にClaudeで撮影。

相手が編集するならWord、レイアウトを固定したコピーならPDFを選びます。MarkdownはWikiやプレーンテキストを扱うツール向けです。Google Docsでは、パソコンにファイルを保存する代わりにGoogle上にコピーを作成します。

書き出したファイルは、その時点の内容を保存したものです。チームやClaudeとのリアルタイム共同編集は、Claudeの中で行います。一方、メンションはファイルにも残ります。検証用ドキュメントの著者欄にある@メンションは、WordとPDFの両方でその人の名前としてプレーンテキスト表示されました。クライアントに見せるべきでないメンションは、書き出す前に削除してください。ドキュメント内のグラフも自動更新されないため、書き出す前にClaudeに最新データを取得するよう依頼します。

Docsのガイドには、誰がどこへ送れるかを決める2つのルールがあります。閲覧者は読むことだけができ、編集者は書き出せます。他の人のドキュメントにExportが表示されなければ、オーナーに編集権限かファイルの提供を依頼してください。また、TeamとEnterpriseでは、ドキュメントをリンクやメール招待で組織外に共有できません。組織外のクライアントには、書き出したファイルを送ります。

送信前に書き出したファイルを確認する

どの形式でも、次の5点を確認してください。

  1. Claudeの外で、相手が使うアプリでファイルを開き、送る予定のページ、スライド、アートボードが入っているか確認します。
  2. 文字、画像、フォント、表、改ページを確認します。
  3. 相手が使うすべての操作項目とリンクを試します。
  4. 保存済みの入力データ、Claude、連携アカウント、Webから読み込むファイルに依存する機能を整理し、相手に必要かどうかを判断します。
  5. ファイルをホスティングする場合は、ローカルファイルに加えて、別のブラウザセッションで相手に送るリンクも確認します。
書き出したWebsite Project EstimatorのHTMLをブラウザで開き、ScopeタブでDesign項目に絞り込んだ画面
書き出したカスタムアーティファクトをClaudeの外で開いた画面。タブとフィルターは引き続き動作。2026年10月22日撮影。

自分のパソコンで開けても、確認できたのはその環境で開けるということだけです。Webからフォントやスクリプトを読み込むページは、オフラインでは見え方が変わることがあります。また、オーナーとして見るプレビューと、クライアントが開くリンクでは動作が異なる場合があります。最後に必ず、実際に送るリンクをクライアントと同じ方法で開いて確認してください。

書き出したファイルで問題が起きた場合

問題試すこと
希望する形式が表示されないアーティファクトの種類と作成方法を確認します。Claudeが生成したPowerPointファイルとSlidesの資料は別のものです。旧チャットアーティファクトにも専用の操作項目があります。Docsの閲覧者には書き出し権限がなく、プランや組織の設定によって選択肢が表示されない場合もあります。
HTMLで保存済みの入力データやAI機能が使えなくなった書き出されるのはClaudeのサービスを含まないページです。その機能が必要ならClaude内のアーティファクトを使うか、Claudeに静的で単体で動作する版を作るよう依頼し、再確認してください。
ZIPがWebページとして開かないDesignのアートボード書き出し、スタンドアロン版のプロジェクトアーカイブ、ブラウザで使えるパッケージのどれかを確認します。展開して起点となるページを探し、該当する場合はパッケージ化の要件に従ってください。
PDFやPowerPointの見え方が違うフォント、改ページ、画像、画像に変換された要素を比較します。Claude内の元データを修正して再度書き出してください。フォントがない場合は、基本フォントのPowerPointを選びます。
ローカルではリンクが動くのに、ホスティング後は動かないホスティングサービスは、ポップアップ、ダウンロード、ブラウザ内へのデータ保存を制限するサンドボックス内でページを動かす場合があります。相手に送るリンクで試し、他サイトから読み込む内容も確認してください。

確認済みのファイルを共有する

相手に成果物を届ける方法は3つあります。Claudeから直接共有すれば、アーティファクトと共同作業をClaude内に保てます。Claudeの共有ガイドでは、どの種類のアーティファクトならClaudeアカウントなしで直接共有リンクを開けるかを説明しています。PDFやWordはメールに添付できます。一方、HTMLを添付するとクライアントにはコードとして届くことがあります。

私たちの製品であるHummingDeckでは、3つ目の方法として、書き出したファイルをトラッキングリンクで共有できます。HTML、PDF、PowerPoint、Wordのファイルをアップロードし、自分用のテストリンクを作ってプライベートウィンドウで開きます。その後、クライアント専用のリンクを送れば、自分のテスト訪問が相手の記録に混ざりません。相手が開くと、資料の「リンク」と「分析」で記録された訪問を確認できます。

単一のHTMLファイルは無料プランで使えます。HTML ZIPパッケージにはStarter以上が必要で、各ページ、スライド、検出可能なHTMLセクションの閲覧時間も確認できます。検証で書き出したファイルをアップロードしたところ、5枚のスライドからなるSlidesのWebページは5ページ、3画面のプロトタイプは3ページとして表示されました。HummingDeckは完成したファイルをホスティングするサービスなので、ソースコードではなく、書き出したページやパッケージをアップロードしてください。サーバーが必要なアプリには、アプリ用のホスティングサービスを使います。HTML共有、PowerPoint共有、ドキュメント共有を確認するか、単一ファイル向けの公開ホスティングサービスを比較してください。

ダウンロードしたアーティファクトをリンクで共有する

よくある質問

Claudeのアーティファクトをダウンロードするには？

種類に合った書き出しメニューを使います。SlidesはDownload、DocはExport、デザインはShareからExport、カスタムアーティファクトはタイトルメニューのExportです。アーティファクト内のダウンロードボタンは、入力データのスプレッドシートなど、そのアーティファクトが生成したファイルを保存するもので、アーティファクト自体を保存するものではありません。

ClaudeのアーティファクトはHTMLに書き出せますか？

はい。カスタムアーティファクト、デザイン、Slidesで対応しています。カスタムアーティファクトはタイトルメニューのExport、デザイン全体はShareからExport、SlidesはDownloadからWeb pageを選びます。書き出したカスタムアーティファクトでは、入力データの保存、Claudeの利用、連携ツールの利用に関わる機能は動作しなくなります。

ClaudeのアーティファクトをPDFに書き出すには？

Docs、デザイン、Slidesには、それぞれPDFの選択肢があります。DocはExport、デザインはShareからExport、SlidesはDownloadを使います。カスタムアーティファクトのExportパネルにもPDFがあり、ブラウザの印刷画面が開きます。保存したファイルで改ページを確認してください。

Claude SlidesはPowerPointに書き出せますか？

はい。資料を開いてDownloadを選び、現在のフォントか基本フォントのPowerPointを選択します。テキストボックス、表、写真、スライド背景、発表者ノートは引き続き編集できます。Anthropicによると、グラフ、アイコン、図形は画像になり、画面切り替え効果は含まれません。ファイルを開き、自分の資料で何が変わったかを確認してください。

書き出したアーティファクトはClaudeの外でも動きますか？

フィルター、タブ、計算ツールなど、ページ内で完結する機能はHTMLでも動作する場合があります。入力データの保存、Claudeの呼び出し、連携ツールの利用に関わる機能は動作しなくなるため、送る前にファイルと相手に渡すリンクを確認してください。

旧スタンドアロン版Claude Designのプロジェクトはダウンロードできますか？

はい。スタンドアロン版Claude Designが終了する2026年12月14日までは、プロジェクトごとにダウンロードできます。プロジェクトでShareを開き、Project HTMLを選びます。スライド資料ではMore formats and appsの中にあります。Project archiveを選択したままExportをクリックしてください。ZIPにはプロジェクトのファイルが保存されますが、そのまま公開できるページとは限りません。アップロードする前に内容を確認してください。

出典

関連記事：