Claude Designとは？使い方・料金・始め方と、チャットに統合されて変わったこと

「Claude Designを試してみたいけれど、どこから開けばいいのか分からない」「claude.ai/designが終わると聞いたけれど、作ったものはどうなるのか」と気になっている方も多いのではないでしょうか。

Claude Designは、Claudeと会話しながら、1枚資料やチラシ、LP（ランディングページ）の案、アプリや業務ツールの試作画面などを作れる機能です。2026年4月に専用のサイトで始まりましたが、いまはふだんのチャットやClaude Codeの中から呼び出す形に変わり、無料プランでも使えるようになりました。専用のサイト（claude.ai/design）は2026年12月14日で終了します。

この記事では、Claude Designで何ができるのか、統合で何が変わったのか、料金とプラン、始め方、デザインの知識がなくてもうまく作るコツ、業務での活用例、社内で使うときの注意点までを順に解説します。内容は2026年10月時点の公式情報をもとにしています。公式ヘルプは頻繁に更新されているので、使う前に最新の案内もあわせて確認してください。

Claude Designとは

ひとことで言うと

Claude Design（クロード デザイン）は、会話で伝えた内容をもとに、Claudeがデザインを作ってくれる機能です。「この提案書の要点を1枚の資料にして」「新サービスのLPの案を作って」と頼むと、会話の横にある作業画面（キャンバス）にデザインができあがります。そこから、会話で直したり、画面の上で文字や配置を直接動かしたりして仕上げていきます。

Anthropicは2026年4月17日に、新しい取り組み「Anthropic Labs」の製品としてClaude Designを発表しました。発表の時点では、画像の読み取りにもっとも強いモデルとしてClaude Opus 4.7を使い、Pro・Max・Team・Enterprise向けのリサーチプレビュー（試験提供）として始まっています。公式の発表では、デザイナーが多くの案を試す、プロダクトの担当者が画面の流れを描いてClaude Codeに渡す、営業担当や経営者が提案資料を作る、マーケティング担当がLPやSNS用の画像を作る、といった使い方が紹介されています。

基本のしくみ

Claude Designの画面は、左側の会話と、右側のキャンバス（作業画面）の組み合わせです。キャンバスには「アートボード」と呼ばれる台紙が並び、1枚のアートボードの上に、文字・図形・画像などの「レイヤー」（重ねて置く部品）が載っています。チラシなら1枚、アプリの画面なら画面の数だけアートボードが並ぶイメージです。

公式ヘルプでは、ふだんの流れが次のように紹介されています。

1. 始める会話か、アーティファクトのタブからデザインを始めます。
2. デザインシステムを選ぶ会社の色や文字の決まりをまとめたデザインシステムを付けます（組織で既定のものがあれば自動で付きます）。
3. 材料を渡すスクリーンショットや既存の資料、プログラムなど、参考になるものを添えます。
4. 作りたいものを伝える何を、誰のために作るのかを書いて依頼します。
5. 確認するキャンバスにできあがったデザインを確認します。
6. 直す会話、画面上のコメント、キャンバスでの直接の編集で仕上げます。
7. 書き出す・共有するできあがったら、書き出すか、ほかの人と共有します。

どんな人に向いているか

公式の発表では、デザイナーだけでなく、デザインの経験がない経営者・プロダクトの担当者・マーケティング担当者にも、自分のアイデアを形にして共有する手段になると説明されています。中小企業の職種に当てはめると、次のような人に向いています。

チャットに統合されて変わったこと

いまのClaude Designは、アーティファクト（会話の中で作る資料や画面などの成果物）を作るときのテンプレートの1つという位置づけです。公式ヘルプでは、どの会話からでも、Claude Codeからでも、アーティファクトのタブからでも使えると案内されています。専用のサイトを開く必要はありません。

また、以前はClaude Designの中でスライドも作れましたが、いまはプレゼン資料は「Claude Slides」という別の道具が担当します。公式ヘルプでは、Claude Designはブランドに合ったビジュアルや試作画面を作り、Claude Slidesはプレゼン資料を作る、と役割が分けられています。どちらもベータ版の扱いです。

チャットの図やグラフとの違い

ふだんのチャットでも、Claudeはグラフや図、操作できる簡単な画面を会話の中に作れます。公式ヘルプでは、これとは別に、人に見せる仕事の成果物を作るときにClaude Design・Claude Slides・Claude Docsを使う、と整理されています。自分が理解するための図ならチャットで十分ですが、取引先に渡す資料や社内で共有する画面の案のように、見た目を整えて人に見せるものはClaude Designで作る、と考えると使い分けやすくなります。Claude Designで作ったものは、自分で編集したりClaudeに直してもらったりしたうえで、リンクで共有したり書き出したりできます。

