Claude Design で作ったページを、誰でも開けるリンクで公開する方法

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 のページを公開する 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 プランはカード登録なしで、1 ページを公開できます。

ファイルをアップロードする

管理画面で「HTMLファイルをアップロードする」を押し、「ファイルから」のタブで、ファイルをドロップするか「ファイルを選ぶ」から選びます。書き出したままのファイルでかまいません。Convika は Claude Design から書き出したファイルだと見分けて、中のページを、フォントや画像、スクリプトごとふつうの Web ページとして保存します。ページ名には、デザインのタイトルが入ります。「プレビューをつくる」を押します。アップロードに AI クレジットは使いません。

ページ冒頭のボックス は、登録する前でも使えます。ファイルをドロップすると、プレビューのリンクができます。ただ、Claude Design のページはスクリプトでデザインを組み立てるため、スクリプトを動かさないこのプレビューでは、デザインの代わりにそのことを知らせる案内が出ます。「このページを受け取る（無料・カード不要）」を押して登録すると、管理画面のプレビューでデザインが表示されます。

使えるのは .html と .htm のファイルで、2 MB までです。この 2 MB は展開したあとのページにもかかり、展開したページはたいていファイルより大きくなります。2026 年 10 月に確かめた 93 の書き出しでは、展開したページはファイルの 0.5〜3.3 倍、中央値で 1.7 倍の大きさで、すべて上限に収まりました。収まらないときは、アップロードの画面がそう知らせます（下のよくある質問）。

非公開のプレビューで確かめる

「プレビューができました」と表示されたら、「プレビューを開く」を押します。プレビューの URL は非公開で、開けるのは 3 分間です。切れたら、もう一度「プレビューを開く」を押すと新しいリンクができます。この時点では、まだだれにも公開されていません。Claude Design で見たとおりに表示されるかを、パソコンとスマートフォンの両方で確かめます。Free プランでは、ページの下に Convika のバナーが出ます。

公開する

「ページを公開する」を押し、「このページを開ける人」で「一般公開」を選んで「次へ」を押します。はじめての公開では、続いて大きな「無料で公開する」のボタンが出ます。押すとすぐに公開され、ページの下に Convika のバナーが出ます。出したくないときは、その下の「Convika のバナーなしで公開する」から Pro のお申し込み画面に進みます。お申し込み画面の大きなボタン「1日間無料で申し込む」は、カードを登録して始める Pro のトライアルで、最初の 1 日間のあとは、解約しなければ月 ¥1,800 かかります。公開すると、yourpage.convika.page のようなアドレスになり、Claude のアカウントがない人も開けるようになります。申し込みフォーム、独自ドメイン、アクセス数は、続く 3 つの節で説明します。

申し込みフォームを付ける

管理画面のサイト詳細で「フォームを追加する」を押し、入力項目（「メールアドレスのみ」「名前とメールアドレス」「名前・メールアドレス・問い合わせ内容」）とボタンの文言を選びます。Claude Design のページでは、フォームはデザインの下に入り、新しいプレビューのバージョンとして保存されます。プレビューを開いて試しに送信し、問題なければ公開します。プレビューからの送信は確認だけで保存されないので、本番のリストに混ざりません。

届いた内容は「フォーム」に一覧で出て、CSV で書き出せます。新しい送信は、届くたびにメールでも知らせます。Free プランで一覧に出るのは、すべてのフォームの合計で月 50 件までです。それを超えた送信も保存され、Pro にすると表示されます。メールアドレスを集めることだけが目的のページなら、ガイド 事前登録フォーム付きのランディングページを、無料で作る方法 もあります。

独自ドメインをつなぐ

ページの画面の「独自ドメイン」で「独自ドメインをつなぐ」を押し、www.example.com のようなホスト名を入れて「ドメインを追加する」を押します。表示された CNAME レコードと TXT レコードを、お名前.com やムームードメインなど、ドメインを買ったサービスの DNS 設定に追加して、「状態を確認する」を押してください。レコードが確認できるとドメインが有効になり、SSL 証明書は自動で発行されます。DNS の反映には通常数分、長いと 48 時間ほどかかります。

example.com と入れても www.example.com と入れても、両方をつなぎます。ページは www.example.com で開き、example.com を開いた人は www.example.com に転送されます。DNS には、www の CNAME レコードと TXT レコードに加えて、名前 @ の A レコード（値は Convika が示す IP アドレス）を足します。DNS が Cloudflare なら、これらのレコードは DNS only（灰色の雲）にします。example.com で今ほかのサイトを出しているときは、example.com はそのままにして www.example.com だけをつなぐこともできます。Free プランでつなげるドメインは 1 つで、Pro は無制限です。

何人が見に来たかを知る

Convika は、公開したページの訪問を数えます。どのサイトから来たか、UTM ごとの内訳、デバイス、国、リンクやボタンのクリックまで、Free プランでは直近 90 日分を見られます。わかるのは何人が来て何を押したかで、だれが来たかではありません。Google アナリティクスなどとの違いは、ガイド AI で作ったページのアクセス数と流入元を見る方法 で比べています。

Claude・Claude Code など、お使いの MCP クライアントに Convika をつないでおけば、「今週は何人来て、どこから来た？」と会話の中で聞くこともできます。Claude へのつなぎ方は 公開と修正を Claude に任せる にあります。

ほかの公開方法との比較

選ぶ基準は、ページに何をさせるかです。

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 のリンクはどうなりますか？

2026 年 12 月 14 日に使えなくなります。

スタンドアロン版の Claude Design は 2026 年 12 月 14 日に終わり、Anthropic によると、そのプロジェクトへのパブリックリンクも使えなくなります。そのリンクでデザインを見せているなら、それまでに「共有」の「プロジェクト HTML」からプロジェクトを書き出して、手元に残しておきます。

Claude Design は無料で使えますか？

使えます。

Anthropic のガイドによると、Claude Design は Free・Pro・Max・Team・Enterprise のプランで使えます。Claude Design だけの枠はなく、Claude のほかの使い方と同じ使用量の上限から使います。デザインをリンクで共有する「リンクを持つ誰でも」は、Pro 以上です。

Convika で公開すると料金はいくらかかりますか？

Convika の Free プランは、カード登録なしで使えます。

公開 1 ページまで、月 10,000 ページビューまで、独自ドメインは 1 つで、ページの下に Convika のバナーが出ます。フォームの回答は月 50 件まで管理画面に表示されます。それより後の回答も、1 つのフォームにつき月 1,000 件まで保存され、Pro にすると見られます。Pro にするとバナーが消え、フォームの回答もすべて見られます。Pro は月 ¥1,800 で、月 100,000 ページビューが含まれます（超えた分は 10,000 ページビューごとに ¥200 で、ページは止まりません）。