2026年9月11日 金曜日
AI時短ラボ
検証· 約11

Claude Designを仕事で使い倒してみた ― 雑に頼むと外れ、構造で頼むと化ける

Anthropic Labsのデザイン特化ワークスペース「Claude Design」を実案件(ゲームのタイトルロゴ制作)に投入した実機レビュー。1回目は失敗、2回目で6案+書き出しツールまで自動生成。成否を分けたプロンプトの型と、Claude Codeとの分業フローまで全部見せる。

Claude Designを仕事で使い倒してみた ― 雑に頼むと外れ、構造で頼むと化ける
執筆・編集:実機検証
目次

3行まとめ

  1. Claude Designは claude.ai/design で使えるデザイン特化ワークスペース(ベータ・Pro/Max/Team/Enterprise、Enterpriseは既定オフ)。プロトタイプ・スライド・ロゴ・デザインシステムを会話で作れる
  2. 実案件に投入したら、雑な依頼は外れ、要件を構造化した依頼は6案+書き出しツール付きで化けた。AIデザイナーの当たり外れは「頼み方」でほぼ決まる
  3. 完成デザインは「Send to local coding agent」でClaude Codeに直接ハンドオフできる。デザインAIと実装AIの分業が公式機能になった

Claude Designとは何か

Claude Designは、Anthropicの実験部門「Anthropic Labs」が2026年4月17日に公開したデザイン特化のワークスペースだ。claude.ai/design にアクセスすると、通常のチャットとは別の、キャンバスを中心とした画面が開く。

公式の説明によれば、作れるのは「デザイン、プロトタイプ、スライド、ワンページャーなど」の洗練された視覚成果物。やり方は会話だ。欲しいものを言葉で説明するとClaudeが最初の版を作り、そこから会話・インラインコメント・直接編集、さらにはClaudeが案件に合わせて自作するカスタムスライダーで詰めていく。

提供条件は以下の通り(執筆時点)。

  • 対象プラン: Pro / Max / Team / Enterprise(Enterpriseプランは既定でオフ)
  • 位置づけ: ベータ(Beta)=仕様が変わる可能性がある段階〔2026-08-27追記:Anthropic公式ヘルプ「Get started with Claude Design」を確認したところ、現在は「研究プレビュー」ではなく「ベータ」と明記されている。執筆時点(6月11日)は研究プレビュー段階だった可能性があるが、現時点の呼称に合わせて更新した〕
  • エンジン: 公開時点ではOpus 4.7(Anthropicが「最も高性能なvisionモデル」と説明)。執筆時点では、モデル選択でFable 5も選べることを当サイトの画面で確認した(Fable 5を実案件のゲーム制作に単独で使った記録は「にゃんこ大戦争みたいなゲーム」を2日で作った話にまとめている)

「チームのデザインシステムを全プロジェクトに自動適用できる」ことも公式が挙げる目玉のひとつで、会社の見た目に揃った資料を誰でも量産できる、という売りだ。

実際に使ってみた ― 1回目は外れた

ここからが本題。当ラボでは現在ブラウザゲームを制作しており、そのタイトルロゴをClaude Designに発注してみた。

正直に書くと、1回目は使い物にならなかった。「ゲームの画面スクショを渡して、いい感じにデザインを刷新して」という雑な頼み方をした結果、返ってきたのは方向性のぼやけた、どこかで見たようなものだった。この時点での率直な感想は「思ってたのと違う」である。

ただ、これはツールが悪いのか、頼み方が悪いのか。切り分けるために、2回目は依頼文を作り込んだ。

2回目 ― 要件を構造化したら化けた

2回目に投げたのは、おおよそ次の構造の依頼文だ。

ゲームのタイトルロゴを作ってほしい。

【ゲーム】和風の城VS城バトルゲーム。かわいさと迫力の両立
【作るもの】タイトルロゴを、方向性の違う6案(横長)
【様式】毛筆・筆文字の勢いを主役に。案ごとに流派を変える
(勘亭流/江戸文字/隷書/かすれ筆/版画文字)
【配色】岩絵具系=墨黒・朱赤・金・胡粉白・群青。1案2〜3色まで
【禁止】黒背景×シアン/紫のテックグラデ、ゲーミングRGB風、ネオン
【出力】背景透過PNGで書き出せる形で