claude.ai/design は12月14日で終了

公式ヘルプによると、専用サイトの claude.ai/design は2026年12月14日に終了し、それ以降はClaudeの通常の画面に移動するようになります。それまでは、これまでどおり使えます。

専用サイトで作っていたものについては、次のように案内されています。

• デザインシステム（会社の色・文字・部品の決まりをまとめたもの）は、終了前にClaudeへの移行が必要
• プロジェクト（作ったデザイン）は、いまのところ何もしなくてよい。終了まで専用サイトで使え、移行の方法はあらためて案内される
• Claudeとの会話とコメントは移行されず、終了後に削除される。必要なものは終了前に保存しておく
• 専用サイトのプロジェクトの公開リンクは、終了後は使えなくなる

Claude Designでできること

作れるもの

公式ヘルプでは、Claude Designで作れるものとして、デザイン、操作できる試作画面（プロトタイプ）、1枚資料などが挙げられています。中小企業の仕事で考えると、次のようなものが作れます。

• 商品やサービスを紹介する1枚資料、チラシ、イベントの告知
• LP（商品やサービスを紹介する1枚のWebページ）の案
• SNSに投稿する画像の案
• アプリや業務ツールの画面の試作（ボタンを押すと次の画面に進むような、操作できるもの）
• ワイヤーフレーム（画面のどこに何を置くかを示した設計図）
• 売上などの数字を見せるダッシュボードの画面

公式ヘルプに載っている依頼の例も、「地域別・商品別に絞り込める月次売上のダッシュボード」「主な機能を4画面で紹介するスマホアプリの初回案内」「申し込み内容を確認して承認する、社内向けの管理画面」など、業務で使う画面が中心です。

会社の色やフォントをそろえる（デザインシステム）

デザインシステムは、会社のロゴの使い方、色、文字の種類、ボタンなどの部品の決まりをまとめたものです。これをClaudeに渡しておくと、何を作っても会社の色や文字がそろった状態で仕上がります。

公式ヘルプによると、デザインシステムは、GitHubのリポジトリ（プログラム一式の置き場所）、デザインのファイル、アップロードした素材、手元のプログラムなどから取り込めます。ClaudeはデザインシステムのルールでデザインをつくったうえでClaude自身がチェックし、ずれがあれば直してから見せてくれます。ただし、取り込む元の素材が整理されていないと、その乱れが仕上がりにも出ると注意されています。

取り込める素材

デザインのもとにする素材は、いろいろな形で渡せます。公式ヘルプと発表で案内されているのは次のようなものです。

• 文章だけの依頼（素材なしで始めることもできる）
• 画像やスクリーンショット（既存のデザイン、競合の画面、手書きのラフ、雰囲気の参考）
• Word・PowerPoint・Excelのファイル（DOCX・PPTX・XLSX）
• プログラム一式（リポジトリ）。既存の部品や画面の作りを読み取ってくれる
• 自社のWebサイトから要素を取り込む機能（発表時に紹介されたWebキャプチャの道具）

素材は作業の途中でいつでも追加できます。公式ヘルプでも、渡す情報が多いほど仕上がりがよくなると案内されています。

デザインシステムの用意のしかた

デザインシステムは、組織で1つまたは複数用意できます。公式ヘルプでは、デザインシステムを設定・変更するのはデザインの責任者を想定しており、それ以外のメンバーは、用意されたデザインシステムで作るだけでよいと説明されています。新しいプロジェクトを作ると組織のデザインシステムが自動で引き継がれるので、メンバーが毎回ロゴや色をアップロードする必要はありません。

中小企業でデザインの決まりが文書になっていない場合は、会社のロゴのファイル、ホームページのスクリーンショット、よく使っている資料をまとめて渡し、「この会社の色・文字・部品の決まりをデザインシステムとしてまとめて」と頼むところから始めるのが現実的です。

直し方は3通り

最初にできたデザインは、たたき台です。公式ヘルプでは、次の3つの方法で直していくと説明されています。

「2〜3パターンの配置を見せて」と頼むと、複数の案を並べて比べることもできます。Claudeに、デザインの意図を説明してもらったり、見やすさ（文字と背景の色の差など）をチェックしてもらったりすることもできます。

キーボードでも操作できる

キャンバスの操作には、キーボードのショートカットも用意されています。よく使うものを公式ヘルプから抜き出しました（Macは「Cmd」、Windowsは「Ctrl」）。

プロパティの画面で文字の色を選ぶと、背景との色の差が十分かどうかも表示されます。新しい文字やアートボードをキャンバスに置く操作はマウスかトラックパッドが必要なので、キーボードだけで作業するときは、Claudeに追加を頼みます。

