AnthropicがClaude Designを発表した日、Figma株が7%下落しました。UI/UXデザイン市場で推定80〜90%のシェアを持つFigmaにとって、AIスタートアップの作ったデザインツールがここまでの衝撃を与えたんです。さらに興味深いのは、Anthropic CPOのマイク・クリーガーが発表の3日前にFigmaの取締役会を辞任していたこと。
これは何？
Claude DesignはAnthropic Labsが作ったAIデザインツールです。テキストで説明すると、デザイン、プロトタイプ、スライド、ワンページャー、マーケティング資料を生成してくれます。最新のビジョンモデルClaude Opus 4.7で動作し、Pro・Max・Team・Enterprise加入者は追加費用なしで利用できます。
単なる「きれいな絵を描くAI」ではありません。核心はデザインシステムの自動適用です。オンボーディング時にチームのコードベースとデザインファイルを読み取り、カラー、タイポグラフィ、コンポーネントを学習して、以降すべてのプロジェクトに自動適用します。教育テック企業Brilliantは、他のツールで20以上のプロンプトが必要だった複雑なページを、Claude Designではわずか2つのプロンプトで再現したと報告しています。
デザイン経験ゼロのPM、マーケター、創業者でも一文でインタラクティブなプロトタイプを作れる — これがFigmaが緊張する本当の理由です。
Datadogのプロダクトチームは「ブリーフ、モックアップ、レビューを繰り返す1週間のサイクルが1回の会話に圧縮された」と評価しました。完成したデザインはClaude Codeにハンドオフして、すぐに実際のコードに変換できます。アイデアからプロトタイプ、プロダクションコードまで、Anthropicエコシステム内でクローズドループが完成するんです。
Anthropicの年間売上は2025年末の90億ドルから、2026年4月初頭に300億ドルを突破し、約8,000億ドルの評価額で投資を打診されています。もはや「モデルだけ作るAI研究所」ではなく、デザイン・コーディング・業務アシスタントを網羅するフルスタック製品企業へと変貌しています。
何が違うの？
Claude Designが既存デザインツールと最も異なるのはユーザーの前提条件です。Figmaは熟練したデザイナーが必要で、Canvaも基本的なデザインセンスを求めます。Claude Designは「文章が書ければデザインが作れる」という前提から出発しています。
| Claude Design | Figma | Figma Make（Beta） | |
|---|---|---|---|
| 開始方法 | テキストプロンプト | 白紙キャンバス | テキストプロンプト |
| デザインシステム | コードベース自動学習 | 手動構築 | プロジェクト毎に添付 |
| 使用モデル | Claude Opus 4.7 | - | Claude Sonnet 4 |
| 出力形式 | PDF, PPTX, Canva, HTML, URL | Figmaファイル | Figmaファイル |
| コードハンドオフ | Claude Codeワンクリック | 開発者が直接実装 | なし |
| 対象ユーザー | PM、マーケター、デザイナー | プロデザイナー | Figma利用デザイナー |
| 価格 | サブスク込み（Pro $20/月〜） | 無料〜チーム有料 | $20 + AIクレジット |
Figma MakeもAIプロトタイピングに対応していますが、Figma内でしか動作せず、以前のデザイン決定を忘れるという弱点があります。Claude Designはセッション全体で一貫性を維持し、より多くのフォーマットにエクスポートできる点で差があります。
もちろん、Claude Designがプロデザイナーのためのツールとしてのfigmaを完全に代替するとは言い切れません。Anthropic自身も「既存ツールを補完するもの」と強調しており、Canvaとの統合がその証拠だとしています。しかしデザインユーザー層を非デザイナーにまで広げること自体がFigmaにとっての脅威です。市場のパイが変わるということですから。
始め方まとめ
- サブスクリプションを確認
Claude Pro（$20/月）、Max、Team、Enterpriseのいずれかが必要です。claude.ai/designからアクセスできます。Enterpriseは管理者による有効化が必要です。 - デザインシステムを接続
オンボーディングでチームのコードベースやデザインファイルを接続してください。Claudeがブランドカラー、タイポグラフィ、コンポーネントを自動学習します。整理されたコードベースほど良い結果が出ます。 - プロンプトで初回デザインを生成
「瞑想アプリのプロトタイプを作って、落ち着いた色調でクリーンなレイアウトで」のように自然言語で説明するだけです。画像やドキュメント（DOCX/PPTX/XLSX）のアップロード、ウェブキャプチャツールで既存サイトの要素を取り込むことも可能です。 - インライン編集で調整
生成されたデザインに直接コメントしたり、テキストを編集したり、Claudeが作るカスタムスライダーで間隔・色・レイアウトを微調整してください。 - エクスポートまたはClaude Codeにハンドオフ
PDF、PPTX、Canva、スタンドアロンHTMLにエクスポート、またはビルド準備ができたらClaude Codeにハンドオフバンドルを渡してコードに変換できます。