結果は別物だった。6案すべてが指定どおり別の流派で出てきたうえ、勝手に気の利いた仕事までしてきた。具体的には:

  • 各案に「背景:紙/墨/透過チェッカー」の切り替えボタン付き
  • 各案に「透過PNG書き出し」ボタンが付いた、インタラクティブな選定ページとして納品された(2倍解像度で書き出される)
  • 案ごとに「勘亭流×金箔の霞」「江戸文字×和紙の質感」のようなコンセプト名付き

つまり「ロゴ6案の画像」ではなく「ロゴを選んで書き出すための小さなツール」が返ってきた。頼んでいないが、明らかに作業の先回りである。

成否を分けたもの ― プロンプトの型

1回目と2回目の差分を整理すると、効いたのは次の4点だと考えている(ここは検証1件にもとづく仮説なので、そのつもりで読んでほしい)。

  1. 数を指定する(「6案、方向性を変えて」)― 1案だけ頼むとAIの平均値が出る。複数案で散らすと当たりが出る
  2. 様式を固有名詞で指定する(勘亭流・江戸文字・岩絵具)― 「和風で」「かっこよく」は平均値への片道切符
  3. 禁止事項を書く(テックグラデ禁止)― AIデザインの「ありがち」は、禁止しないと必ず混入する
  4. 出力形式を指定する(透過PNG・横長)― 用途を伝えると、書き出しまで設計してくれる

Claude Codeとの分業 ― ハンドオフが公式機能

もうひとつの目玉が連携だ。Claude Designで作ったデザインは、エクスポートメニューから「Send to local coding agent」「Send to Claude Code Web」を選んで、そのままClaude Codeに渡せる(公式ヘルプに記載のある正式フロー)。

当ラボの場合は、納品された選定ページの「透過PNG書き出し」ボタンを、ローカルのClaude Codeが自動で全部クリックして6案分のPNGを回収・リネームまで済ませた。人間がやったのは依頼文を書くことと、案を眺めることだけである。

「デザインは視覚特化のAIに、実装はコード特化のAIに、人間は要件と判断に集中する」――この分業が公式機能として用意されたのは、地味だが大きい。デザインツールとエンジニアの間で延々と続いてきた「書き出してSlackで送って…」が一手で消える。

料金と使える条件(再掲)

  • claude.ai の Pro / Max / Team / Enterpriseプランで追加課金なしに使える(ベータ期間。Enterpriseは既定オフ)
  • claude.ai/design にブラウザでアクセスするだけ。インストール不要

正直な注意点

持ち上げたので、粗も書いておく。

  • ベータの粗はある。公式ヘルプ自身が「Known limitations」として、インラインコメントがページ上に表示されないことがある(コメント一覧を開けば確認可能。消える前提でチャットに直接貼り直すのも回避策として案内されている)、大規模なコードベースをClaude Codeからリンクすると遅延やブラウザの不具合が出うる、と案内している
  • 雑に頼むと平凡。上述の通り、1回目の出力は実用に届かなかった。プロンプトを設計する前提のツールだと考えたほうがいい
  • ベータ機能なので、仕様・提供条件は予告なく変わりうる。本記事の「使ってみた」内容は執筆時点(2026年6月11日)のもの。提供プランの位置づけ(研究プレビュー→ベータ)は2026-08-27時点の公式表記に更新済み

まとめ ― 「デザイナーAI」ではなく「デザイン工程AI」

1日使った結論。Claude Designは「センスのいい絵を1枚くれるAI」と期待すると裏切られ、「デザイン工程(要件→案出し→選定→書き出し→実装連携)を丸ごと圧縮する道具」として使うと化ける。

特に、複数案を流派指定で散らして人間が選ぶ使い方は、デザイナーでない人間がデザインの意思決定をするための現実的な型だと感じた。当ラボでは今後、サイトやサムネの制作にも常用する予定だ。続報はこのサイトで追っていく。

検証環境: claude.ai Proプラン / 2026年6月10日実施。本記事の「使ってみた」パートは当サイトの実体験にもとづく。