共有して一緒に仕上げる

作ったデザインは、最初は自分だけが見られる状態です。「Share（共有）」から相手と権限を選ぶと、相手はデザインを見る・コメントする・編集する、のいずれかができるようになります。公式の発表では、組織の範囲で共有する形が基本とされ、編集の権限を渡した同僚とは、同じデザインを直しながら一緒にClaudeと会話することもできると紹介されています。上司に確認してもらうなら閲覧かコメント、一緒に作る同僚には編集、と使い分けましょう。社外の人に見てもらうときは、PDFなどに書き出して渡すのが確実です。

書き出し・ほかのツールへ送る

できあがったデザインは、画面右上の「Export（書き出し）」から、次の形式で保存したり、ほかのツールに送ったりできます。

• zipファイル、PDF、PowerPoint（PPTX）、Googleスライド、単体のHTMLファイル
• Canva、Adobe、Gamma、HubSpot、Miro、Wix、Netlify、Vercel、v0、Lovable、Replitなどへ送る
• Claude Codeへ渡す（手元のClaude Code、またはWeb版のClaude Code）

たとえば、Claude Designで作ったチラシの案をCanvaに送って、社内の担当者がCanvaで細かく仕上げる、といった使い分けができます。

Claude Codeに渡して本物の画面にする

試作した画面を実際に動くものにしたいときは、Claude Codeに渡します。公式ヘルプでは、スクリーンショットから作り直すのではなく、Claude Designで作った内容を引き継いだ状態からClaude Codeが作業を続けると説明されています。Claude Code側では /design コマンドで、デザインをプログラムに取り込んだり、作ったものを試作として書き出したりできます。社内ツールの画面を形にしてから、実際に動くツールにするまでを、一続きで進められます。

できないこと・苦手なこと

便利な機能ですが、何でもできるわけではありません。公式ヘルプに書かれている制限と、使うときに気をつけたい点をまとめます。

• 写真やイラストを新しく描く機能の案内はない：公式ヘルプには、Claude Designが写真やイラストを生成するという説明はありません。写真やロゴは、手持ちの素材を渡して使う前提で考えるのが安全です
• 版の履歴がまだない：以前の状態に戻す機能はありません。別の方向を試すときは「いまの状態を保存して、まったく違う案を試して」と頼むと、Claudeが現在の状態を保存してくれます
• 複数人の同時編集は基本的なものにとどまる：2人以上で同時に編集すると、うまく動かないことがあると案内されています
• コメントが表示されないことがある：画面上のコメントがときどき表示されないことがあり、コメントの一覧から確認できます
• スマホでは共有の設定を変えられない：共有の設定はWeb版かデスクトップアプリで行います

料金と使えるプラン

どのプランで使えるか

公式ヘルプと料金ページによると、Claude DesignはFree・Pro・Max・Team・Enterpriseのすべてのプランで使え、標準でオンになっています。料金ページでも、無料プランの機能に「Claude Design、Slides、Docs」が並んでいます。

Enterpriseでは、2026年10月15日から標準でオンになると案内されています。それより前は、組織のオーナーが「組織の設定」→「アーティファクト」で有効にする必要がありました。Enterpriseでは、デザインシステムの機能は標準でオフになっているので、使う場合は管理者が有効にします。

使用量の数え方

Claude Designの利用は、チャットやClaude Codeと同じ使用量の上限から消費されます。公式ヘルプでは、以前はClaude Design専用の週の枠がありましたが、いまはすべてプラン共通の上限に数えられると説明されています。大きなプログラムを読み込ませたり、何度も作り直したりすると、そのぶん多く消費します。

上限に達したら

上限に達すると、リセットされるまでClaude Designは使えません。有料プランで「使用量クレジット」（上限を超えた分を追加で払うしくみ）を有効にしていれば、上限に達したあとも作業を続けられます。使用量は「設定」→「使用量（Usage）」で確認できます。

使用量クレジットは、上限を超えた分をAPIの標準料金で払うしくみで、月の上限額を決めておけます。なお公式ヘルプでは、日本など一部の地域では、2026年9月10日以降に購入した使用量クレジットは購入から6か月で期限が切れると案内されています。必要な分だけ購入するようにしましょう。

Teamで使うと何がよいか

個人のプランでもClaude Designは使えますが、会社で使うならTeamにする利点があります。組織のオーナーが既定のデザインシステムを決めておけば、メンバーが新しく作るデザインに自動で会社の色や文字が反映されます。作ったデザインを組織の中で共有しやすく、管理者が機能のオン・オフを決められるのも利点です。料金ページでは、Team・Enterpriseは標準で会社の内容を学習に使わないとされています。

