AIFCC
記事一覧へ
ai-designclaude-workflowbusiness-model

Claude Design完全ガイド!「作って」のひと言でプレゼン資料もLPも3分で完成する新ツール

142
まずはこちらの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月
原文を表示 / 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月

AIFCC — AI Fluent CxO Club

読み書きそろばん、AI。経営者が AI を自分で動かせるようになるコミュニティ。

Claude Design完全ガイド!「作って」のひと言でプレゼン資料もLPも3分で完成する新ツール | AIFCC