公式文言との突き合わせで直した点

  • 2026-08-14: 「作れるもの」の説明を、Anthropic公式ページの実際の文言("designs, prototypes, slides, one-pagers, and more")に合わせて修正。「そのまま引くと」としながら実際には無い「インタラクティブな」という修飾や「マーケティング素材」という項目を含めていた
  • 2026-08-14: 「正直な注意点」の公式ヘルプ既知の制限事項について、出典(Claude Help Center「Known limitations」)に無い「コンパクトレイアウトで保存エラー」という記述を削除し、実際に記載されている2項目(インラインコメントがページ上に表示されないことがある/大規模なコードベースのリンクで遅延・ブラウザの不具合が出うる)に修正
  • 2026-08-27: 「研究プレビュー(Research Preview)」としていた3行まとめ・提供条件・料金節・正直な注意点の計4箇所を「ベータ(Beta)」に修正。Anthropic公式ヘルプを2026-08-27にcurlで再取得したところ「Claude Design is now available in beta to Pro, Max, Team, and Enterprise plans. This capability is default off for Enterprise plans.」と明記されており、Enterpriseプランが既定オフである点も追記した
シェア: ポスト はてブ

出典・参照資料

更新・訂正履歴

  • 『位置づけ: 研究プレビュー(Research Preview)』としていた3箇所(3行まとめ・提供条件・正直な注意点・料金節)を『ベータ(Beta)』に訂正した。2026-08-27にAnthropic公式ヘルプ「Get started with Claude Design」(https://support.claude.com/en/articles/14604416-get-started-with-claude-design)をcurlで取得したところ『Claude Design is now available in beta to Pro, Max, Team, and Enterprise plans. This capability is default off for Enterprise plans.』と明記されており、研究プレビューではなくベータ、かつEnterpriseは既定オフという情報を反映した。

AIニュースの解説を動画でも

YouTubeでは注目ニュースの背景を解説し、Xでは新着記事をお知らせしています。

コメント

まだコメントはありません。最初のコメントを書いてみませんか?

AIについて聞きたいことはありますか?

質問箱で無料で受け付けています。回答は公開され、他の方の参考にもなります。

質問箱を見る →

新しい記事をメールで受け取る

AIの新しい発表を、出典付きで整理して届けます。

関連記事

AIに「にゃんこ大戦争みたいなゲーム作って」と頼んだら、2日で公開まで行った話の記事画像
活用06.13読了6

AIに「にゃんこ大戦争みたいなゲーム作って」と頼んだら、2日で公開まで行った話

出典 ─ 百鬼夜行大合戦(完成したゲーム・ブラウザで無
旧Workbenchのデータが消えるのは9月1日──Claude Playground移行で引き継がれないものと引き継ぐ手順の記事画像
活用08.28読了18

旧Workbenchのデータが消えるのは9月1日──Claude Playground移行で引き継がれないものと引き継ぐ手順

出典 ─ Anthropic公式
人間のコード0行でマインクラフト風ゲームができた──Claude Fable 5に約6,000行を全部書かせた検証記録の記事画像
検証07.03読了7

人間のコード0行でマインクラフト風ゲームができた──Claude Fable 5に約6,000行を全部書かせた検証記録

出典 ─ AI時短ラボの実機検証(非公開の作業ログ。公
curl一本槍だったAnthropic Admin APIが、ant CLIと7言語SDKに対応したの記事画像
検証09.01読了20

curl一本槍だったAnthropic Admin APIが、ant CLIと7言語SDKに対応した

出典 ─ Claude Developer Platform公式ドキュメント
AnthropicとOpenAIのSDKが揃って「Standard Schema」対応──Zod依存を外せる共通規格とはの記事画像
検証09.01読了18

AnthropicとOpenAIのSDKが揃って「Standard Schema」対応──Zod依存を外せる共通規格とは

出典 ─ anthropic-sdk-typescri
Claude Code Remote Controlは何を直し続けてきたか──changelogの122件から読む実装の裏側の記事画像
検証09.01読了17

Claude Code Remote Controlは何を直し続けてきたか──changelogの122件から読む実装の裏側

出典 ─ anthropics/claude-code
Claude Codeの起動中スピナー、実は組織が自社Tipsを混ぜ込める仕様だった──spinnerTipsOverrideを読むの記事画像
検証09.01読了15

Claude Codeの起動中スピナー、実は組織が自社Tipsを混ぜ込める仕様だった──spinnerTipsOverrideを読む

出典 ─ Claude Code settings r
Claude Managed Agentsがリポジトリの.claude/skillsを自動で読むようになった──公式ドキュメントが明記する信頼境界の警告の記事画像
検証09.01読了18

Claude Managed Agentsがリポジトリの.claude/skillsを自動で読むようになった──公式ドキュメントが明記する信頼境界の警告

出典 ─ Claude Managed Agents 公式ドキュメント