Enterpriseの管理者が確認すること

Enterpriseで独自の役割（ロール）を使っている場合は、役割ごとにアーティファクトの権限も必要です。公式ヘルプでは、これを使って、Claude Designを使う人だけにアーティファクトを有効にできると説明されています。デザインシステムの持ち主の役割にデザインシステムの権限がないと、そのデザインシステムは移行できません。また、データを保存しない設定（ZDR）の組織ではアーティファクトを有効にできないため、Claude Designも使えません。

使用量を抑えるコツ

デザインの作り直しを何度も繰り返すと、使用量を多く消費します。次のような使い方を心がけると、同じ上限の中でより多くの仕事ができます。

• 最初の依頼に「目的・レイアウト・中身・読む人」を入れ、作り直しの回数を減らす
• 大枠が決まるまでは細部を直さない。細かい修正はまとめて頼む
• 全体を作り直すのではなく、画面上のコメントで直したい部分だけを指定する
• 大きなプログラムを読み込ませる作業は、必要なときだけにする
• 関係のない新しいデザインは、新しい会話で始める

どのプランを選べばいいか

Free（無料）プランでの具体的な使用量の目安は、公式には数字で示されていません。迷ったら、次の順で考えると決めやすくなります。

まず無料プランで試して、仕事で毎日使いたくなったらPro、会社の色やフォントをそろえた資料をチームで作りたいならTeam、という順に考えるのがおすすめです。Teamでは、組織のオーナーが既定のデザインシステムを決めておけるので、誰が作っても会社の決まりに沿ったデザインになります。

始め方

Claude Designは、いくつかの入口から始められます。まずはいちばん簡単な「会話から始める」方法で試してみましょう。

始める前に用意しておくもの

アプリを入れなくても、Web版（claude.ai）で始められます。ただ、次のものを手元にそろえておくと、最初の1枚がぐっと作りやすくなります。

• 載せたい内容のメモや、もとになる資料（提案書、商品説明など）
• 会社のロゴのファイル（できれば背景が透明なもの）
• 商品やお店の写真
• 「こんな雰囲気にしたい」という参考の資料やサイトのスクリーンショット
• 会社でよく使う色（ホームページや名刺の色）

会話から始める

ふだんのチャットで、「この提案書から1枚資料を作って」「さっき話した申し込みの流れを画面にして」のようにデザインを頼むだけで始められます。Claudeが会話の横にデザインを作ります。入力欄の「出力（Output）」から「デザイン（Design）」を選んで依頼することもできます。

アーティファクトのタブから始める

Claudeの「アーティファクト」のタブを開き、デザインのテンプレートを選んで始める方法もあります。以前に作ったデザインもここから開けます。

Claude Codeから使う

エンジニアの方は、Claude Codeから使うこともできます。アイデアをデザインにするよう頼むか、/design コマンドでデザインの作成・編集・同期ができます。/design-sync を使うと、手元のプログラムからデザインシステムを取り込めるので、Claude Designで作るものが最初から既存の部品に沿った形になります。公式ヘルプでは、とても大きなリポジトリはブラウザが重くなるのを避けるため、Claude Codeからつなぐようにすすめられています。

Claude CodeとClaude Designは、行き来しながら作業できます。たとえば、エンジニアが /design-sync で社内ツールの部品をデザインシステムとして取り込んでおけば、業務担当者がClaude Designで画面の案を作るときも、実際のツールと同じ部品で作られます。案が固まったらClaude Codeに渡し、エンジニアがそこから実装を進める、という分担ができます。

スマホアプリから使う

iPhone・AndroidのClaudeアプリでも、会話でデザインを頼めます。できあがりはあとで確認でき、アーティファクトのタブで全画面表示したり、編集したりできます。共有の設定を変えるときだけは、Web版かデスクトップアプリを使います。

TeamやEnterpriseで使う場合

会社のプランでは、Claude Designはアーティファクトの機能の上で動きます。公式ヘルプによると、組織でアーティファクトがオフになっていると、デザインを作ることも、専用サイトからの移行もできません。管理者は「組織の設定」→「アーティファクト」で、次の項目を確認します。

あわせて、組織のオーナーが既定のデザインシステムを決めておくと、メンバーが新しく作るデザインに自動で反映されます。Enterpriseでは、デザインシステムの公開・既定の設定・削除ができる人を限ることもできます。

初めての1枚資料ができるまで

