Claude Design で作ったページを、誰でも開けるリンクで公開する方法
結論
Claude Design のデザインを「共有」しても、開けるのは Claude にサインインしている人だけです。誰でも開けるページにするには、右上の「エクスポート」から「スタンドアロンHTMLとしてエクスポート」を選び、書き出した 1 つの HTML ファイルを Convika にそのままアップロードします。Convika がふつうの Web ページに展開し、非公開のプレビューで確かめてから公開できます。Free プランでも、デザインの下に送信内容を保存するフォームを足せて、アクセス解析は 90 日分、www.example.com のようなサブドメインを 1 つつなげます。
Free プラン: カード登録なし、10 ページまで、フォームは月 50 件まで
Claude Design でランディングページを作り、キャンバスの上では仕上がった。次は、Claude を使っていない人にも開けるアドレスで公開したい。できれば www.example.com のような自分のドメインで、申し込みフォームに残ったメールアドレスと、何人が見に来たかも知りたい。Claude Design は、ページを 1 つの HTML ファイルとして書き出せます。このガイドでは、そのファイルを Convika にアップロードし、プレビューで確かめて公開するまでを説明します。
Claude Design の共有でできること
Claude Design は、アーティファクトを作るときに選べるテンプレートの 1 つで、Free・Pro・Max・Team・Enterprise のどのプランでも使えます(Claude Design を始める)。デザインができたら、右上の「エクスポート」から、.zip、PDF、PowerPoint、Google Slides、スタンドアロンの HTML への書き出しや、Claude Code への引き継ぎ、Netlify・Vercel・Wix などほかのツールへの送信を選べます。
- 共有したデザインを開けるのは、Claude のアカウントがある人だけ。 Anthropic のガイドには「デザインはデフォルトでプライベートです。」とあり、「共有」を押して、開ける人を選びます。共有のガイドには「全員がClaudeアカウントが必要です。」とあり、アカウントがない人は、リンクを知っていても開けません(共有のガイドが挙げる例外は、2026 年 9 月 16 日より前にチャットで公開したアーティファクトだけです。Claude Code の公開リンクは、Claude Code のドキュメントではサインインなしで開けるとされています。くわしくは「Claude で作った HTML を、Claude のアカウントがない人にも見せる方法」)。「リンクを持つ誰でも」を選べるのは Pro・Max・Team・Enterprise で、Free では選べず、リンクは claude.ai のままです。
- claude.ai/design のリンクは、2026 年 12 月 14 日で使えなくなる。 スタンドアロン版の Claude Design はこの日に終わり、移行のガイドには「スタンドアロン版のプロジェクトへのパブリックリンクは、それが閉じた後は機能しなくなります。」とあります。
- 「スタンドアロンHTMLとしてエクスポート」なら、置ける 1 つのファイルになる。 Anthropic のヘルプは、このファイルの中身を説明していません。2026 年 10 月に、公開されている 93 の書き出しを確かめたところ、どれもページとフォント、画像、スクリプトを 1 つのファイルにまとめ、ブラウザで開いたときに短いスクリプトがそれを展開する作りでした。アップロードするのは、このファイルです。
| ランディングページに必要なこと | Claude Design の共有 | Convika で公開した場合 |
|---|---|---|
| Claude のアカウントなしで開ける | 開けない | 開ける。ふつうの Web サイトとして表示される |
| 独自ドメイン | 使えない(claude.ai のリンク) | Free でも www.example.com などのサブドメインを 1 つ使える |
| 申し込みを保存するフォーム | Anthropic のドキュメントに、デザインでの説明はない | 管理画面でだけ見られる。CSV で書き出せる |
| アクセス数 | ドキュメントに説明なし | 訪問数、流入元と UTM、デバイス、国、ボタンのクリック |
| 料金 | Claude のプランに含まれる | Free は無料、Pro は月 $12 |
Claude Design のページを公開する 5 つの手順
デザインをスタンドアロン HTML で書き出す
Claude でデザインを開き、右上の「エクスポート」を押して、「.zipでダウンロード」ではなく「スタンドアロンHTMLとしてエクスポート」を選びます。.html のファイルが 1 つ手に入ります。claude.ai/design のスタンドアロン版で作ったプロジェクトについては、Anthropic の移行のガイドが、「共有」から「プロジェクト HTML」を選び、「プロジェクトアーカイブ」を選んだまま「エクスポート」を押す書き出し方を挙げていて、プロジェクトのファイル一式が .zip で届きます。Convika にアップロードするのは、1 ページにつき 1 つの .html か .htm のファイルです。
デザインの中に登録フォームを描いてあるなら、書き出す前に Claude に消してもらいます。そのフォームには送信内容の届け先がなく、あとで Convika が、届け先のあるフォームを入れるからです。このガイドは、ランディングページや 1 枚の紹介ページのようなページ向けです。スライドのデッキなら、「PDFとしてエクスポート」か「PPTXとしてエクスポート」を選びます。
Convika の無料アカウントを作る
app.convika.com で登録します。Free プランはカード登録なしで、10 ページまで公開できます。
ファイルをアップロードする
管理画面で「HTMLファイルをアップロードする」を押し、「ファイルから」のタブで、ファイルをドロップするか「ファイルを選ぶ」から選びます。書き出したままのファイルで構いません。Convika は Claude Design から書き出したファイルだと見分けて、中のページを、フォントや画像、スクリプトごとふつうの Web ページとして保存します。ページ名には、デザインのタイトルが入ります。「プレビューをつくる」を押します。アップロードに AI クレジットは使いません。
上のボックスは、登録する前でも使えます。ファイルをドロップすると、プレビューのリンクができます。ただ、Claude Design のページはスクリプトでデザインを組み立てるため、スクリプトを動かさないこのプレビューでは、デザインの代わりにそのことを知らせる案内が出ます。「このページを受け取る(無料・カード不要)」を押して登録すると、管理画面のプレビューでデザインが表示されます。
使えるのは .html と .htm のファイルで、2 MB までです。この 2 MB は展開したあとのページにもかかり、展開したページはたいていファイルより大きくなります。2026 年 10 月に確かめた 93 の書き出しでは、展開したページはファイルの 0.5〜3.3 倍、中央値で 1.7 倍の大きさで、すべて上限に収まりました。収まらないときは、アップロードの画面がそう知らせます(下の「書き出したファイルが大きすぎるときは?」)。
非公開のプレビューで確かめる
「プレビューができました」と表示されたら、「プレビューを開く」を押します。プレビューの URL は非公開で、有効期限は 7 日です。この時点では、まだ誰にも公開されていません。Claude Design で見たとおりに表示されるかを、パソコンとスマートフォンの両方で確かめます。Free プランでは、ページの下部に小さな「Powered by Convika」の表示が入ります。
公開する
「公開する」を押し、「本番公開」の画面でもう一度「公開する」を押します。yourpage.convika.com のようなアドレスでページが公開され、Claude のアカウントがない人も開けるようになります。申し込みフォーム、独自ドメイン、アクセス数は、続く 3 つの節で説明します。
申し込みフォームを付ける
管理画面のサイト詳細で「フォームを追加する」を押し、入力項目(「メールアドレスのみ」「名前とメールアドレス」「名前・メールアドレス・問い合わせ内容」)とボタンの文言を選びます。Claude Design のページでは、フォームはデザインの下に入り、新しいプレビューのバージョンとして保存されます。プレビューを開いて試しに送信し、問題なければ公開します。プレビューからの送信は確認だけで保存されないので、本番のリストに混ざりません。
届いた内容は「フォーム」に一覧で出て、CSV で書き出せます。新しい送信は、届くたびにメールでも知らせます。Free プランで一覧に出るのは、すべてのフォームの合計で月 50 件までです。それを超えた送信も保存され、Pro にすると表示されます。メールアドレスを集めることだけが目的のページなら、「事前登録フォーム付きのランディングページを、無料で作る方法」も見てください。
独自ドメインをつなぐ
サイト詳細の「ドメイン管理」から「ドメインを追加」を開き、www.example.com のようなホスト名を入れます。表示された CNAME レコードと TXT レコードを、お名前.com やムームードメインなど、ドメインを買ったサービスの DNS 設定に追加して、「ステータス確認」を押します。レコードが確認できるとドメインが有効になり、SSL 証明書は自動で発行されます。DNS の反映には通常数分、長いと 48 時間ほどかかります。
自動設定でつなげるのは www や go のようなサブドメインで、example.com のようなルートドメインは対象外です。ルートドメインでも開けるようにしたいときは、DNS の設定で www に転送します。Free プランでつなげるドメインは 1 つで、Pro は無制限です。
何人が見に来たかを知る
Convika は、公開したページの訪問を数えます。どのサイトから来たか、UTM ごとの内訳、デバイス、国、リンクやボタンのクリックまで、Free プランでは直近 90 日分を見られます。わかるのは何人が来て何を押したかで、誰が来たかではありません。Google アナリティクスなどとの違いは「AI で作ったページのアクセス数と流入元を見る方法」で比べています。
Claude・Claude Code など、お使いの MCP クライアントに Convika をつないでおけば、「今週は何人来て、どこから来た?」と会話の中で聞くこともできます。Claude へのつなぎ方は「公開と修正を Claude に任せる」にあります。
ほかの公開方法との比較
| 方法 | やること | 見る人に Claude のアカウントが必要か | 独自ドメイン | 送信内容を保存するフォーム | アクセス数 | 料金 |
|---|---|---|---|---|---|---|
| Claude の「共有」 | 「共有」で「リンクを持つ誰でも」を選ぶ | 必要 | 使えない(claude.ai のリンク) | Anthropic のドキュメントに、デザインでの説明はない | ドキュメントに説明なし | プランに含まれる。リンクでの共有は Pro 以上 |
| Netlify に送る | 「エクスポート」の送信先から Netlify を選び、Netlify のアカウントを一度つなぐ | 不要 | 使える | Netlify の Claude Design のドキュメントに説明はない | Web Analytics で流入元まで。残るのは直近 1 日分 | Free は月 300 クレジット。使い切ると、アカウントのすべてのサイトが止まる |
| Vercel に送る | 「エクスポート」の送信先から Vercel を選び、Vercel のアカウントをつなぐ | 不要 | 使える | なし | Web Analytics(月 50,000 イベント) | Hobby は無料だが、個人の非商用に限る。Pro は月 $20 |
| Convika | スタンドアロン HTML で書き出してアップロードし、プレビューを見て公開する | 不要 | Free はサブドメインを 1 つ | Free は月 50 件まで一覧に出る(超えた分も保存し、Pro で表示)。CSV で書き出せる | 訪問数、流入元と UTM、デバイス、国、クリックを 90 日分 | Free は無料、Pro は月 $12 |
選ぶ基準は、ページに何をさせるかです。Claude を使っている人に下書きを見せるだけなら、「共有」で足ります。サイトをもう Netlify や Vercel で運用しているなら、そちらに送れば同じ管理画面で扱えます。Netlify のクレジットの数え方は「Netlify Drop の料金は?」に、Vercel の Hobby プランで商用にあたる範囲は「Vercel の Hobby プランは商用利用できる?」にまとめています。自分のドメインで申し込みを集め、どのサイトから人が来たかまで知りたいなら、Convika の Free プランで 3 つともそろいます。公開先ごとの無料の範囲は「無料で独自ドメインとフォームが使える、ランディングページの公開先は?」で比べています。
よくある質問
Claude Design で作ったページを公開するには?
デザインの右上の「エクスポート」から「スタンドアロンHTMLとしてエクスポート」を選び、書き出したファイルを公開先にアップロードします。Convika なら、管理画面の「HTMLファイルをアップロードする」でファイルを選び、「プレビューをつくる」を押して見え方を確かめ、「公開する」を押します。公開したページは、Claude のアカウントがない人も開けます。
Claude Design のデザインを共有する方法は?
デザインを開いて「共有」を押し、開ける人を選びます。Pro・Max・Team・Enterprise では「リンクを持つ誰でも」を選べますが、開く人にも Claude のアカウントが必要です。iPhone や Android のアプリでは共有の設定を変えられないので、Web 版かデスクトップ版を使います。Claude を使っていない人に見せるなら、スタンドアロン HTML で書き出して公開先に置き、そのリンクを送ります。
Claude Design のエクスポートでは、何が書き出されますか?
「エクスポート」では、.zip、PDF、PowerPoint(PPTX)、Google Slides、スタンドアロンの HTML を選べます。ページとして公開するなら、スタンドアロンの HTML です。Anthropic のヘルプにファイルの中身の説明はありませんが、2026 年 10 月に確かめた 93 の書き出しでは、ページのコード、フォント、画像、スクリプトを 1 つのファイルにまとめ、ブラウザで開いたときに展開する作りでした。Convika は、アップロードしたときにこの展開を済ませ、ふつうの HTML として保存して配信します。
Claude Design のページを独自ドメインで公開できますか?
Claude の中ではできません。共有したデザインのリンクは claude.ai のままです。書き出した HTML を、独自ドメインに対応した公開先に置きます。Convika の Free プランなら、www.example.com のようなサブドメインを 1 つ、CNAME レコードと TXT レコードを追加してつなげ、SSL 証明書は自動で発行されます。
Claude Design のページのフォームは動きますか?
そのままでは、送信内容がどこにも届きません。Claude Design で描いたフォームには、届け先がないからです。アップロードしたあと、管理画面で「フォームを追加する」を押すと、送信内容を保存するフォームがデザインの下に入ります。届いた内容は「フォーム」に一覧で出て、Free プランでは月 50 件まで表示されます(超えた分も保存され、Pro で表示されます)。
書き出したファイルが大きすぎるときは?
デザインで使うフォントを減らし、画像を小さくしてから、書き出し直します。Convika の 2 MB の上限は、ファイルを展開したあとのページにかかり、上限を超えるとアップロードの画面がそう知らせます。ファイルを大きくしているのは、中にまとめられたフォントと画像です。
claude.ai/design のリンクはどうなりますか?
スタンドアロン版の Claude Design は 2026 年 12 月 14 日に終わり、Anthropic によると、そのプロジェクトへのパブリックリンクも使えなくなります。そのリンクでデザインを見せているなら、それまでに「共有」の「プロジェクト HTML」からプロジェクトを書き出して、手元に残しておきます。
Claude Design は無料で使えますか?
使えます。Anthropic のガイドによると、Claude Design は Free・Pro・Max・Team・Enterprise のプランで使えます。Claude Design だけの枠はなく、Claude のほかの使い方と同じ使用量の上限から使います。デザインをリンクで共有する「リンクを持つ誰でも」は、Pro 以上です。
Convika で公開すると料金はかかりますか?
Convika の Free プランは、カード登録なしで使えます。10 ページまで、月 10,000 ページビュー、フォームの送信は月 50 件まで、独自ドメインは 1 つで、ページの下部に小さな「Powered by Convika」の表示が入ります。Pro にすると表示が消え、フォームの上限もなくなります。最初のページを公開すると、Pro をカード登録なしで 14 日間無料で使えます。その後は月 $12 で、続けない場合は Free に戻ります。