Claude Design は、コーヒーを淹れている間に 12 枚のピッチ資料を書いてくれます。投資家向けのナラティブを伝え、資料を依頼すれば、数分後にはブランドに沿った磨き上げられたインタラクティブな HTML アーティファクトが、送信可能な状態で手元に届きます。難しいのはもう資料を作ることではありません。その後に起きるすべてです。
それを投資家、商談相手、社内のステークホルダーに送りたい。本当に読んでくれたか、どのスライドに時間を使ったか、誰かに転送したかを知りたい。標準的な選択肢はどれも良くありません。
- メール添付。 ほとんどのメールクライアントは HTML 添付をブロックします。ブロックしないものも、ファイルをフラット化したりサンドボックスに入れたりして、インタラクティビティが壊れることが多いです。
- Google Drive。 Drive はファイルをレンダリングしません。投資家がリンクを開くと、ピッチではなく生の HTML ソースか壊れたプレビューを目にすることになります。
- PDF 書き出し。 インタラクティビティ、アニメーション、組み込みの挙動がすべて剥がれます。磨かれたインタラクティブな資料を静的なドキュメントに変えてしまうのです。
- Vercel や Netlify にデプロイ。 機能はしますが、5 分の送信を 30 分のデプロイ作業に変えてしまいました。しかも依然として、エンゲージメントトラッキングもアクセス制御もリンク失効の手段もありません。
Claude Design は資料を数分で作ります。配信のレイヤーは追いついていません。このガイドはその空白についての話です。
お時間がない方へ
4 ステップの流れ: [Claude Design からエクスポート、HummingDeck にアップロード、共有リンクを設定、送信](#ステップ-1-claude-design-から独立 html としてエクスポート)。面白いのは その後に見えるもの です。
Claude Design を一段落で
Claude Design は Anthropic Labs のビジュアルプロトタイピング製品で、2026 年 4 月 17 日に公開されました。claude.ai/design にあり、Claude Opus 4.7 と HTML キャンバスを組み合わせています。管理者がデザインシステムを一度つなぐと、その後のすべての新規プロジェクトが自動でそれを継承します。あとはチームの誰でも、ピッチ資料、モックアップ、ランディングページを自然言語で記述し、チャット、インラインコメント、直接編集で磨いていけます。出力はブランドに沿いつつインタラクティブです。ターゲットは、傍にデザイナーがいない創業者、AE、PM、マーケターです。Anthropic は公開を Introducing Claude Design で、ワークフローを Get started with Claude Design で説明しています。
完成した Claude Design プロジェクトには、2 つの出口があり、両方とも標準で組み込まれています。
- Claude Code への引き渡し：そのプロジェクトが、実際の本番コードに仕上げたいプロトタイプの場合。
- エクスポートして外部に共有：そのプロジェクトが、見込み客、投資家、顧客に読んでもらいたい資料、ワンページャー、ランディングページの場合。
このガイドは 2 番目の道の話です。Claude Design 標準の共有リンクは組織スコープに限定されていて、組織アクセスのある同僚は閲覧や編集ができます。社外の相手にアクセス制御とエンゲージメントトラッキング付きで渡せるリンクは提供されません。HummingDeck がそのレイヤーです。
ステップ 1: Claude Design から独立 HTML としてエクスポート
Claude Design で資料を開き、キャンバス右上の Export ボタンを押します。メニューには 6 つのオプションがあります: Download as .zip、Export as PDF、Export as PPTX、Send to Canva、Export as standalone HTML、Handoff to Claude Code。Export as standalone HTML を選んでください。
フォント、画像、ブランドアセットがすべて埋め込まれた単一の .html ファイルが手に入ります。これが共有可能な形の Claude アーティファクト (英語ドキュメントでは Claude Artifact) です。外部依存のない完結した HTML 資料です。
アーティファクトを後で見つけられる場所に保存してください。
他のエクスポートについて一言。PPTX は PowerPoint で編集を続けたい同僚に資料を渡す用途に向きますが、HTML から PPTX への変換は劣化します。ブランドキットがずれ、レイアウトが崩れ、アニメーションが落ちます。PDF は見た目を保ちますが、インタラクティブな要素をすべて失います。.zip はマルチファイルのバンドルで、主に Claude Code への引き渡しと組み合わせて使うものです。外部に送って受信者の挙動も見たい場合は、独立 HTML が正解です。
ステップ 2: HummingDeck にアップロード
Claude アーティファクトを HummingDeck の資料ライブラリにドラッグしてください。Anthropic への API コールはなく、OAuth もなく、「Claude アカウントを接続」のステップもありません。ファイルをエクスポートし、アップロードする。それで連携の全部です。
HummingDeck はアップロード時にアーティファクトのバンドラーペイロードを展開し、スライド構造を正しく検出します。資料は正しいセクション数とともにライブラリに着地します。
サンドボックス化されたビューアから配信されるため、エクスポート内の HTML、CSS、JavaScript は隔離された状態で動作します。受信者はインタラクティビティをそのまま得ます。あなたのアカウントは保護されたままです。
ステップ 3: 共有リンクを設定
標準的な共有リンクの制御がそのまま適用されます。
- メールゲート：指定した受信者だけが閲覧可能。
- リンクの有効期限：指定日以降は資料が機能しなくなる。
- アクセスの取り消し：受信者が URL を持っていても、いつでも取り消し可能。
- カスタムドメイン：共有 URL を当社のドメインではなく、あなたのブランド上に乗せる。
- 閲覧通知：誰かが開いた瞬間に通知。
ユースケースに合わせて調整してください。投資家: メールゲート、ラウンドクローズで有効期限、カスタムドメイン。商談相手: ドメインゲート、長めの有効期限、毎回の閲覧で通知。社内ステークホルダー: ゲートなし、短い有効期限、通知オフ。
リンクを生成。完了です。
ステップ 4: リンクを送って何が起きるかを見る
メールでリンクを送ります。受信者がクリックし、HummingDeck のビューアに着き、スライドを読みます(あるいは読みません)。
トラッキングはビューアの中で動作し、受信者が実際に何をしているかを観察します。どのスライドにいるか、そこにどれくらい留まっているか、資料のどこまで進んだか、どのリンクやボタンをクリックしたか。Claude Design 出力物の形に合わせて調整されているので、スライド別の内訳が正確に取れます。
ダッシュボードに見えるもの:
- スライド別の滞在時間。 どのスライドに 4 分使い、どのスライドを 15 秒で流したか。
- 完了率。 依頼スライドまで到達したか、問題スライドで脱落したか。
- クリック。 資料内のすべてのリンクとボタンのクリック。Claude Design が埋め込んだインタラクティブプロトタイプも含む。
- 転送の推論。 2 つ目の閲覧者フィンガープリントが同じウィンドウで資料を開き、ネットワークや地域が最初の閲覧者と一致しない場合、HummingDeck は転送の可能性ありとフラグを立てます。社内であなたの代わりに売ってくれているチャンピオンがいるサインです。
- 再訪問。 数週間後に誰かが資料に戻ってきたら通知が届きます。多くは予算サイクル、ボード準備、止まっていた案件が再び動き出すサインです。
セールスモーションでは、この 5 つのシグナルが次の一手を決めます。価格スライドで 2 分粘る見込み客は、2 枚目で離脱した見込み客とは異なるフォローアップに値します。資料を同僚 3 人に転送した見込み客は、夜 11 時に一人で開いた見込み客とは異なるフォローアップに値します。
このシグナルが開封率より誠実な理由
コールドメールの開封率は 2026 年にはほとんど何も計測できていません。Apple Mail Privacy Protection、企業のセキュリティスキャナー、AI 受信トレイエージェントが、人間がメッセージを目にする前にトラッキングピクセルを事前ロードします。実際の人間の読了率が一桁のキャンペーンで、開封率が 40% 台後半に届くのを見ている SDR チームは少なくありません。仕組みの全体像は コールドメールの開封率はもう死んでいる で扱い、ピクセルと開封確認の失敗モードの広い文脈は メール開封確認は本当に機能するか? で扱っています。
あなたが共有した資料へのエンゲージメントは別カテゴリです。ボットは 4 分間読みません。スキャナーは 3 週間後に価格スライドへ戻ってきません。AI 受信トレイエージェントは資料を CFO に転送しません。トラッキングリンクの先にある Claude Design アーティファクトでそうしたシグナルを見れば、実際の人間の行動を見ていることになります。それが、本当に予測に使えるシグナルです。
シフトは構造的です。Claude Design は資料を数分でリリースさせます。営業 1 人あたりが流通させる資料の数は急速に増えています。レベニューチームの問いはもう「どうやって資料をもっと作るか」ではありません。「自分が送った資料のうち、どれが本当に届いたのかをどう見極めるか」です。特定の受信者に紐づいたスライド別エンゲージメント。それがボットレイヤーを生き残るシグナルです。
Claude Design を超えて: 他の AI ツールにも同じ流れ
同じアップロード経路が、独立 HTML を出力するものすべてを受け入れます。ChatGPT canvas、v0 デモ、Lovable アプリ、Bolt プロジェクト、Manus アーティファクト、Cursor プレビュー。同じトラッキングリンク、同じサンドボックスビューア、すべてのアーティファクトについて同じセクション別エンゲージメント。Claude Design が口火を切ったのは、磨かれた HTML 資料を素早く出力するからですが、その能力は同じ形式の AI 生成アーティファクトすべてをカバーします。
複数の AI ツールを並行運用していて、それらが生み出すすべての配信を一つのレイヤーにまとめたいなら、それが HummingDeck です。1 つのライブラリ、1 つの分析ビュー、チームが世に出すすべての資料、アーティファクト、プロトタイプに適用される 1 つの共有コントロールセット。
関連記事:
- コールドメールの開封率はもう死んでいる。この指標は救えない: SDR の最初の指標が機能を止めた理由。
- メール開封確認は本当に機能するか?: この記事が属するピクセル-開封確認の広い失敗モード。
- コールドメール後の見込み客エンゲージメントを追跡する方法: 置き換えのシグナルとしてのスライド別エンゲージメント。
- あなたの資料分析が間違っている理由: 資料とドキュメントのトラッキングに適用された同じボット検出のテーゼ。
- Claude Design アーティファクトをトラッキングリンクで共有する | コールドアウトリーチ向け HummingDeck | 料金 | 営業