1. Claudeを開くWeb版（claude.ai）かデスクトップアプリを開き、新しい会話を始めます。
2. 材料を渡す資料のもとになる提案書やメモのファイルを添付します。会社のロゴや商品の写真があれば一緒に渡します。
3. 依頼を書く「添付した提案書をもとに、取引先に渡すA4の1枚資料を作ってください。読む人は購買担当者で、価格と導入の流れが一目で分かるようにしてください」のように、目的・読む人・載せたい内容を書いて送ります。
4. できあがりを確認する会話の横に1枚資料ができあがります。全体の印象を見て、構成や色の方向性を確かめます。
5. 直す大きな変更はチャットで、細かい部分は画面上のコメントで、位置の調整はキャンバスで直接直します。
6. 書き出す・共有する「Export」からPDFやPowerPointで保存するか、「Share」で社内の人に確認してもらいます。

最初に試すと良い依頼

初めて使うときは、失敗しても困らない小さなものから試すと、Claude Designの得意・不得意がつかめます。

• 社内向けのお知らせ（休業日の案内、健康診断の日程など）をA4の掲示物にする
• 自社の商品1つを紹介する1枚資料を作る
• いまのホームページのトップページのスクリーンショットを渡して、「もっと見やすくした案」を2つ作ってもらう
• Excelで管理している一覧表を、入力しやすい画面の案にしてもらう
• 次の会議の議題を、1枚の見やすい図にまとめてもらう

使い方のコツ

公式ヘルプでは、「デザイナーでなくても良い結果を出せる」と書かれています。そのためのコツを、公式の案内をもとに紹介します。

目的・レイアウト・中身・読む人の4つを伝える

公式ヘルプによると、良い依頼には次の4つが入っています。

• 目的：何を作るのか（例：展示会で配るチラシ）
• レイアウト：どう並べるか（例：上に大きな見出し、中央に商品写真、下に問い合わせ先）
• 中身：何を載せるか（例：商品名、特長3つ、価格、QRコード）
• 読む人：誰が見るのか（例：製造業の工場長）

足りない情報があれば、Claudeから質問してくれることもあります。最初から完璧な依頼文を書こうとせず、分かる範囲で4つを書いて送ってみましょう。

まずは大枠、細部は後から

公式ヘルプでは、まず中心になる配置と中身を作り、そのあとで動きや細かな仕上げを足していく進め方がすすめられています。最初から細かい指定を詰め込むより、大枠が決まってから細部を直す方が、やり直しが少なくて済みます。

一番伝えたいことを1つに絞る

チラシや1枚資料で失敗しやすいのは、載せたいことを全部同じ大きさで並べてしまうことです。依頼するときに「一番伝えたいのは〇〇」と1つ決めて伝えると、Claudeはそれを大きく目立つ位置に置き、ほかの情報を整理して配置してくれます。迷ったら、「この資料を見た人に、最後に何をしてほしいか」（問い合わせる、申し込む、上司に回す など）から考えると決めやすくなります。

1回の依頼に詰め込みすぎない

直してほしい点が10個あるときに、すべてを1回で頼むと、いくつかが反映されなかったり、ほかの部分が崩れたりすることがあります。大きな変更と細かな変更を分け、2〜3点ずつ頼んで確認しながら進める方が、結果的に早く仕上がります。

2〜3案を出してもらって比べる

方向性に迷ったら、「2〜3パターン見せて」と頼みましょう。公式ヘルプでも、案を並べて比べる方が、あれこれ想像するよりずっと早いと案内されています。並べた案のうち「Aの配置で、Bの色づかい」のように組み合わせて頼むこともできます。

直してほしいことは具体的に

「なんか違う」「もっといい感じに」では、Claudeはどこをどう直せばいいか分かりません。公式ヘルプでも、「見た目がしっくりこない」ではなく「入力欄どうしの間隔を8pxに詰めて」のように具体的に伝えるようにすすめています。数字で言えない場合は、「見出しを今の倍くらいの大きさに」「余白を詰めて、1枚に収まるように」のように、何をどちらに変えたいかを伝えます。

公式ヘルプに載っている直しの頼み方の例を、日本語にするとこんな形です。

公式ヘルプでは、ボタンや間隔など部分的な直しはコメント、構成の変更や新しい部分の追加など説明が必要なものはチャット、見た目のちょっとした調整はキャンバスでの直接の編集、と使い分けるようすすめています。デザインシステムに部品がある場合は、「Primary Buttonの部品を使って」のように名前で指定すると、確実にその部品で作られます。

参考資料を渡す

言葉で伝えにくいイメージは、参考資料を渡すのがいちばん早い方法です。公式ヘルプでは、既存のデザインのスクリーンショット、競合の製品の画面、手書きのラフ、雰囲気を参考にしたいスライドや文書などを添付できると案内されています。Word・PowerPoint・Excelのファイルを読み込ませることもできます。「この資料と同じ雰囲気で」と添えると、色づかいや文字の大きさを寄せてくれます。

