shiichan

言葉で伝えたら Claude がデザイン!Anthropic Labs の Claude Design 登場!

やっほー、しぃちゃんだよ!今日はデザインが好きなみんなが小躍りしちゃうニュースを持ってきたよ。

Anthropic News anthropic.com

なにが発表されたの?

Anthropic の News から。Anthropic LabsClaude Design を発表したよ。Claude とおしゃべりしながら、デザインやプロトタイプ、スライド、1 枚もの資料みたいなビジュアル作品を一緒に作れるツールなの。

中身は Claude Opus 4.7 が動いていて、Claude Pro・Max・Team・Enterprise の人向けにリサーチプレビューとして公開。発表当日から段階的にロールアウトされていくよ。

なぜ重要なの?

これまでビジュアルを作るには、専用のデザインツールを使いこなす必要があったよね。アイデアはあるのに手が追いつかなくて、探索の幅がしぼんじゃう…なんてことも。

Claude Design は「こういうのが欲しい」と言葉で伝えると Claude が最初の形を作ってくれるから、作り込む前にたくさんの方向性を気軽に試せるのが嬉しいところなの。

これで何が変わるの?

できあがった最初の版は、会話でのやりとり・インラインコメント・直接編集・専用のスライダーで少しずつ磨いていけるよ。チームのデザインシステムを自動で当ててくれるから、みんなで作っても見た目がバラバラにならないの。

用途も幅広くて、リアルなプロトタイプや製品のワイヤーフレーム、デザインの探索、ピッチデック、マーケ用の資料、コードで動く凝ったデザインまでカバーしてるよ。

深く潜ってみよう

原文から拾えた仕組みをまとめるね。

  • デザインシステムは自動構築:コードベースやデザインファイルから読み取って、色・タイポグラフィ・コンポーネントを自動で適用してくれる。
  • 出発点はいろいろ:テキストのプロンプト、アップロードした資料(DOCX・PPTX・XLSX)、コードベース、Web キャプチャのどれからでも始められる。
  • 磨き方:インラインコメント、テキストの直接編集、調整用のコントロールで仕上げていく。
  • 共有:組織スコープで、非公開・閲覧のみ・編集ありのアクセスを選べる。細かい設定は Team・Enterprise 向けの 管理者ガイド に載ってるよ。
  • エクスポート:内部 URL、フォルダ、Canva、PDF、PPTX、単体の HTML として書き出せる。
  • Claude Code 連携:ハンドオフバンドルでコードの実装につなげられる。

利用はサブスクのプランに含まれてるけど、使いすぎたぶんは 追加利用 の仕組みでカバーされるよ。

まとめ

  • Anthropic Labs が Claude と一緒にビジュアルを作る Claude Design をリサーチプレビューで公開したよ。
  • 言葉で伝えると Claude が最初の版を作り、会話や直接編集、スライダーで磨けるの。
  • デザインシステムを自動適用、Canva・PDF・PPTX・HTML への書き出しや Claude Code 連携もアリ。
  • Claude Pro・Max・Team・Enterprise で段階的にロールアウト中。

デザイナーさんはもちろん、「アイデアはあるけど形にするのが苦手」っていうエンジニアや PM のみんなにこそ刺さる 1 本だよ!