記事一覧へ
まずはこちらのLPを見てください。
0:00 / 0:20
実はこのLP、たったの3分で制作しました。
しかも、入れたプロンプトは
LPを1ページ作って、中小企業の経理担当者向け、信頼感のあるトーンで、
内容は「クラウド請求書発行ツール、月額980円、導入3分、無料トライアル14日付き」
これだけです。
日本語で一行打つだけ。色もフォントも余白もロゴも、全部いい感じに整った状態で、3分後にエクスポートまで終わります。
こんなことが本当に可能になったのは、2026年4月17日──たった1つのAIツールの発表をきっかけに、デザイン業界の前提が丸ごと書き換わった日からです。
発表の翌日、Figmaの株価が7%吹き飛びました。
Anthropicが公開したAIツールひとつで、デザインツール業界の時価総額が数百億円単位で動いた日です。
その名は「Claude Design」。 冒頭のLPを作ったのがこれです。
使い方は、たった1行の日本語指示。
「ピッチ資料を10枚作って」──このひと言で、投資家向けスライド10枚が3分で完成します。色もフォントも余白も整った状態で。
時間とコストの次元が、丸ごと書き換わりました。
スライド1枚作成。従来30分 → これから3分。
LP1ページ制作。従来2週間+外注30万円 → これから1時間+0円。
研修資料20枚。従来丸1日 → これから5分。
ピッチ資料10枚。従来5時間 → これから3分。
UIプロトタイプ3画面。従来2日 → これから5分。
資料作成に週末を溶かしていた人、Canvaテンプレの「手作り感」から抜け出せなかった人、Figmaの学習コスト100時間で心が折れた人、デザイナー外注費を削れずに経営がしんどかった人
──全員の前提が、2026年4月17日に書き換わりました。
「デザインできる人」が特別だった時代は、終わりです。
冒頭のLPの通り、もう嘘でも誇張でもなく、これが今の現実です。
この記事を最後まで読んだら、同じ環境が完成しています。
本記事は、Claude Designの全機能・全手順・全テクニックを1記事に集約した決定版ガイドです。
プログラミングも、デザインの知識も、一切不要。読み終える頃には「ひと言で動く、社内の専属デザイナー」が手元にいる状態になっています。
僕の公式LINEはこちら 👉 https://x.gd/KcBkj
無料の1on1のAIコンサルをやっています。業務や状況を詳しくヒアリングした上で、一人ひとりに合ったAIの活用法を提案しています。
「記事を読んだけど、自分の業務だとどこから手をつければいいか分からない」という方は、気軽に登録してみてください。
さて、本題に入りましょう。
第一章 何ができるようになるのか
まず、ゴールを明確にします。 この記事を読み終えた時に手に入れるものをお見せします。
できること一覧
「ひと言で資料が出てくる」とはいっても、何がどれくらい作れるのか。
具体的に6つ紹介します。全て筆者が実際に生成して検証したものです。
① ピッチ資料・プレゼン資料の自動生成
投資家向けのシード調達資料、社内の役員プレゼン、セミナーの登壇資料、営業先への提案資料。
10〜30枚の構成案と内容を日本語で伝えるだけで、表紙・問題提起・ソリューション・市場規模・競合比較・チーム紹介まで整ったスライドが出てきます。
所要時間:10枚で約3分、30枚で約7分。 クオリティ:「外注40〜60点」レベル。
そのまま出せるわけではなく、2〜3箇所の微調整は必要ですが、ゼロから作る労力とは比較になりません。
② LP(ランディングページ)の自動生成
SaaSのトップページ、イベントの申し込みページ、新サービスのリリースページ。
構成を日本語で伝えるだけで、ヒーロー・特徴・料金表・FAQ・CTAの完成品がHTML形式で出力されます。
所要時間:1ページで約2〜3分。
そのままVercelやNetlifyにアップロードすれば公開完了。従来30万円・納期3週間の外注案件が、60分・実質コストゼロで終わります。
③ ワンパーサー・一枚もの資料の生成
A4一枚にまとめた営業資料、会社案内、サービス紹介リーフレット、学会用ポスター。
「何を」「誰向けに」「どんなトーンで」を伝えるだけで、PDF1枚が完成。印刷してそのまま配れるクオリティです。
所要時間:1〜2分。
DM同封、展示会の配布物、採用説明会のハンドアウト。全部これで作れます。
④ SaaSのUIプロトタイプ作成
新機能の企画会議で「こういうUIです」を説明するために作る、クリックできるプロトタイプ。
ダッシュボード・設定画面・モーダルなど3〜5画面が、画面間の遷移込みで生成されます。
所要時間:3画面で約5分。
エンジニアにそのまま渡せば「このコードベースで実装します」と言われるケースも多数。仕様書代わりになります。
⑤ マーケティング素材の一括生成
X(Twitter)用の横長画像、Instagram用の正方形、LinkedIn用、YouTubeサムネ、バナー広告用、メルマガHTML。
「テーマは◯◯、色は明るく元気に」と1回指示するだけで、サイズ違いの5〜6バリエーションが揃います。
所要時間:5サイズで約2分。
それぞれを各SNSにアップロードするだけ。毎回1つずつ作り直す地獄から解放されます。
⑥ 社内向けの説明スライド・研修資料の生成
新入社員オリエン、マネジメント研修、AI活用方針の説明、情報セキュリティ研修。
20〜30枚の研修スライドが、章立て・図解・要点・チェックリスト込みで生成されます。
所要時間:20枚で約5分。
人事・総務部門の作業が丸ごと消える威力です。
コスト
Claude有料プラン(Pro・Max・Team・Enterprise)のいずれかに加入していれば、追加料金なしで使えます。
最安のProプランで月額$20(約3,000円)。
ROI計算してみましょう。
仮にデザイナー外注を月2件(LP1本+ピッチ資料1本)していた場合、従来コストは月40〜60万円。
Claude Designなら月3,000円で同じアウトプットが出ます。
差額の節約は月37万円〜57万円。年間で約450万〜700万円。
個人利用でも、週10時間かけていた資料作成が週1時間になるだけで、時給換算3,000円として月108時間 × 3,000円 = 月32万円分の時間価値。
「コストの次元が違う」という表現が、大げさではなく事実です。
この記事を読むべき人
プレゼン資料・LP・社内スライドを作るのがしんどい全ビジネスパーソン
デザイナーに外注するほどじゃないけど、体裁は整えたい個人事業主・フリーランス
Figmaの学習コストに挫折した経験がある人
PowerPointを開くだけで気が重くなる人
資料作成に週5時間以上消えていて、本業が進まない人
社内で「資料まとめといて」と雑に振られる役職の人
スタートアップ創業者で、ピッチ資料作成に時間を取られたくない人
マーケター・PRで、SNS素材や広告バナーの量産に追われている人
1つでも当てはまるなら、このまま読み進めてください。
使うもの
① Claude有料プラン(Pro / Max / Team / Enterprise のどれか)
役割:AIの頭脳。
月額$20(Pro)から始められます。ChatGPT有料プランと同じ感覚。
② ブラウザ(Chrome / Safari / Edge など)
役割:アクセス窓口。
普段使っているもので大丈夫です。インストール作業は一切なし。
たったこの2つ。
ダウンロードも設定もなし。URLにアクセスして指示を打つだけです。
全体の流れ
第二章:Claude有料プランに加入してclaude.ai/designにアクセス(5分)
↓
第三章:実際に「ひと言」で資料を作る(初期設定15分 + 毎回3分)
↓
第四章:Figma・Canva・PowerPointとの徹底比較でツール選択を固める
↓
第五章:6つのユースケースを4ステップ(準備→指示→出力→修正)で深掘り
↓
第六章:仕上がりを100点に寄せる5つのテクニック
↓
第七章:よくあるトラブルとリカバリ方法
↓
第八章:FAQ(10問)で残りの疑問を解消
合計約1時間〜1時間30分で、Claude Designを実務投入できるレベルまで持っていけます。 それでは、始めましょう。
第二章 準備するもの
Claude Designは有料プラン限定のため、まず加入手続きが必要です。すでにClaude有料プランを使っている人は第三章まで飛ばしてOK。
1. そもそもClaude Designって何?
一言でいうと、「日本語で指示するだけで、資料もLPもUIも作れる新しいAIデザインツール」です。
普通のAIチャット(ChatGPTやClaudeの通常チャット)との違いは、出てくる成果物の形。
普通のチャットはテキストで答えてくれるだけ。
Claude Designは「見た目が整った最終成果物」をそのまま出力してくれます。
作れるもの:
スライド
HTMLのLP
PDF
UIのプロトタイプ
どれも対話で調整しながら作れます。
Figmaが「部品を自分で組み立てるツール」だとすれば、Claude Designは「完成品を出してくれるツール」です。
搭載AIはClaude Opus 4.7。
Anthropicが現時点で提供している最上位のビジョンモデル(画像を理解できるAI)で、画像認識・レイアウト理解・ブランドトンマナの把握が従来モデルより大幅に向上しています。
2. プラン比較 ── どれを選ぶべきか
Claudeの有料プランは4種類。Claude Design側の使用枠(週次リミット)は、加入プランによって変わります。
選び方のガイドライン:
「まず試したい」「月に5〜10本くらい作る」 → Pro
「週に5本以上作る」「LPをガンガン量産したい」 → Max 5x
「毎日1本以上、資料を作る」「エージェントワークフローも併用」 → Max 20x
「チームで共同編集・共有したい」 → Team
「全社導入・セキュリティ要件あり」 → Enterprise
迷ったらProから。物足りなくなったらMaxに上げる、でOKです。ダウングレードも可能。
3. Claude有料プランに加入する
必要なもの:
メールアドレス
クレジットカード
加入手順:
👉 https://claude.ai にアクセスしてください。
ステップ1:右上の「Sign up」からアカウント作成。Googleアカウントでもログイン可能。メールアドレス+パスワードでも可。
ステップ2:ログインすると、通常チャット画面が開きます。画面左下(サイドバー下部)にある自分のアイコンをクリックすると、メニューが出てきます。
ステップ3:メニューの中の「Upgrade Plan」(アップグレード)をクリック。
ステップ4:プラン選択画面が出ます。Pro / Max 5x / Max 20x / Team / Enterprise の5種類。上の表を参考に選択。
ステップ5:月次・年次の選択。年次にすると約20%オフ。長く使う予定なら年次がお得。
ステップ6:クレジットカード情報を入力。Visa / Master / Amex / JCB対応。
ステップ7:「Subscribe」をクリックして完了。所要時間約3分。
4. Claude Designにアクセスする
加入が終わったら、以下の2パターンのどちらかでClaude Designを開けます。
パターン①:URL直打ち(最速)
👉 https://claude.ai/design
ブラウザのアドレスバーにこのURLを入れてEnter。一発で開きます。
パターン②:左ナビのパレットアイコンから
claude.aiにログインした状態で、画面左側のナビゲーションを見てください。通常の「New chat」アイコンに加えて、絵の具パレットの形をしたアイコンが増えています。これをクリック。
初回アクセス時、チュートリアル的な説明画面が1〜2画面出ることがあります。全部「次へ」「スキップ」で問題ありません。使いながら覚える方が早いです。
5. 動作確認
Claude Designのトップ画面が開いたら、中央の入力ボックスにこう打ってみてください。
シンプルな3枚スライドを作って。タイトル、問題提起、ソリューションの構成で。テーマはサンプル。
30秒〜1分で、3枚のスライドが出来上がります。右側に「1 / 3」「2 / 3」「3 / 3」とページが並び、それぞれクリックすると中身が表示されます。バッチリ動いてます。
もし以下のエラーが出た場合:
「Usage limit reached」→ 週次リミットに到達。プランのアップグレードか、翌週まで待つ。
「Network error」→ ブラウザリロード or 5分後に再試行。
「Something went wrong」→ 入力文が長すぎる可能性。短くして再試行。
ここまでのスコアカード: ✅ Claude有料プラン加入 → 完了 ✅ claude.ai/designへのアクセス → 完了 ✅ 初回スライド生成 → 完了
次は、実際に業務で使えるレベルの指示の出し方を深掘りしていきます。
第三章 実際に動かす
準備が整いました。ここから実際に「ひと言で資料が出てくる」世界を体験します。
Claude Designの使い方は大きく「1回だけやる初期設定」と「毎回やる指示だし」の2つに分かれます。この2つを混同しないのが、最速で使いこなすコツです。
ここは1回だけ ── デザインシステムの登録(所要15分)
Claude Designの一番強い機能は、自分の会社・サービスの「ブランドカラー」「フォント」「コンポーネント」をAIに覚えさせて、生成物に自動適用させられる点です。
これが「1回だけやる初期設定」。
この15分を惜しむと、毎回の生成物がバラバラになり、結局毎回「色を変えて」「フォント変えて」と指示し直すハメになります。
登録方法は3種類。どれか1つ選べばOKです。
方法①:既存のGitHubリポジトリを読ませる(エンジニア・開発者向け)
自社サービスのコードベースがGitHubにあるなら、そのURLを渡すだけ。
tailwind.config.js、theme.ts、styled-components、CSS変数ファイルから、色・タイポ・コンポーネントを自動抽出してくれます。
やり方:
Claude Designのトップ画面で「Brand settings」or「デザインシステム」タブを開く
「Connect GitHub」を選択
リポジトリのURLを貼り付け(例:github.com/your-org/your-product)
プライベートリポジトリの場合はGitHub OAuth認証を通す
解析ボタンを押す → 約30秒〜1分で自動抽出
抽出後、「Primary: #1E3A8A」「Font: Inter」などの候補が出てくるので、確認してOKなら確定。
方法②:Figmaファイルをアップロード
既にFigmaでデザインシステムを組んでいるなら、そのファイルをそのまま渡せます。
Variables(色・サイズ・スペーシング)、Text Styles、Components をまとめて読み取り、Claude Design側のトンマナに反映されます。
やり方:
Figmaで該当ファイルを開く → 右上「Share」 → 「Copy link」
Claude Designで「Import Figma」を選択
URLを貼り付け → 解析 → 確定
デザイナーがFigmaで運用している会社は、これが一番手早い。
方法③:ロゴ・配色・フォントを手動で指定(デザインシステムがない人向け)
コードもFigmaもない場合は、言葉で伝えるだけでもOK。
初回の指示例:
最初にうちのブランドを覚えてほしい。
・会社名:アドネス株式会社
・メインカラー:濃紺(#1E3A8A)
・アクセントカラー:橙色(#F97316)
・テキストカラー:#111827(濃いグレー)
・背景:オフホワイト(#FAFAF6)
・フォント:Noto Sans JP(本文)、Inter(英字・数字)
・トーン:プロフェッショナルだが親しみやすい
・避けたいスタイル:過度に派手、子供っぽい、Comic Sansのようなフォント
ロゴはこれ(画像添付)。
今後の生成物は全部このトンマナで出して。
これを1回送るだけで、以降の全プロジェクトに自動適用されます。
💡 コツ:色は「濃紺」ではなく#1E3A8AのようにHEXコード指定が確実です。「濃紺」だと解釈に幅が出ます。
この初期設定は最初の1回だけ。
あとは同じ会社で使う限り、もう一切触りません。
3ヶ月後に見返した時に「なんで配色がズレてるんだろう」となるリスクがゼロになります。
★ここだけ毎回やる ── 指示を出して資料を生成
初期設定が終わったら、あとは毎回「日本語でひと言」投げるだけ。
指示の構造:
変わるのは「★」の部分だけ。あとは型。実際の3例で見てみましょう。
例1(ピッチ資料): 「ピッチ資料を10枚作って、シード期の投資家向け、落ち着いた紺色基調で、内容は『B2B SaaSの採用管理ツール。市場規模は国内500億円、競合はTalent Cloudだがうちは価格で半額』」
例2(LP): 「LPを1ページ作って、中小企業の経理担当者向け、信頼感のあるトーンで、内容は『クラウド請求書発行ツール、月額980円、導入3分、無料トライアル14日付き』」
例3(社内資料): 「社内オリエン用のスライドを15枚作って、新入社員向け、親しみやすいトーンで、内容は『うちのAI活用方針、禁止事項、推奨ツール、相談窓口』」
→ 見てください。変わっているのは最後の「内容」の部分だけ。あとは全部同じ型です。
指示を投げた後に起きること
指示を送信すると、右側のキャンバス領域に以下が順に表示されます。
ステップ1(0〜10秒):構成の骨組み生成 「表紙」「アジェンダ」「問題提起」…と各ページのタイトルが先に並びます。
ステップ2(10秒〜1分):各ページの中身生成 ページごとにテキスト・レイアウト・グラフ要素が順に埋まっていきます。
ステップ3(1〜3分):スタイル適用 デザインシステムで登録した色・フォントが全ページに一斉適用されます。
ステップ4(3分以降):完成通知 「Design complete」のような通知が出ます。右上の「Present」を押すとフルスクリーン表示。
💡 途中で止めたい時:右上の「Stop」ボタンで中断可能。途中までの成果物は保存されます。
対話で微調整する
できあがった後の微調整も、全部対話で済みます。
全体修正の例:
「全体の色をもう少し落ち着いたトーンに」
「フォントサイズを全体的に大きく」
「スライド3枚目と4枚目の順番を入れ替え」
局所修正の例:
「2枚目のグラフを棒グラフから折れ線に」
「5枚目の見出しを『導入事例』から『お客様の声』に」
「最後のページのCTAボタンを大きく、色を橙に」
全修正が自然な日本語で通ります。途中で「やっぱり元に戻して」も効きます(履歴機能)。
エクスポート(書き出し)
気に入った状態になったら、右上の「エクスポート」から以下5形式で出力できます。
PDF ── 印刷・メール添付向け。レイアウト保持・受け手環境に依存しない。
PPTX(PowerPoint)── 後から自分・他人が編集したい場合。
HTML(スタンドアロン)── LPとしてそのまま公開可能。Vercel等へデプロイ可。
Canva連携 ── Canvaで仕上げ・チーム共同編集したい場合。
共有URL ── チーム内プレビュー用リンク。閲覧のみ、編集不可。
用途別の選び方:
クライアントに送る → PDF(確実にレイアウトが崩れない)
チームで手直ししたい → PPTX or Canva連携
Web公開したい → HTML
進捗共有だけしたい → 共有URL
ここまでのスコアカード: ✅ デザインシステム登録 → 完了 ✅ 指示の型を理解 → 完了 ✅ 対話での微調整を把握 → 完了 ✅ エクスポート5形式を把握 → 完了
第四章 Figma vs Canva vs PowerPoint vs Claude Design ── 徹底比較
「結局、既存のツールと何が違うの?」という疑問、当然出ますよね。4ツールをフラットに比較します。
比較表(項目別)
どのツールを、いつ使うか
PowerPointを使うべき時:
社内標準が完全にPPTXで、他ツールが禁止されている
既存の複雑なスライドマスタを使い続ける必要がある
完全にオフライン環境で作業したい
Canvaを使うべき時:
SNS投稿用の画像素材がメインで、テンプレをそのまま使いたい
デザイナーがいないチームで、見た目重視のマーケ素材を複数人で編集
動画編集や簡単なアニメーションも混ぜたい
Figmaを使うべき時:
本番UIデザインをピクセル単位で作り込む(プロダクトデザイナー)
デザインシステムを組織で本格運用する
エンジニアに渡す実装前のモックを作る
Claude Designを使うべき時:
資料作成に時間を取られて本業が進まない
デザインセンスがない・時間もない・でも体裁は整えたい
ピッチ・LP・ワンパーサー・研修資料・SNS素材を量産したい
「それっぽい完成品」が短時間で欲しい
棲み分けの現実解
典型的な使い分け:
草案・初稿 → Claude Design
ピクセル単位の最終調整 → Figma(必要ならデザイナーに渡す)
社内配布・提出 → Claude Designから PPTX/PDF エクスポート
SNS素材の素早い差し替え → Canva
歴史的遺産(既存資産) → PowerPoint
これが2026年4月以降の新しい標準です。
第五章 6つのユースケース(4ステップ完全解説)
ここからが本番です。実務でどう使えるか、6パターンを「事前準備 → 指示 → 期待される出力 → 追加修正」の4ステップで深掘りしていきます。
使い方① ── 投資家向けピッチ資料を3分で
資金調達期のスタートアップ、最大の消耗ポイントがピッチ資料。
「投資家3人に会うたびに微修正」という地獄を、Claude Designはひと言で終わらせます。
事前準備:
会社概要ドキュメント(Word/Notion/PDF何でも)を手元に
既存のピッチ資料(あれば)
直近の財務数字(MRR、成長率、顧客数)
指示文:
シリーズA調達用のピッチ資料を12枚、VC向け、プロフェッショナルなトーンで作って。
構成は「表紙・課題・ソリューション・プロダクトデモ・市場規模・ビジネスモデル・
トラクション・競合比較・チーム・資金使途・財務計画・まとめ」。
内容は添付の会社概要をベース、直近MRRは320万円、前月比成長率18%、顧客数142社。
期待される出力:
3〜5分で12枚完成
各ページに構造化された見出し + 箇条書き + グラフ/図解
ブランドカラーが全ページに適用済み
表紙には会社ロゴ(デザインシステム登録済みの場合)
追加修正の例:
「8枚目の競合比較を表形式に変えて、うちを含めて4社で、縦軸は機能、横軸は会社名」
「11枚目の財務計画グラフをもっと見やすく、24ヶ月後のMRR予測を強調」
「トラクション(7枚目)にMRR成長グラフを追加。縦軸は月額売上、横軸は月」
💡 コツ:投資家ごとに「Seed VC向け(成長性重視)」「Growth VC向け(KPI重視)」で2パターン作っておくと、ピッチの場で刺さりが変わります。
使い方② ── 新サービスのLPを1時間で公開まで
LP制作、外注すると1画面3〜10万円、納期2週間。
Claude Designなら1時間で公開まで行けます。
事前準備:
サービス名・キャッチコピー・価格・主要機能3〜5個の一覧
ターゲット顧客のペルソナ
競合LPの参考URL(あれば)
指示文:
クラウド会計ソフトのLP、中小企業の経営者向け、信頼感のあるトーンで作って。
構成は「ヒーロー・課題の共感・特徴5つ・料金表・導入事例3つ・FAQ・最終CTA」。
サービス名はMoneyFlow、価格は月額980円。
特徴は「導入3分・銀行連携自動・確定申告対応・スマホ対応・サポート充実」。
ヒーロー画像は爽やかなオフィスの雰囲気で。
期待される出力:
2〜4分でLP1ページ完成
セクションごとに見出し・本文・CTA配置
料金表・FAQはテーブル/アコーディオン形式
HTMLでそのままエクスポート可能
追加修正の例:
「ヒーローのCTAボタンを『無料で試す』から『14日間無料トライアル』に」
「導入事例セクションに4社目を追加、業種は製造業、MRR貢献5%」
「料金表の月額プランにオレンジのハイライト」
公開手順:
HTMLエクスポート → index.html をダウンロード
Vercel(vercel.com)にアカウント作成(無料)
「New Project」 → ファイルをドラッグ&ドロップ
30秒でデプロイ完了、公開URLが発行される
💡 コツ:HTMLをVercel/Netlify/GitHub Pagesにデプロイすれば、実質コストゼロで公開まで行けます。ドメインを当てたい場合もVercel側で数分設定するだけ。
使い方③ ── 営業用のワンパーサー(一枚もの)量産
商談に行くとき、「A4一枚にまとめたサービス紹介」があると話が早い。
これ、毎回作るのが地味にしんどい。
事前準備:
サービスの3〜5行説明
料金プラン
連絡先情報
指示文:
営業用ワンパーサーを作って。A4縦、中小企業の経営者向け。
内容:「うちのAIコンサルサービス、料金プラン3種
(スタンダード月20万、プレミアム月50万、エンタープライズ応相談)、
導入事例5社、問い合わせ先はTEL 03-XXXX-XXXX、
メール info@example.com、URL example.com」。
会社ロゴは左上、連絡先は右下。
期待される出力:
1〜2分でA4 1枚のPDF完成
上部:サービス名・キャッチコピー
中段:特徴・料金・事例
下部:連絡先(QRコード付き)
追加修正の例:
「右下に問い合わせQRコードを追加、example.com/contact へのリンク」
「料金プランの『プレミアム』にオレンジのおすすめバッジ」
「中段の事例を『成果数値込み』に変更、『導入後3ヶ月で売上30%増』のように」
💡 コツ:商談相手の業種別に10種類のバリエーションを作っておくと、「製造業向け」「小売業向け」「IT業界向け」で微調整するだけで刺さりが変わります。ひと言指示でいくらでも量産できるので。
使い方④ ── SaaSのUIプロトタイプを企画会議前に
新機能の企画会議、「こういうUIどうですか?」を口頭で説明するより、動くプロトタイプを見せた方が100倍伝わります。
事前準備:
作りたい画面の構成(3〜5画面)
想定ユーザー(誰が使うか)
主要な操作フロー
指示文:
タスク管理アプリに新しく追加する「AI提案機能」のUIプロトタイプ、3画面作って。
1画面目:ダッシュボード(AI提案カード3つが上に並ぶ)
2画面目:提案一覧(過去のAI提案がリスト表示、フィルター・並び替え付き)
3画面目:提案詳細モーダル(提案内容・AIの理由・採用ボタン)
クリックで画面遷移できるインタラクティブな状態で、Material Design風のトンマナで。
期待される出力:
5〜8分で3画面の動くプロトタイプ完成
画面間のクリック遷移が実装済み
ホバー・クリック時のインタラクションも入る
共有URLで他人に見せられる
追加修正の例:
「ダッシュボードのAI提案カードをアイコン付きに、カテゴリ別で色分け」
「提案一覧のフィルターに『AIスコア順』を追加」
「モーダルの『採用』ボタンを大きく、『後で見る』を小さく」
💡 コツ:Claude Designで出したプロトタイプの共有URLをそのままエンジニアに渡すと、「このコードをベースに実装します」と言われるケースが多いです。仕様書代わりになります。
使い方⑤ ── イベント告知のSNS素材を一括生成
セミナー、ウェビナー、新商品リリース。
SNSで告知するときの画像素材、毎回地味に面倒ですよね。
事前準備:
イベント名・日時・場所
主催者・登壇者情報
ビジュアルのトーン(明るい・シック・モダンなど)
指示文:
来月5月15日開催のAI活用セミナー告知用SNS素材を5点作って。
タイトルは「ChatGPT/Claude活用の最前線」、登壇者は三上功太。
サイズは:
・X(Twitter)投稿用横長(1200×675)
・Instagram用正方形(1080×1080)
・LinkedIn用(1200×627)
・YouTubeサムネ(1280×720)
・バナー広告用(728×90)
明るく元気な雰囲気、テーマカラーはオレンジ、登壇者の顔写真を右下に配置(添付)。
期待される出力:
2〜3分で5サイズ揃う
各サイズで最適なレイアウト(横長は横書き強調、正方形はセンター配置)
統一感のあるビジュアル
追加修正の例:
「Instagram用にハッシュタグ案を3つ追加『#AI活用 #セミナー #ChatGPT』」
「YouTubeサムネに『限定100名』のバッジを左上に追加」
「X投稿用のキャッチコピーを『あなたの仕事が変わる90分』に」
💡 コツ:「明るいバージョン」と「落ち着いたバージョン」の2種類を作って、同時に投稿してA/Bテストすると反応の良い方が見えてきます。
使い方⑥ ── 研修・オリエン資料の大量生成
社内の新人研修、マネジメント研修、AI活用オリエン。
資料作成だけで丸一日潰れていませんか?
事前準備:
研修の目的・対象者
章立て(章タイトルだけでOK)
伝えたい重要ポイント
指示文:
新入社員向けAI活用オリエン資料を20枚作って。
親しみやすいトーン、具体例多め、図解とチェックリスト入り。
構成:
・1章:AIって何?
・2章:うちの会社のAI活用方針
・3章:使ってOKなツール5種
・4章:禁止事項(機密情報・個人情報の扱い)
・5章:困ったときの相談窓口
各章2〜4枚、最後にQ&Aスライドを1枚。
期待される出力:
5〜7分で20枚完成
各スライドに要点・具体例・図解
章末にチェックリスト or まとめスライド
追加修正の例:
「3章のOKツール5種をアイコン付きの並列表示に」
「4章の禁止事項を赤字でハイライト、事例付きに」
「最後に『困ったらSlack #ai-help に投稿』と書いた大きめのスライドを追加」
💡 コツ:研修後の参加者フィードバックをまとめて「3枚目の説明をもっと噛み砕いて」「5枚目に具体例を追加」で改善していくと、半年後には自社にぴったりの定番資料が完成します。毎年更新の手間もゼロ。
第六章 仕上がりを100点に寄せる5つのテクニック
Claude Designは指示の出し方で仕上がりが大きく変わります。最速で「使える成果物」を出すための5つのテクニックです。
テクニック①:初回のブランド流し込みを丁寧にやる
最初の「デザインシステム登録」をサボると、毎回の生成結果がバラバラになります。逆にここを15分かけて丁寧にやると、その後の全生成物が統一感のある状態で出てきます。
❌ ダメな例:
資料を作って
⭕ 良い例:
最初にうちのブランドを覚えてほしい。
・会社名:アドネス株式会社
・メインカラー:濃紺(#1E3A8A)
・アクセント:橙(#F97316)
・フォント:Noto Sans JP(本文)、Inter(英字)
・トーン:プロフェッショナルだが親しみやすい
・避けたいスタイル:過度に派手、子供っぽい
ロゴは添付。今後の生成物は全部このトンマナで。
前者は毎回バラバラ。後者は毎回統一感のある仕上がり。差は15分の手間だけ。
実際の失敗例:筆者が最初「資料作って」だけで運用していたら、月曜は紺ベース、火曜は緑ベース、水曜はグレーベースと毎回違う配色が出て、社内で「ブランド統一してる?」と突っ込まれました。
15分のブランド流し込みをやってからは一切揺れなくなりました。
テクニック②:スライダーで「言語化できない微調整」を詰める
Claude Designには独自の機能として「スライダー」があります。生成後、AIが自動で出してくれる調整バーで、余白・色味・レイアウトをリアルタイムで微調整できます。
使い方:
生成後、右サイドバーに出るスライダーを操作
(確認しながら)
Spacing(余白)を左右に動かす
(確認しながら)
Color Saturation(色の鮮やかさ)を調整
(確認しながら)
Layout Density(情報密度)を調整
「もう少しゆったりした印象に」「もう少し締まった印象に」という、言葉で伝えにくい微調整が、スライダー操作で感覚的に決められます。デザイナーと対面で調整している感覚に近いです。
スライダーで調整できる項目(2026年4月時点):
Spacing / Padding(余白の大きさ)
Font Size Scale(フォントサイズの全体倍率)
Color Saturation(彩度)
Color Brightness(明度)
Corner Radius(角丸の強さ)
Shadow Intensity(影の濃さ)
Layout Density(情報密度)
💡 コツ:スライダーは「生成直後の記憶が鮮明なうち」に動かすのが最も効果的。時間が経つと「どれが良かったか」が分からなくなります。
テクニック③:インラインコメントで「ここだけ直す」
全体を作り直すのではなく、「2枚目のこの部分だけ変えたい」というケース。Claude Designは画面内の特定の要素にコメントを付けられます。
❌ ダメな例(全体を作り直す):
全体的にもう少し落ち着いた感じで作り直して
⭕ 良い例(局所修正):
(2枚目のグラフをクリックしてコメント追加)
このグラフ、棒グラフではなく折れ線で。Y軸の単位は「百万円」に
後者は他の箇所を壊さずに、指定箇所だけピンポイント修正が効きます。時間も早い。
インラインコメントの使い方:
修正したい要素(テキスト・画像・図形)の上にカーソルを置く
右クリック → 「Add comment」選択(or 吹き出しアイコン)
修正内容を日本語で書く → Enter
AIが該当箇所だけ更新、他は変更なし
💡 コツ:複数箇所を同時に直したい時は、全部のインラインコメントを付けてから最後に「全部反映して」と送ると、一括で全修正が反映されます。
テクニック④:用途に応じてエクスポート形式を使い分ける
エクスポート形式を雑に選ぶと、後工程で詰みます。目的別の推奨形式を覚えておきましょう。
「とりあえずPDF」でやると、後から手直しが必要になったとき詰みます。用途を考えてから選ぶ。
テクニック⑤:週次リミットを賢く使う
Claude Designは通常のClaudeチャットやClaude Codeとは別に、独自の週次使用リミットがあります(2026年4月時点)。Enterpriseの従量課金プランだと7月17日までの一時クレジット(約20プロンプト相当)も付与されます。
❌ ダメな使い方:
月曜に全部使い切る → 週末に何も作れない
⭕ 良い使い方:
月:大きめの資料1つ(ピッチ資料など)
火〜木:毎日1つずつ小さめの素材
金:余裕があれば追加生成
土日:温存(緊急用)
「1回1案件」で回すと、週7回までフル稼働できる感覚です。枠は計画的に使いましょう。
⭐ ボーナステクニック:1回の生成を濃くする
週次リミットを最大活用するには、1回の指示を「できるだけ詳細に・一発で仕上げる」ことが重要です。
ダメ指示で3回作り直すより、しっかりした1回で完成させる方が枠を消費しません。
❌ ダメ:「ピッチ資料作って」 → 中身の薄い資料が出て、再生成が必要
⭕ 良い:「ピッチ資料10枚。シリーズA調達用。構成はXX。内容はYY。トーンはZZ。」 → 一発でほぼ完成
第七章 こんな時どうする? トラブルシューティング
実際に使い始めると、こんな場面に遭遇します。
よくある7パターンと対処法をまとめました。
症状①:生成が途中で止まる、エラーが出る
原因候補:
指示文が長すぎる(3000文字超など)
ネットワーク接続が不安定
週次リミット到達
対処:
指示を短く分割する(構成指示 → 内容指示 に分ける)
ブラウザをリロードして再試行
週次リミットは「Settings → Usage」で確認、到達していればアップグレード
症状②:生成物のトンマナがブランドと違う
原因候補:
デザインシステム登録が不十分
指示文で「明るく」「モダンに」などトンマナの上書き指定が入っている
対処:
デザインシステムを登録し直す(テクニック①の通り丁寧に)
指示文のトンマナ指定を削除、ブランドに任せる
生成後に「ブランドカラーで統一して」と追加指示
症状③:日本語フォントが崩れる
原因候補:
デザインシステム登録時に日本語フォントが指定されていない
エクスポート時のPDFでフォント埋め込みエラー
対処:
デザインシステムで「フォント:Noto Sans JP」を明示指定
PDF出力前に「フォントをアウトライン化して出力」オプションを確認
どうしてもダメならPPTX出力 → PowerPoint側でPDF変換
症状④:画像解像度が粗い
原因候補:
エクスポート時の解像度設定がデフォルト
元画像のサイズが小さい
対処:
エクスポート時に「High Resolution」を選択
印刷用なら300dpi設定
ロゴなどはSVG(ベクター)形式で登録しておく
症状⑤:表やグラフが期待と違う
原因候補:
グラフの種類が指定されていない
データの単位が曖昧
対処:
「棒グラフで」「折れ線で」「円グラフで」と明示
「Y軸の単位は百万円」「X軸は月」など軸を指定
数値が少ない場合は表形式を推奨
症状⑥:チームメンバーと共有できない
原因候補:
Proプランは共有機能が限定的
プロジェクトを共有URLで出していない
対処:
Teamプラン以上にアップグレード
右上「Share」から共有URLを発行 → チームに配布
Canva連携でCanva側の共同編集機能を使う
症状⑦:一度直したいのに間違って上書きした
原因候補:
バージョン履歴を確認していない
対処:
右上「History」タブから過去のバージョンを確認
戻したいバージョンを選択 → 「Restore」
自動保存されているので、直近の状態には必ず戻せる
第八章 よくある質問(FAQ 10問)
Q: 無料プランでも使えますか?
いいえ。Claude Designは有料プラン(Pro・Max・Team・Enterprise)限定です。
無料プランの場合、まずは最安のPro(月額$20)からのスタートになります。14日間の返金保証があるので、試してから判断できます。
Q: 日本語でちゃんと動きますか?
はい。日本語での指示、日本語フォントの適用、日本語コンテンツの生成、全て問題なく動きます。
むしろ日本語の細かいニュアンス(「落ち着いたトーン」「親しみやすい雰囲気」「ビジネス寄り」「カジュアル」)もちゃんと汲んでくれます。Noto Sans JPがデフォルトで綺麗に使えます。
Q: Figmaと比べてどっちを使うべき?
用途次第です。
Claude Designは「ひと言でそこそこ整った完成品」を出すのが得意。Figmaは「ピクセル単位で作り込む」のが得意。
企画会議のプロトタイプ・社内資料・LP・ピッチ資料はClaude Design、最終的にエンジニアに渡す本番UIデザインはFigma、という使い分けが現実的です。第四章の比較表を参考に。
Q: 生成したデザインの著作権は誰のものになりますか?
Anthropicの利用規約上、ユーザーが生成したコンテンツはユーザーに帰属します。商用利用もOK。
ただし、競合AIモデルの学習利用は禁止されているので注意。生成物をそのままクライアントワークで使うことも問題ありません。
Q: セキュリティは大丈夫ですか?社外秘の情報を入れても?
TeamプランとEnterpriseプランは、入力データがモデル学習に使われない設定がデフォルトです。
Proプランでも学習オプトアウトは可能(Settings → Privacy)。社外秘情報・個人情報・機密数値を扱うならTeam以上を推奨します。Enterpriseは監査ログ・SSO対応もあり。
Q: 生成物のクオリティはデザイナーに頼むレベルですか?
「そこそこ整っている」レベルには確実に到達します。
プロのデザイナーが作る「100点」には届きませんが、「外注する予算はないけど素人感は出したくない」60〜80点ゾーンにはピタッとハマります。社内資料・ピッチ資料・LPのβ版なら十分実用レベル。本番広告・企業ブランディング素材はデザイナーに頼むのが安全。
Q: 学習コストはどれくらい?
実質ゼロです。日本語で指示を出せれば使えます。
Figmaが学習コスト100時間超なのに対し、Claude Designは30分もあれば慣れます。「プロンプトの書き方」だけは多少コツがありますが、この記事のテクニック章の5つを押さえておけば十分です。
Q: 1つのプロジェクトを何度も修正できますか?修正回数に制限は?
修正自体は無制限です。
ただし「新しい生成」を伴う大きな修正(全ページ作り直しなど)は週次リミットを消費します。インラインコメントでの局所修正や、スライダーでの微調整はカウントされません。上手に使い分けると枠の節約になります。
Q: 既存のPowerPointファイルをClaude Designに読み込ませて修正できますか?
2026年4月時点では、PPTXインポート機能は限定的です。
現状は「PPTXの内容をコピペして指示文に含める」形で再生成するのが確実。将来的には公式にPPTXインポートが実装される予定とアナウンスされています。
Q: 他のAIツール(ChatGPT、Gemini)と組み合わせて使えますか?
はい、むしろ推奨です。
ChatGPTで調査・文章ドラフトを作成 → Claude Designでビジュアル化、という流れが効率的。複数のAIを「それぞれの得意分野」で使うのがこれからの標準です。Claude Designは視覚化専用、ChatGPT/Geminiはリサーチ・文章生成、みたいな分業。
まとめ
資料作成に週5時間。ゼロ。 デザイナー外注費月40万円。ゼロ。 Figma学習コスト100時間。不要。 PowerPointと格闘する深夜残業。消える。 週末の消失。取り戻せる。
「ひと言で、動く」。
Claude Designは、これまで「デザインできる人」の領域だった作業を、「日本語を書ける人」の領域に降ろしてきました。プレゼンも、LPも、UIプロトタイプも、マーケ素材も、社内スライドも、全部ひと言の指示から。
月額3,000円で、ひと言で動く専属デザイナーが1人チームに加わる。これを使わない手はないです。
2026年4月17日。デザイン業務の標準が変わった日として、後から振り返ることになります。
ここまで読んでくれたあなたへ
ここまで読んで「すごいのは分かった。でも、自分の業務にどう活かせばいいのかイメージが湧かない」と感じた方もいると思います。
僕の公式LINEでは、1on1のAIコンサルをやっています。
業務内容や課題を丁寧にヒアリングして、「じゃああなたの場合はこう使うといい」を一緒に考えます。
記事だけだと「一般論としては分かるけど、自分の場合は?」がどうしても残る。そこを埋めるための場です。
👉 https://x.gd/KcBkj
今後も新しいAIツールが出るたびに、実践レビューと使いこなし方を発信していくので、フォローお願いします!
役に立ったらブックマークしておくと、新しいツールが出たときにすぐ戻ってこれます。
アドネス株式会社 代表取締役 三上 功太 2026年4月

ai-designclaude-workflowbusiness-model
Claude Design完全ガイド!「作って」のひと言でプレゼン資料もLPも3分で完成する新ツール
♥ 14↻ 2
原文を表示 / Show original
まずはこちらのLPを見てください。
0:00 / 0:20
実はこのLP、たったの3分で制作しました。
しかも、入れたプロンプトは
LPを1ページ作って、中小企業の経理担当者向け、信頼感のあるトーンで、
内容は「クラウド請求書発行ツール、月額980円、導入3分、無料トライアル14日付き」
これだけです。
日本語で一行打つだけ。色もフォントも余白もロゴも、全部いい感じに整った状態で、3分後にエクスポートまで終わります。
こんなことが本当に可能になったのは、2026年4月17日──たった1つのAIツールの発表をきっかけに、デザイン業界の前提が丸ごと書き換わった日からです。
発表の翌日、Figmaの株価が7%吹き飛びました。
Anthropicが公開したAIツールひとつで、デザインツール業界の時価総額が数百億円単位で動いた日です。
その名は「Claude Design」。 冒頭のLPを作ったのがこれです。
使い方は、たった1行の日本語指示。
「ピッチ資料を10枚作って」──このひと言で、投資家向けスライド10枚が3分で完成します。色もフォントも余白も整った状態で。
時間とコストの次元が、丸ごと書き換わりました。
スライド1枚作成。従来30分 → これから3分。
LP1ページ制作。従来2週間+外注30万円 → これから1時間+0円。
研修資料20枚。従来丸1日 → これから5分。
ピッチ資料10枚。従来5時間 → これから3分。
UIプロトタイプ3画面。従来2日 → これから5分。
資料作成に週末を溶かしていた人、Canvaテンプレの「手作り感」から抜け出せなかった人、Figmaの学習コスト100時間で心が折れた人、デザイナー外注費を削れずに経営がしんどかった人
──全員の前提が、2026年4月17日に書き換わりました。
「デザインできる人」が特別だった時代は、終わりです。
冒頭のLPの通り、もう嘘でも誇張でもなく、これが今の現実です。
この記事を最後まで読んだら、同じ環境が完成しています。
本記事は、Claude Designの全機能・全手順・全テクニックを1記事に集約した決定版ガイドです。
プログラミングも、デザインの知識も、一切不要。読み終える頃には「ひと言で動く、社内の専属デザイナー」が手元にいる状態になっています。
僕の公式LINEはこちら 👉 https://x.gd/KcBkj
無料の1on1のAIコンサルをやっています。業務や状況を詳しくヒアリングした上で、一人ひとりに合ったAIの活用法を提案しています。
「記事を読んだけど、自分の業務だとどこから手をつければいいか分からない」という方は、気軽に登録してみてください。
さて、本題に入りましょう。
第一章 何ができるようになるのか
まず、ゴールを明確にします。 この記事を読み終えた時に手に入れるものをお見せします。
できること一覧
「ひと言で資料が出てくる」とはいっても、何がどれくらい作れるのか。
具体的に6つ紹介します。全て筆者が実際に生成して検証したものです。
① ピッチ資料・プレゼン資料の自動生成
投資家向けのシード調達資料、社内の役員プレゼン、セミナーの登壇資料、営業先への提案資料。
10〜30枚の構成案と内容を日本語で伝えるだけで、表紙・問題提起・ソリューション・市場規模・競合比較・チーム紹介まで整ったスライドが出てきます。
所要時間:10枚で約3分、30枚で約7分。 クオリティ:「外注40〜60点」レベル。
そのまま出せるわけではなく、2〜3箇所の微調整は必要ですが、ゼロから作る労力とは比較になりません。
② LP(ランディングページ)の自動生成
SaaSのトップページ、イベントの申し込みページ、新サービスのリリースページ。
構成を日本語で伝えるだけで、ヒーロー・特徴・料金表・FAQ・CTAの完成品がHTML形式で出力されます。
所要時間:1ページで約2〜3分。
そのままVercelやNetlifyにアップロードすれば公開完了。従来30万円・納期3週間の外注案件が、60分・実質コストゼロで終わります。
③ ワンパーサー・一枚もの資料の生成
A4一枚にまとめた営業資料、会社案内、サービス紹介リーフレット、学会用ポスター。
「何を」「誰向けに」「どんなトーンで」を伝えるだけで、PDF1枚が完成。印刷してそのまま配れるクオリティです。
所要時間:1〜2分。
DM同封、展示会の配布物、採用説明会のハンドアウト。全部これで作れます。
④ SaaSのUIプロトタイプ作成
新機能の企画会議で「こういうUIです」を説明するために作る、クリックできるプロトタイプ。
ダッシュボード・設定画面・モーダルなど3〜5画面が、画面間の遷移込みで生成されます。
所要時間:3画面で約5分。
エンジニアにそのまま渡せば「このコードベースで実装します」と言われるケースも多数。仕様書代わりになります。
⑤ マーケティング素材の一括生成
X(Twitter)用の横長画像、Instagram用の正方形、LinkedIn用、YouTubeサムネ、バナー広告用、メルマガHTML。
「テーマは◯◯、色は明るく元気に」と1回指示するだけで、サイズ違いの5〜6バリエーションが揃います。
所要時間:5サイズで約2分。
それぞれを各SNSにアップロードするだけ。毎回1つずつ作り直す地獄から解放されます。
⑥ 社内向けの説明スライド・研修資料の生成
新入社員オリエン、マネジメント研修、AI活用方針の説明、情報セキュリティ研修。
20〜30枚の研修スライドが、章立て・図解・要点・チェックリスト込みで生成されます。
所要時間:20枚で約5分。
人事・総務部門の作業が丸ごと消える威力です。
コスト
Claude有料プラン(Pro・Max・Team・Enterprise)のいずれかに加入していれば、追加料金なしで使えます。
最安のProプランで月額$20(約3,000円)。
ROI計算してみましょう。
仮にデザイナー外注を月2件(LP1本+ピッチ資料1本)していた場合、従来コストは月40〜60万円。
Claude Designなら月3,000円で同じアウトプットが出ます。
差額の節約は月37万円〜57万円。年間で約450万〜700万円。
個人利用でも、週10時間かけていた資料作成が週1時間になるだけで、時給換算3,000円として月108時間 × 3,000円 = 月32万円分の時間価値。
「コストの次元が違う」という表現が、大げさではなく事実です。
この記事を読むべき人
プレゼン資料・LP・社内スライドを作るのがしんどい全ビジネスパーソン
デザイナーに外注するほどじゃないけど、体裁は整えたい個人事業主・フリーランス
Figmaの学習コストに挫折した経験がある人
PowerPointを開くだけで気が重くなる人
資料作成に週5時間以上消えていて、本業が進まない人
社内で「資料まとめといて」と雑に振られる役職の人
スタートアップ創業者で、ピッチ資料作成に時間を取られたくない人
マーケター・PRで、SNS素材や広告バナーの量産に追われている人
1つでも当てはまるなら、このまま読み進めてください。
使うもの
① Claude有料プラン(Pro / Max / Team / Enterprise のどれか)
役割:AIの頭脳。
月額$20(Pro)から始められます。ChatGPT有料プランと同じ感覚。
② ブラウザ(Chrome / Safari / Edge など)
役割:アクセス窓口。
普段使っているもので大丈夫です。インストール作業は一切なし。
たったこの2つ。
ダウンロードも設定もなし。URLにアクセスして指示を打つだけです。
全体の流れ
第二章:Claude有料プランに加入してclaude.ai/designにアクセス(5分)
↓
第三章:実際に「ひと言」で資料を作る(初期設定15分 + 毎回3分)
↓
第四章:Figma・Canva・PowerPointとの徹底比較でツール選択を固める
↓
第五章:6つのユースケースを4ステップ(準備→指示→出力→修正)で深掘り
↓
第六章:仕上がりを100点に寄せる5つのテクニック
↓
第七章:よくあるトラブルとリカバリ方法
↓
第八章:FAQ(10問)で残りの疑問を解消
合計約1時間〜1時間30分で、Claude Designを実務投入できるレベルまで持っていけます。 それでは、始めましょう。
第二章 準備するもの
Claude Designは有料プラン限定のため、まず加入手続きが必要です。すでにClaude有料プランを使っている人は第三章まで飛ばしてOK。
1. そもそもClaude Designって何?
一言でいうと、「日本語で指示するだけで、資料もLPもUIも作れる新しいAIデザインツール」です。
普通のAIチャット(ChatGPTやClaudeの通常チャット)との違いは、出てくる成果物の形。
普通のチャットはテキストで答えてくれるだけ。
Claude Designは「見た目が整った最終成果物」をそのまま出力してくれます。
作れるもの:
スライド
HTMLのLP
PDF
UIのプロトタイプ
どれも対話で調整しながら作れます。
Figmaが「部品を自分で組み立てるツール」だとすれば、Claude Designは「完成品を出してくれるツール」です。
搭載AIはClaude Opus 4.7。
Anthropicが現時点で提供している最上位のビジョンモデル(画像を理解できるAI)で、画像認識・レイアウト理解・ブランドトンマナの把握が従来モデルより大幅に向上しています。
2. プラン比較 ── どれを選ぶべきか
Claudeの有料プランは4種類。Claude Design側の使用枠(週次リミット)は、加入プランによって変わります。
選び方のガイドライン:
「まず試したい」「月に5〜10本くらい作る」 → Pro
「週に5本以上作る」「LPをガンガン量産したい」 → Max 5x
「毎日1本以上、資料を作る」「エージェントワークフローも併用」 → Max 20x
「チームで共同編集・共有したい」 → Team
「全社導入・セキュリティ要件あり」 → Enterprise
迷ったらProから。物足りなくなったらMaxに上げる、でOKです。ダウングレードも可能。
3. Claude有料プランに加入する
必要なもの:
メールアドレス
クレジットカード
加入手順:
👉 https://claude.ai にアクセスしてください。
ステップ1:右上の「Sign up」からアカウント作成。Googleアカウントでもログイン可能。メールアドレス+パスワードでも可。
ステップ2:ログインすると、通常チャット画面が開きます。画面左下(サイドバー下部)にある自分のアイコンをクリックすると、メニューが出てきます。
ステップ3:メニューの中の「Upgrade Plan」(アップグレード)をクリック。
ステップ4:プラン選択画面が出ます。Pro / Max 5x / Max 20x / Team / Enterprise の5種類。上の表を参考に選択。
ステップ5:月次・年次の選択。年次にすると約20%オフ。長く使う予定なら年次がお得。
ステップ6:クレジットカード情報を入力。Visa / Master / Amex / JCB対応。
ステップ7:「Subscribe」をクリックして完了。所要時間約3分。
4. Claude Designにアクセスする
加入が終わったら、以下の2パターンのどちらかでClaude Designを開けます。
パターン①:URL直打ち(最速)
👉 https://claude.ai/design
ブラウザのアドレスバーにこのURLを入れてEnter。一発で開きます。
パターン②:左ナビのパレットアイコンから
claude.aiにログインした状態で、画面左側のナビゲーションを見てください。通常の「New chat」アイコンに加えて、絵の具パレットの形をしたアイコンが増えています。これをクリック。
初回アクセス時、チュートリアル的な説明画面が1〜2画面出ることがあります。全部「次へ」「スキップ」で問題ありません。使いながら覚える方が早いです。
5. 動作確認
Claude Designのトップ画面が開いたら、中央の入力ボックスにこう打ってみてください。
シンプルな3枚スライドを作って。タイトル、問題提起、ソリューションの構成で。テーマはサンプル。
30秒〜1分で、3枚のスライドが出来上がります。右側に「1 / 3」「2 / 3」「3 / 3」とページが並び、それぞれクリックすると中身が表示されます。バッチリ動いてます。
もし以下のエラーが出た場合:
「Usage limit reached」→ 週次リミットに到達。プランのアップグレードか、翌週まで待つ。
「Network error」→ ブラウザリロード or 5分後に再試行。
「Something went wrong」→ 入力文が長すぎる可能性。短くして再試行。
ここまでのスコアカード: ✅ Claude有料プラン加入 → 完了 ✅ claude.ai/designへのアクセス → 完了 ✅ 初回スライド生成 → 完了
次は、実際に業務で使えるレベルの指示の出し方を深掘りしていきます。
第三章 実際に動かす
準備が整いました。ここから実際に「ひと言で資料が出てくる」世界を体験します。
Claude Designの使い方は大きく「1回だけやる初期設定」と「毎回やる指示だし」の2つに分かれます。この2つを混同しないのが、最速で使いこなすコツです。
ここは1回だけ ── デザインシステムの登録(所要15分)
Claude Designの一番強い機能は、自分の会社・サービスの「ブランドカラー」「フォント」「コンポーネント」をAIに覚えさせて、生成物に自動適用させられる点です。
これが「1回だけやる初期設定」。
この15分を惜しむと、毎回の生成物がバラバラになり、結局毎回「色を変えて」「フォント変えて」と指示し直すハメになります。
登録方法は3種類。どれか1つ選べばOKです。
方法①:既存のGitHubリポジトリを読ませる(エンジニア・開発者向け)
自社サービスのコードベースがGitHubにあるなら、そのURLを渡すだけ。
tailwind.config.js、theme.ts、styled-components、CSS変数ファイルから、色・タイポ・コンポーネントを自動抽出してくれます。
やり方:
Claude Designのトップ画面で「Brand settings」or「デザインシステム」タブを開く
「Connect GitHub」を選択
リポジトリのURLを貼り付け(例:github.com/your-org/your-product)
プライベートリポジトリの場合はGitHub OAuth認証を通す
解析ボタンを押す → 約30秒〜1分で自動抽出
抽出後、「Primary: #1E3A8A」「Font: Inter」などの候補が出てくるので、確認してOKなら確定。
方法②:Figmaファイルをアップロード
既にFigmaでデザインシステムを組んでいるなら、そのファイルをそのまま渡せます。
Variables(色・サイズ・スペーシング)、Text Styles、Components をまとめて読み取り、Claude Design側のトンマナに反映されます。
やり方:
Figmaで該当ファイルを開く → 右上「Share」 → 「Copy link」
Claude Designで「Import Figma」を選択
URLを貼り付け → 解析 → 確定
デザイナーがFigmaで運用している会社は、これが一番手早い。
方法③:ロゴ・配色・フォントを手動で指定(デザインシステムがない人向け)
コードもFigmaもない場合は、言葉で伝えるだけでもOK。
初回の指示例:
最初にうちのブランドを覚えてほしい。
・会社名:アドネス株式会社
・メインカラー:濃紺(#1E3A8A)
・アクセントカラー:橙色(#F97316)
・テキストカラー:#111827(濃いグレー)
・背景:オフホワイト(#FAFAF6)
・フォント:Noto Sans JP(本文)、Inter(英字・数字)
・トーン:プロフェッショナルだが親しみやすい
・避けたいスタイル:過度に派手、子供っぽい、Comic Sansのようなフォント
ロゴはこれ(画像添付)。
今後の生成物は全部このトンマナで出して。
これを1回送るだけで、以降の全プロジェクトに自動適用されます。
💡 コツ:色は「濃紺」ではなく#1E3A8AのようにHEXコード指定が確実です。「濃紺」だと解釈に幅が出ます。
この初期設定は最初の1回だけ。
あとは同じ会社で使う限り、もう一切触りません。
3ヶ月後に見返した時に「なんで配色がズレてるんだろう」となるリスクがゼロになります。
★ここだけ毎回やる ── 指示を出して資料を生成
初期設定が終わったら、あとは毎回「日本語でひと言」投げるだけ。
指示の構造:
変わるのは「★」の部分だけ。あとは型。実際の3例で見てみましょう。
例1(ピッチ資料): 「ピッチ資料を10枚作って、シード期の投資家向け、落ち着いた紺色基調で、内容は『B2B SaaSの採用管理ツール。市場規模は国内500億円、競合はTalent Cloudだがうちは価格で半額』」
例2(LP): 「LPを1ページ作って、中小企業の経理担当者向け、信頼感のあるトーンで、内容は『クラウド請求書発行ツール、月額980円、導入3分、無料トライアル14日付き』」
例3(社内資料): 「社内オリエン用のスライドを15枚作って、新入社員向け、親しみやすいトーンで、内容は『うちのAI活用方針、禁止事項、推奨ツール、相談窓口』」
→ 見てください。変わっているのは最後の「内容」の部分だけ。あとは全部同じ型です。
指示を投げた後に起きること
指示を送信すると、右側のキャンバス領域に以下が順に表示されます。
ステップ1(0〜10秒):構成の骨組み生成 「表紙」「アジェンダ」「問題提起」…と各ページのタイトルが先に並びます。
ステップ2(10秒〜1分):各ページの中身生成 ページごとにテキスト・レイアウト・グラフ要素が順に埋まっていきます。
ステップ3(1〜3分):スタイル適用 デザインシステムで登録した色・フォントが全ページに一斉適用されます。
ステップ4(3分以降):完成通知 「Design complete」のような通知が出ます。右上の「Present」を押すとフルスクリーン表示。
💡 途中で止めたい時:右上の「Stop」ボタンで中断可能。途中までの成果物は保存されます。
対話で微調整する
できあがった後の微調整も、全部対話で済みます。
全体修正の例:
「全体の色をもう少し落ち着いたトーンに」
「フォントサイズを全体的に大きく」
「スライド3枚目と4枚目の順番を入れ替え」
局所修正の例:
「2枚目のグラフを棒グラフから折れ線に」
「5枚目の見出しを『導入事例』から『お客様の声』に」
「最後のページのCTAボタンを大きく、色を橙に」
全修正が自然な日本語で通ります。途中で「やっぱり元に戻して」も効きます(履歴機能)。
エクスポート(書き出し)
気に入った状態になったら、右上の「エクスポート」から以下5形式で出力できます。
PDF ── 印刷・メール添付向け。レイアウト保持・受け手環境に依存しない。
PPTX(PowerPoint)── 後から自分・他人が編集したい場合。
HTML(スタンドアロン)── LPとしてそのまま公開可能。Vercel等へデプロイ可。
Canva連携 ── Canvaで仕上げ・チーム共同編集したい場合。
共有URL ── チーム内プレビュー用リンク。閲覧のみ、編集不可。
用途別の選び方:
クライアントに送る → PDF(確実にレイアウトが崩れない)
チームで手直ししたい → PPTX or Canva連携
Web公開したい → HTML
進捗共有だけしたい → 共有URL
ここまでのスコアカード: ✅ デザインシステム登録 → 完了 ✅ 指示の型を理解 → 完了 ✅ 対話での微調整を把握 → 完了 ✅ エクスポート5形式を把握 → 完了
第四章 Figma vs Canva vs PowerPoint vs Claude Design ── 徹底比較
「結局、既存のツールと何が違うの?」という疑問、当然出ますよね。4ツールをフラットに比較します。
比較表(項目別)
どのツールを、いつ使うか
PowerPointを使うべき時:
社内標準が完全にPPTXで、他ツールが禁止されている
既存の複雑なスライドマスタを使い続ける必要がある
完全にオフライン環境で作業したい
Canvaを使うべき時:
SNS投稿用の画像素材がメインで、テンプレをそのまま使いたい
デザイナーがいないチームで、見た目重視のマーケ素材を複数人で編集
動画編集や簡単なアニメーションも混ぜたい
Figmaを使うべき時:
本番UIデザインをピクセル単位で作り込む(プロダクトデザイナー)
デザインシステムを組織で本格運用する
エンジニアに渡す実装前のモックを作る
Claude Designを使うべき時:
資料作成に時間を取られて本業が進まない
デザインセンスがない・時間もない・でも体裁は整えたい
ピッチ・LP・ワンパーサー・研修資料・SNS素材を量産したい
「それっぽい完成品」が短時間で欲しい
棲み分けの現実解
典型的な使い分け:
草案・初稿 → Claude Design
ピクセル単位の最終調整 → Figma(必要ならデザイナーに渡す)
社内配布・提出 → Claude Designから PPTX/PDF エクスポート
SNS素材の素早い差し替え → Canva
歴史的遺産(既存資産) → PowerPoint
これが2026年4月以降の新しい標準です。
第五章 6つのユースケース(4ステップ完全解説)
ここからが本番です。実務でどう使えるか、6パターンを「事前準備 → 指示 → 期待される出力 → 追加修正」の4ステップで深掘りしていきます。
使い方① ── 投資家向けピッチ資料を3分で
資金調達期のスタートアップ、最大の消耗ポイントがピッチ資料。
「投資家3人に会うたびに微修正」という地獄を、Claude Designはひと言で終わらせます。
事前準備:
会社概要ドキュメント(Word/Notion/PDF何でも)を手元に
既存のピッチ資料(あれば)
直近の財務数字(MRR、成長率、顧客数)
指示文:
シリーズA調達用のピッチ資料を12枚、VC向け、プロフェッショナルなトーンで作って。
構成は「表紙・課題・ソリューション・プロダクトデモ・市場規模・ビジネスモデル・
トラクション・競合比較・チーム・資金使途・財務計画・まとめ」。
内容は添付の会社概要をベース、直近MRRは320万円、前月比成長率18%、顧客数142社。
期待される出力:
3〜5分で12枚完成
各ページに構造化された見出し + 箇条書き + グラフ/図解
ブランドカラーが全ページに適用済み
表紙には会社ロゴ(デザインシステム登録済みの場合)
追加修正の例:
「8枚目の競合比較を表形式に変えて、うちを含めて4社で、縦軸は機能、横軸は会社名」
「11枚目の財務計画グラフをもっと見やすく、24ヶ月後のMRR予測を強調」
「トラクション(7枚目)にMRR成長グラフを追加。縦軸は月額売上、横軸は月」
💡 コツ:投資家ごとに「Seed VC向け(成長性重視)」「Growth VC向け(KPI重視)」で2パターン作っておくと、ピッチの場で刺さりが変わります。
使い方② ── 新サービスのLPを1時間で公開まで
LP制作、外注すると1画面3〜10万円、納期2週間。
Claude Designなら1時間で公開まで行けます。
事前準備:
サービス名・キャッチコピー・価格・主要機能3〜5個の一覧
ターゲット顧客のペルソナ
競合LPの参考URL(あれば)
指示文:
クラウド会計ソフトのLP、中小企業の経営者向け、信頼感のあるトーンで作って。
構成は「ヒーロー・課題の共感・特徴5つ・料金表・導入事例3つ・FAQ・最終CTA」。
サービス名はMoneyFlow、価格は月額980円。
特徴は「導入3分・銀行連携自動・確定申告対応・スマホ対応・サポート充実」。
ヒーロー画像は爽やかなオフィスの雰囲気で。
期待される出力:
2〜4分でLP1ページ完成
セクションごとに見出し・本文・CTA配置
料金表・FAQはテーブル/アコーディオン形式
HTMLでそのままエクスポート可能
追加修正の例:
「ヒーローのCTAボタンを『無料で試す』から『14日間無料トライアル』に」
「導入事例セクションに4社目を追加、業種は製造業、MRR貢献5%」
「料金表の月額プランにオレンジのハイライト」
公開手順:
HTMLエクスポート → index.html をダウンロード
Vercel(vercel.com)にアカウント作成(無料)
「New Project」 → ファイルをドラッグ&ドロップ
30秒でデプロイ完了、公開URLが発行される
💡 コツ:HTMLをVercel/Netlify/GitHub Pagesにデプロイすれば、実質コストゼロで公開まで行けます。ドメインを当てたい場合もVercel側で数分設定するだけ。
使い方③ ── 営業用のワンパーサー(一枚もの)量産
商談に行くとき、「A4一枚にまとめたサービス紹介」があると話が早い。
これ、毎回作るのが地味にしんどい。
事前準備:
サービスの3〜5行説明
料金プラン
連絡先情報
指示文:
営業用ワンパーサーを作って。A4縦、中小企業の経営者向け。
内容:「うちのAIコンサルサービス、料金プラン3種
(スタンダード月20万、プレミアム月50万、エンタープライズ応相談)、
導入事例5社、問い合わせ先はTEL 03-XXXX-XXXX、
メール info@example.com、URL example.com」。
会社ロゴは左上、連絡先は右下。
期待される出力:
1〜2分でA4 1枚のPDF完成
上部:サービス名・キャッチコピー
中段:特徴・料金・事例
下部:連絡先(QRコード付き)
追加修正の例:
「右下に問い合わせQRコードを追加、example.com/contact へのリンク」
「料金プランの『プレミアム』にオレンジのおすすめバッジ」
「中段の事例を『成果数値込み』に変更、『導入後3ヶ月で売上30%増』のように」
💡 コツ:商談相手の業種別に10種類のバリエーションを作っておくと、「製造業向け」「小売業向け」「IT業界向け」で微調整するだけで刺さりが変わります。ひと言指示でいくらでも量産できるので。
使い方④ ── SaaSのUIプロトタイプを企画会議前に
新機能の企画会議、「こういうUIどうですか?」を口頭で説明するより、動くプロトタイプを見せた方が100倍伝わります。
事前準備:
作りたい画面の構成(3〜5画面)
想定ユーザー(誰が使うか)
主要な操作フロー
指示文:
タスク管理アプリに新しく追加する「AI提案機能」のUIプロトタイプ、3画面作って。
1画面目:ダッシュボード(AI提案カード3つが上に並ぶ)
2画面目:提案一覧(過去のAI提案がリスト表示、フィルター・並び替え付き)
3画面目:提案詳細モーダル(提案内容・AIの理由・採用ボタン)
クリックで画面遷移できるインタラクティブな状態で、Material Design風のトンマナで。
期待される出力:
5〜8分で3画面の動くプロトタイプ完成
画面間のクリック遷移が実装済み
ホバー・クリック時のインタラクションも入る
共有URLで他人に見せられる
追加修正の例:
「ダッシュボードのAI提案カードをアイコン付きに、カテゴリ別で色分け」
「提案一覧のフィルターに『AIスコア順』を追加」
「モーダルの『採用』ボタンを大きく、『後で見る』を小さく」
💡 コツ:Claude Designで出したプロトタイプの共有URLをそのままエンジニアに渡すと、「このコードをベースに実装します」と言われるケースが多いです。仕様書代わりになります。
使い方⑤ ── イベント告知のSNS素材を一括生成
セミナー、ウェビナー、新商品リリース。
SNSで告知するときの画像素材、毎回地味に面倒ですよね。
事前準備:
イベント名・日時・場所
主催者・登壇者情報
ビジュアルのトーン(明るい・シック・モダンなど)
指示文:
来月5月15日開催のAI活用セミナー告知用SNS素材を5点作って。
タイトルは「ChatGPT/Claude活用の最前線」、登壇者は三上功太。
サイズは:
・X(Twitter)投稿用横長(1200×675)
・Instagram用正方形(1080×1080)
・LinkedIn用(1200×627)
・YouTubeサムネ(1280×720)
・バナー広告用(728×90)
明るく元気な雰囲気、テーマカラーはオレンジ、登壇者の顔写真を右下に配置(添付)。
期待される出力:
2〜3分で5サイズ揃う
各サイズで最適なレイアウト(横長は横書き強調、正方形はセンター配置)
統一感のあるビジュアル
追加修正の例:
「Instagram用にハッシュタグ案を3つ追加『#AI活用 #セミナー #ChatGPT』」
「YouTubeサムネに『限定100名』のバッジを左上に追加」
「X投稿用のキャッチコピーを『あなたの仕事が変わる90分』に」
💡 コツ:「明るいバージョン」と「落ち着いたバージョン」の2種類を作って、同時に投稿してA/Bテストすると反応の良い方が見えてきます。
使い方⑥ ── 研修・オリエン資料の大量生成
社内の新人研修、マネジメント研修、AI活用オリエン。
資料作成だけで丸一日潰れていませんか?
事前準備:
研修の目的・対象者
章立て(章タイトルだけでOK)
伝えたい重要ポイント
指示文:
新入社員向けAI活用オリエン資料を20枚作って。
親しみやすいトーン、具体例多め、図解とチェックリスト入り。
構成:
・1章:AIって何?
・2章:うちの会社のAI活用方針
・3章:使ってOKなツール5種
・4章:禁止事項(機密情報・個人情報の扱い)
・5章:困ったときの相談窓口
各章2〜4枚、最後にQ&Aスライドを1枚。
期待される出力:
5〜7分で20枚完成
各スライドに要点・具体例・図解
章末にチェックリスト or まとめスライド
追加修正の例:
「3章のOKツール5種をアイコン付きの並列表示に」
「4章の禁止事項を赤字でハイライト、事例付きに」
「最後に『困ったらSlack #ai-help に投稿』と書いた大きめのスライドを追加」
💡 コツ:研修後の参加者フィードバックをまとめて「3枚目の説明をもっと噛み砕いて」「5枚目に具体例を追加」で改善していくと、半年後には自社にぴったりの定番資料が完成します。毎年更新の手間もゼロ。
第六章 仕上がりを100点に寄せる5つのテクニック
Claude Designは指示の出し方で仕上がりが大きく変わります。最速で「使える成果物」を出すための5つのテクニックです。
テクニック①:初回のブランド流し込みを丁寧にやる
最初の「デザインシステム登録」をサボると、毎回の生成結果がバラバラになります。逆にここを15分かけて丁寧にやると、その後の全生成物が統一感のある状態で出てきます。
❌ ダメな例:
資料を作って
⭕ 良い例:
最初にうちのブランドを覚えてほしい。
・会社名:アドネス株式会社
・メインカラー:濃紺(#1E3A8A)
・アクセント:橙(#F97316)
・フォント:Noto Sans JP(本文)、Inter(英字)
・トーン:プロフェッショナルだが親しみやすい
・避けたいスタイル:過度に派手、子供っぽい
ロゴは添付。今後の生成物は全部このトンマナで。
前者は毎回バラバラ。後者は毎回統一感のある仕上がり。差は15分の手間だけ。
実際の失敗例:筆者が最初「資料作って」だけで運用していたら、月曜は紺ベース、火曜は緑ベース、水曜はグレーベースと毎回違う配色が出て、社内で「ブランド統一してる?」と突っ込まれました。
15分のブランド流し込みをやってからは一切揺れなくなりました。
テクニック②:スライダーで「言語化できない微調整」を詰める
Claude Designには独自の機能として「スライダー」があります。生成後、AIが自動で出してくれる調整バーで、余白・色味・レイアウトをリアルタイムで微調整できます。
使い方:
生成後、右サイドバーに出るスライダーを操作
(確認しながら)
Spacing(余白)を左右に動かす
(確認しながら)
Color Saturation(色の鮮やかさ)を調整
(確認しながら)
Layout Density(情報密度)を調整
「もう少しゆったりした印象に」「もう少し締まった印象に」という、言葉で伝えにくい微調整が、スライダー操作で感覚的に決められます。デザイナーと対面で調整している感覚に近いです。
スライダーで調整できる項目(2026年4月時点):
Spacing / Padding(余白の大きさ)
Font Size Scale(フォントサイズの全体倍率)
Color Saturation(彩度)
Color Brightness(明度)
Corner Radius(角丸の強さ)
Shadow Intensity(影の濃さ)
Layout Density(情報密度)
💡 コツ:スライダーは「生成直後の記憶が鮮明なうち」に動かすのが最も効果的。時間が経つと「どれが良かったか」が分からなくなります。
テクニック③:インラインコメントで「ここだけ直す」
全体を作り直すのではなく、「2枚目のこの部分だけ変えたい」というケース。Claude Designは画面内の特定の要素にコメントを付けられます。
❌ ダメな例(全体を作り直す):
全体的にもう少し落ち着いた感じで作り直して
⭕ 良い例(局所修正):
(2枚目のグラフをクリックしてコメント追加)
このグラフ、棒グラフではなく折れ線で。Y軸の単位は「百万円」に
後者は他の箇所を壊さずに、指定箇所だけピンポイント修正が効きます。時間も早い。
インラインコメントの使い方:
修正したい要素(テキスト・画像・図形)の上にカーソルを置く
右クリック → 「Add comment」選択(or 吹き出しアイコン)
修正内容を日本語で書く → Enter
AIが該当箇所だけ更新、他は変更なし
💡 コツ:複数箇所を同時に直したい時は、全部のインラインコメントを付けてから最後に「全部反映して」と送ると、一括で全修正が反映されます。
テクニック④:用途に応じてエクスポート形式を使い分ける
エクスポート形式を雑に選ぶと、後工程で詰みます。目的別の推奨形式を覚えておきましょう。
「とりあえずPDF」でやると、後から手直しが必要になったとき詰みます。用途を考えてから選ぶ。
テクニック⑤:週次リミットを賢く使う
Claude Designは通常のClaudeチャットやClaude Codeとは別に、独自の週次使用リミットがあります(2026年4月時点)。Enterpriseの従量課金プランだと7月17日までの一時クレジット(約20プロンプト相当)も付与されます。
❌ ダメな使い方:
月曜に全部使い切る → 週末に何も作れない
⭕ 良い使い方:
月:大きめの資料1つ(ピッチ資料など)
火〜木:毎日1つずつ小さめの素材
金:余裕があれば追加生成
土日:温存(緊急用)
「1回1案件」で回すと、週7回までフル稼働できる感覚です。枠は計画的に使いましょう。
⭐ ボーナステクニック:1回の生成を濃くする
週次リミットを最大活用するには、1回の指示を「できるだけ詳細に・一発で仕上げる」ことが重要です。
ダメ指示で3回作り直すより、しっかりした1回で完成させる方が枠を消費しません。
❌ ダメ:「ピッチ資料作って」 → 中身の薄い資料が出て、再生成が必要
⭕ 良い:「ピッチ資料10枚。シリーズA調達用。構成はXX。内容はYY。トーンはZZ。」 → 一発でほぼ完成
第七章 こんな時どうする? トラブルシューティング
実際に使い始めると、こんな場面に遭遇します。
よくある7パターンと対処法をまとめました。
症状①:生成が途中で止まる、エラーが出る
原因候補:
指示文が長すぎる(3000文字超など)
ネットワーク接続が不安定
週次リミット到達
対処:
指示を短く分割する(構成指示 → 内容指示 に分ける)
ブラウザをリロードして再試行
週次リミットは「Settings → Usage」で確認、到達していればアップグレード
症状②:生成物のトンマナがブランドと違う
原因候補:
デザインシステム登録が不十分
指示文で「明るく」「モダンに」などトンマナの上書き指定が入っている
対処:
デザインシステムを登録し直す(テクニック①の通り丁寧に)
指示文のトンマナ指定を削除、ブランドに任せる
生成後に「ブランドカラーで統一して」と追加指示
症状③:日本語フォントが崩れる
原因候補:
デザインシステム登録時に日本語フォントが指定されていない
エクスポート時のPDFでフォント埋め込みエラー
対処:
デザインシステムで「フォント:Noto Sans JP」を明示指定
PDF出力前に「フォントをアウトライン化して出力」オプションを確認
どうしてもダメならPPTX出力 → PowerPoint側でPDF変換
症状④:画像解像度が粗い
原因候補:
エクスポート時の解像度設定がデフォルト
元画像のサイズが小さい
対処:
エクスポート時に「High Resolution」を選択
印刷用なら300dpi設定
ロゴなどはSVG(ベクター)形式で登録しておく
症状⑤:表やグラフが期待と違う
原因候補:
グラフの種類が指定されていない
データの単位が曖昧
対処:
「棒グラフで」「折れ線で」「円グラフで」と明示
「Y軸の単位は百万円」「X軸は月」など軸を指定
数値が少ない場合は表形式を推奨
症状⑥:チームメンバーと共有できない
原因候補:
Proプランは共有機能が限定的
プロジェクトを共有URLで出していない
対処:
Teamプラン以上にアップグレード
右上「Share」から共有URLを発行 → チームに配布
Canva連携でCanva側の共同編集機能を使う
症状⑦:一度直したいのに間違って上書きした
原因候補:
バージョン履歴を確認していない
対処:
右上「History」タブから過去のバージョンを確認
戻したいバージョンを選択 → 「Restore」
自動保存されているので、直近の状態には必ず戻せる
第八章 よくある質問(FAQ 10問)
Q: 無料プランでも使えますか?
いいえ。Claude Designは有料プラン(Pro・Max・Team・Enterprise)限定です。
無料プランの場合、まずは最安のPro(月額$20)からのスタートになります。14日間の返金保証があるので、試してから判断できます。
Q: 日本語でちゃんと動きますか?
はい。日本語での指示、日本語フォントの適用、日本語コンテンツの生成、全て問題なく動きます。
むしろ日本語の細かいニュアンス(「落ち着いたトーン」「親しみやすい雰囲気」「ビジネス寄り」「カジュアル」)もちゃんと汲んでくれます。Noto Sans JPがデフォルトで綺麗に使えます。
Q: Figmaと比べてどっちを使うべき?
用途次第です。
Claude Designは「ひと言でそこそこ整った完成品」を出すのが得意。Figmaは「ピクセル単位で作り込む」のが得意。
企画会議のプロトタイプ・社内資料・LP・ピッチ資料はClaude Design、最終的にエンジニアに渡す本番UIデザインはFigma、という使い分けが現実的です。第四章の比較表を参考に。
Q: 生成したデザインの著作権は誰のものになりますか?
Anthropicの利用規約上、ユーザーが生成したコンテンツはユーザーに帰属します。商用利用もOK。
ただし、競合AIモデルの学習利用は禁止されているので注意。生成物をそのままクライアントワークで使うことも問題ありません。
Q: セキュリティは大丈夫ですか?社外秘の情報を入れても?
TeamプランとEnterpriseプランは、入力データがモデル学習に使われない設定がデフォルトです。
Proプランでも学習オプトアウトは可能(Settings → Privacy)。社外秘情報・個人情報・機密数値を扱うならTeam以上を推奨します。Enterpriseは監査ログ・SSO対応もあり。
Q: 生成物のクオリティはデザイナーに頼むレベルですか?
「そこそこ整っている」レベルには確実に到達します。
プロのデザイナーが作る「100点」には届きませんが、「外注する予算はないけど素人感は出したくない」60〜80点ゾーンにはピタッとハマります。社内資料・ピッチ資料・LPのβ版なら十分実用レベル。本番広告・企業ブランディング素材はデザイナーに頼むのが安全。
Q: 学習コストはどれくらい?
実質ゼロです。日本語で指示を出せれば使えます。
Figmaが学習コスト100時間超なのに対し、Claude Designは30分もあれば慣れます。「プロンプトの書き方」だけは多少コツがありますが、この記事のテクニック章の5つを押さえておけば十分です。
Q: 1つのプロジェクトを何度も修正できますか?修正回数に制限は?
修正自体は無制限です。
ただし「新しい生成」を伴う大きな修正(全ページ作り直しなど)は週次リミットを消費します。インラインコメントでの局所修正や、スライダーでの微調整はカウントされません。上手に使い分けると枠の節約になります。
Q: 既存のPowerPointファイルをClaude Designに読み込ませて修正できますか?
2026年4月時点では、PPTXインポート機能は限定的です。
現状は「PPTXの内容をコピペして指示文に含める」形で再生成するのが確実。将来的には公式にPPTXインポートが実装される予定とアナウンスされています。
Q: 他のAIツール(ChatGPT、Gemini)と組み合わせて使えますか?
はい、むしろ推奨です。
ChatGPTで調査・文章ドラフトを作成 → Claude Designでビジュアル化、という流れが効率的。複数のAIを「それぞれの得意分野」で使うのがこれからの標準です。Claude Designは視覚化専用、ChatGPT/Geminiはリサーチ・文章生成、みたいな分業。
まとめ
資料作成に週5時間。ゼロ。 デザイナー外注費月40万円。ゼロ。 Figma学習コスト100時間。不要。 PowerPointと格闘する深夜残業。消える。 週末の消失。取り戻せる。
「ひと言で、動く」。
Claude Designは、これまで「デザインできる人」の領域だった作業を、「日本語を書ける人」の領域に降ろしてきました。プレゼンも、LPも、UIプロトタイプも、マーケ素材も、社内スライドも、全部ひと言の指示から。
月額3,000円で、ひと言で動く専属デザイナーが1人チームに加わる。これを使わない手はないです。
2026年4月17日。デザイン業務の標準が変わった日として、後から振り返ることになります。
ここまで読んでくれたあなたへ
ここまで読んで「すごいのは分かった。でも、自分の業務にどう活かせばいいのかイメージが湧かない」と感じた方もいると思います。
僕の公式LINEでは、1on1のAIコンサルをやっています。
業務内容や課題を丁寧にヒアリングして、「じゃああなたの場合はこう使うといい」を一緒に考えます。
記事だけだと「一般論としては分かるけど、自分の場合は?」がどうしても残る。そこを埋めるための場です。
👉 https://x.gd/KcBkj
今後も新しいAIツールが出るたびに、実践レビューと使いこなし方を発信していくので、フォローお願いします!
役に立ったらブックマークしておくと、新しいツールが出たときにすぐ戻ってこれます。
アドネス株式会社 代表取締役 三上 功太 2026年4月