スマホでも見るなら最初に伝える

LPやWebの画面を作るときは、スマホ・タブレット・パソコンのどれで見るのかを早めに伝えておきましょう。公式ヘルプでも、画面の大きさへの対応は早い段階で考えるようにすすめています。あとからスマホ対応を足すと、配置を大きく作り直すことになりがちです。

依頼文のひな形

最初のうちは、次のひな形に当てはめて書くと、必要な情報を漏らさず伝えられます。

【作るもの】展示会で配るA4縦のチラシ
【読む人】製造業の工場長・設備担当者
【伝えたいこと】新しい点検サービスで、設備が止まる時間を減らせること
【載せる内容】サービス名、特長3つ、料金の目安、導入の流れ、問い合わせ先とQRコード
【配置】上に大きな見出し、中央に特長3つ、下に問い合わせ先
【雰囲気】会社の紺色を基調に、落ち着いた印象で
【素材】添付のロゴと現場の写真を使う
【その他】案を2パターン見せてほしい

すべてを埋める必要はありません。分からない項目は空けておけば、Claudeが提案したり、質問したりしてくれます。

写真やロゴを使うときのコツ

手持ちの写真やロゴを使うときは、できるだけ大きく、きれいなファイルを渡しましょう。小さな画像を拡大すると、印刷したときにぼやけてしまいます。ロゴは背景が透明なファイル（PNGなど）があると、色のついた背景の上にも置きやすくなります。写真がまだない場合は、「写真を入れる場所だけ枠で空けておいて」と頼み、あとで差し替える方法もあります。

Claudeにチェックしてもらう

Claudeは作るだけでなく、デザインの見直しもできます。公式ヘルプでは、見やすさ（アクセシビリティ）、文字と背景の色の差、情報の優先順位、使いやすさをチェックできると案内されています。「年配の方にも読みやすいか確認して」「一番伝えたいことが最初に目に入るか見て」と頼むと、改善点を挙げてくれます。

業務での活用例

Claude Designは、デザイナーがいない会社でも「とりあえず形にする」作業を大きく減らせます。中小企業でよくある仕事を例に、使い方を紹介します。

営業資料・1枚資料

長い提案書を読んでもらえないとき、要点を1枚にまとめた資料があると話が早く進みます。提案書のファイルを渡して「取引先の部長が1分で読める1枚資料に」と頼めば、見出し・要点・数字の配置まで考えた資料ができあがります。PowerPointで書き出せば、社内の決まった書式に貼り込んで仕上げることもできます。

チラシ・イベント告知・SNS用画像の案

展示会のチラシ、セミナーの告知、SNSに投稿する画像の案も作れます。先に書いたとおり、写真やイラストを生成する機能の案内はないので、商品の写真やロゴは手持ちの素材を渡すのが前提です。素材がなくても、文字と図形だけのレイアウトで案を作ってもらい、あとで写真を差し替える進め方もできます。Canvaに送れば、社内で文字や写真を差し替えて使い回せます。

LP・ホームページの試作

ホームページやLPを制作会社に頼む前に、「こういう感じにしたい」を形にしておくと、打ち合わせがスムーズになります。言葉だけで「信頼感のある感じ」と伝えるより、実際の画面の案を見せる方が、認識のずれが少なくなります。

ただし、Claude Designで作るのはあくまで試作です。実際に公開して集客に使うには、独自ドメインの設定、スマホでの表示の確認、問い合わせフォームの動作、表示速度、検索エンジンへの対策、公開後の更新や保守といった作業が別に必要になります。HTMLで書き出してVercelやNetlifyなどに送ることはできますが、会社の看板として長く使うページなら、こうした点まで確認したうえで公開しましょう。

社内ツールの画面案

「Excelで管理している在庫表を、簡単な画面で入力できるようにしたい」といった社内の要望も、まずClaude Designで画面の案を作ると、関係者の意見をまとめやすくなります。ボタンを押すと次の画面に進む試作が作れるので、実際に触ってもらいながら「この項目はいらない」「ここに検索がほしい」と意見を集められます。画面が固まったら、Claude Codeに渡して実際に動くツールにしていきます。

試作画面で意見を集めるときは、「どの画面で、何をしたいときに使うか」という場面を一緒に伝えると、具体的な意見が出やすくなります。たとえば「月末に受注の一覧から未入金のものを探すとき」と場面を決めて触ってもらうと、「絞り込みのボタンがほしい」「金額の列を左に」といった意見が集まります。集まった意見は、そのままチャットに貼ってClaudeに反映してもらえます。

採用・説明会の資料

求人の募集要項や会社説明会の資料も、Claude Designで形にできます。仕事内容、1日の流れ、働く環境、応募の方法といった情報を渡して「学生向けの会社説明会で配るA4の資料に」と頼めば、読みやすく整理された案ができます。社員の写真や職場の写真は、本人の了解を取ったうえで手持ちのものを使いましょう。

ダッシュボード・社内報告の画面

毎月の売上や問い合わせ件数を、Excelの表のまま報告している会社も多いでしょう。Claude Designで「地域別・商品別に絞り込める月次売上の画面」の案を作ると、どの数字をどう見せれば伝わりやすいかを、関係者と具体的に話し合えます。公式ヘルプの依頼の例にも、売上のダッシュボードが挙げられています。画面の案が固まったら、実際のデータとつなぐ部分はClaude Codeや開発の担当者に任せます。

効果を確かめる

Claude Designで作る範囲と、人が行う範囲を最初に決めておくと、効果を比べやすくなります。たとえば「配置と色の案づくりはClaude、文章の最終確認と印刷は担当者」と分けておくと、どの作業がどれだけ短くなったかが分かります。

業務で使い始めたら、これまでのやり方と比べてどれだけ時間が変わったかを記録しておきましょう。1枚資料を作るのにかかった時間、修正のやりとりの回数、外部に頼んでいた費用などを1〜2か月分メモしておくと、続ける価値があるか、有料プランやTeamにする価値があるかを判断しやすくなります。

例：営業の1枚資料を作る流れ

営業担当者が、新サービスの1枚資料を作る場合を例に、流れを追ってみます。これまでは、提案書から要点を拾い出し、PowerPointで配置や色を何度も調整して、半日がかりで作っていたとします。

1. 材料をそろえる新サービスの提案書（PowerPoint）、会社のロゴ、過去に評判のよかった資料を1つ用意します。
2. 依頼する「添付の提案書をもとに、取引先の部長に渡すA4の1枚資料を作って。過去の資料と同じ雰囲気で、価格と導入までの期間が一目で分かるように。2案見せて」と伝えます。
3. 案を選ぶ2つの案を見比べ、「Aの配置で、Bの色づかいにして」と組み合わせを頼みます。
4. 細かく直す価格の表をクリックしてコメントで「文字をもっと大きく」、見出しはキャンバス上で直接書き換えます。
5. チェックしてもらう「年配の方にも読みやすいか、一番伝えたいことが最初に目に入るか確認して」と頼み、指摘された点を直します。
6. 確認して書き出す価格・社名・電話番号を自分で確認し、PDFで書き出して完成です。

人が行うのは、材料をそろえること、方向性を選ぶこと、最後に中身を確認することです。配置や色の調整といった時間のかかる作業の多くを、Claudeに任せられます。

制作会社に頼むときに使う

ホームページの制作やリニューアルを外部に頼むときも、Claude Designは役に立ちます。自社で作ったLPの案や画面のワイヤーフレームを見せれば、「どんなページにしたいか」を具体的に伝えられ、見積もりや打ち合わせの時間を短くできます。制作会社にとっても、完成形のイメージがある方が提案しやすくなります。ただし、案は「こういう方向で」という参考として渡し、細かいデザインや仕組みは専門家の提案を聞いて決めるのがよいでしょう。

使い分けの目安

Claudeには、デザインのほかにもスライドや文書を作る道具があります。公式ヘルプの役割分担をもとに、何を使えばいいかの目安をまとめます。

社内で使うときの注意点

共有範囲を確かめる

公式ヘルプによると、作ったデザインは最初は自分だけが見られる状態です。ほかの人に見せるときは「Share（共有）」から、誰が開けるか、何ができるか（閲覧・コメント・編集）を選びます。社外秘の資料を、うっかり広い範囲に共有しないように注意しましょう。

デザインシステムにも注意が必要です。専用サイトから移行する場合、非公開にしていない公開済みのデザインシステムは、組織の全員に共有され、全員のメニューに表示されると案内されています。個人向けプランでは、何も共有されません。

社外秘の資料・お客様の情報の扱い

Claude Designに渡した資料は、Claudeのほかの機能と同じように扱われます。個人向けプラン（Free・Pro・Max）では、会話を学習に使うかどうかを「設定」→「プライバシー」で選べます。料金ページでは、Team・Enterpriseは標準で会社の内容を学習に使わないとされています。お客様の個人情報や未公開の数字を使う場合は、プランごとの扱いを確認し、社内で渡してよい情報の範囲を決めておきましょう。

Claudeが書いた文章も確認する

Claude Designは、デザインの中の見出しや説明文も考えてくれます。ただし、Claudeが書いた文章には、渡した資料にない内容や、実際より大げさな表現が入ることがあります。「業界No.1」「必ず効果が出る」のような、根拠を示せない言い回しが入っていないかを確認し、数字や実績は自社で確かめられるものだけを載せるようにしましょう。

Claude Designに向かない仕事

ロゴ・写真・フォントの権利

デザインに使う写真やロゴ、フォントは、自社が使う権利を持っているものを使いましょう。参考資料として他社のサイトやチラシを渡すことはできますが、できあがったデザインが参考にしたものとそっくりになっていないかは、人が確認する必要があります。作ったデザインを商用で使うときの条件は、Anthropicの利用規約もあわせて確認してください。

お客様の情報を画面の案に入れない

業務ツールの画面の案を作るときに、実際の顧客名や電話番号を例として入れてしまうと、共有したときにほかの人にも見えてしまいます。画面の案には「山田太郎」「090-0000-0000」のような架空のデータを入れるよう、依頼文で伝えておきましょう。Claudeに「サンプルデータは架空のものにして」と頼めば、それらしい架空の値で埋めてくれます。

仕上げは人が確認する

Claudeが作ったデザインは、見た目が整っていても、内容まで正しいとは限りません。外に出す前に、次の点を確認しましょう。

• 会社名・商品名・価格・日付・電話番号などに間違いがないか
• 表記ゆれ（「お問い合わせ」と「お問合せ」など）がないか
• リンクやQRコードの飛び先が正しいか
• 文字が小さすぎないか、印刷しても読めるか
• ロゴの色や形が、会社の決まりどおりか

社内ルールに入れておくこと

部署やチームで使う場合は、次のような点を先に決めておくと、使う人によって扱いがばらばらになるのを防げます。

• Claude Designに渡してよい資料と、渡してはいけない資料（顧客の個人情報、未発表の商品情報など）
• 使ってよい写真・ロゴ・フォントの置き場所
• 社外に出すデザインは、誰が最終確認するか
• 共有するときの範囲（自分だけ、特定の人、組織全体）
• 会社の既定のデザインシステムを誰が管理するか

専用サイトからの移行で確認すること

専用サイト（claude.ai/design）でデザインシステムを作っていた場合は、12月14日までに移行しておきましょう。公式ヘルプによると、移行の手順は次のとおりです。

1. アーティファクトのページを開くClaudeの「アーティファクト」のページを開きます。
2. 移行を始める「Claude Design lives here now」の案内にある「Migrate team design systems」をクリックし、「Migrate」で確定します。個人向けプランでは確認なしで始まります。
3. 結果を確認する移行が終わると、移行できたデザインシステムが一覧で表示されます。画面を閉じても移行は続きます。

1回の移行で、組織内のすべてのデザインシステム（ほかの人のものも含む）が移行されます。組織のオーナーでなくても、Claude Designを使える人なら誰でも始められます。ただし、中身が空のもの、組み込みのテーマから作ったもの（編集していても）は移行されません。大きすぎるものや、使えない種類のファイルが入っているものは「移行できなかった」と表示されるので、専用サイトで問題のファイルを直してから再度移行します。

移行したデザインシステムは、いまのところ自分で直接編集できず、変更はClaudeに頼む形になります。会話やコメントは移行されないので、残したいものは終了前に保存しておきましょう。また、データを保存しない設定（ZDR）の組織はアーティファクトを使えないため、移行もできません。その場合は、終了前にプロジェクトを1つずつダウンロードしておく必要があります。

移行したあとに確認すること

移行したデザインシステムは、デザインやスライドを作るときのデザインシステムのメニューに表示されます。すべてを一覧で見るには、アーティファクトのページの「Claude Design」メニューから「View design systems」を選びます（「設定」に一覧が開きます）。組織のオーナーは、ここで「Set as default」を選んで、組織の既定のデザインシステムを決められます。

専用サイトで変更を加えたあとは、「Claude Design」メニューの「Migrate again」で再度移行できます。公式ヘルプによると、再移行したときの扱いは次のとおりです。

プロジェクトを手元に残したい場合は、専用サイトでプロジェクトを開き、「Share」→「Project HTML」で「Project archive」を選んで「Export」すると、1つずつダウンロードできます。まとめてダウンロードする機能はありません。

うまくいかないときの対処

よくある質問

まとめ

Claude Designを使えば、デザイナーがいなくても、資料や画面の「たたき台」をすぐに形にできます。まずは無料プランで、身近な1枚資料から試してみてください。

試作したLPや社内ツールを、実際に公開・運用できる形にするところで手が止まることもあります。INTERCREATE JAPANでは、Claudeなどの導入支援として、試作から公開・運用までをお手伝いしています。