Shuichiro Ogawa

Notes ・ updated 2026-06-27

デザインエージェントツール 2026：自律制作の現在地

2026年前半、Figma、Adobe、Canva、Anthropic（Claude Design）の4社がデザイン制作向けのエージェント機能を相次いで投入した。 各社のリリース時期は Figma Design Agent ベータが2026年5月、Adobe Firefly AI Assistant パブリックベータが2026年4月、Canva AI 2.0 リサーチプレビューが2026年4月、Claude Design が2026年4月である1。

関連: ai-in-design-2026（2026年初頭の調査）／genai-industry-topics-design-impact-2026（産業トピック序列）／mcp-design-agent-integration（MCP 統合の詳細）／agentic-experience-literature（AX の学術的基盤）。

各ツールの位置づけ

Figma Design Agent はデザインキャンバス内で動作するエージェントである。 自然言語の指示からレイアウトやコンポーネントを生成し、キャンバス上で複数の方向を並列に展開できる。 2026年6月の Config 2026 で Skills（チーム規約をスラッシュコマンド化して共有する仕組み）と Connectors（GitHub、Slack、Notion 等との MCP 統合）が発表された2。 同時に Code Layers（デザインレイヤーをコードレイヤーに変換し、編集後にデザインに戻す双方向機能）と Shader Fills（自然言語から手続き型グラフィックを生成）も公開されている。 Professional 以上のプランで利用可能で、ベータ期間中は AI クレジットを消費しない。

Adobe Firefly AI Assistant は、Photoshop、Premiere、Illustrator、InDesign など60以上のツールを横断する会話型エージェントである。 単一の会話 UI からマルチステップのワークフローを自動実行する。 2026年6月にはAfter Effects（プライベートベータ）、ブランドキット作成、短編動画生成など機能が拡張された3。 Creative Cloud Pro または Firefly 有料プランが必要で、生成クレジット制（Standard $9.99/月で2,000クレジット〜Premium $199.99/月で50,000クレジット）を採用している。

Canva AI 2.0 は Canva Design Model と呼ばれる独自の基盤モデルを搭載し、1プロンプトからレイヤー構造付きの編集可能なアウトプットを生成する。 フォント階層、グリッド整合、カラーコントラスト比を内部表現として保持する設計になっている。 Living Memory（ユーザーの好みを学習する機能）と Magic Layers（AI 生成画像を編集可能レイヤーに分解する機能）が特徴的で、Slack、Notion、HubSpot 等との Connectors も同時に発表された4。 リサーチプレビューは初期100万ユーザー限定で開始されている。

Claude Design は Anthropic Labs のリサーチプレビューとして公開された。 テキスト、画像、DOCX/PPTX、Web キャプチャ、コードベースを入力にデザインを生成する。 他の3ツールと異なる特徴は、Claude Code との双方向同期（/design コマンドでターミナルからデザイン作成、/design-sync でデザインシステムの取り込み）を持つ点で、デザインとコードの間を行き来するループを閉じる設計になっている5。 2026年6月にはデザインシステムインポート（GitHub リポジトリやデザインファイルから）と Enterprise ブランドコントロールが追加された。

共通する設計原則

4社とも「エージェントが実行し、人間が判断する」という役割分担を公式に明文化している。

Adobe は「75%のクリエイターが AI を不可欠と考える一方、85%が最終判断は自分が行うべきと考える」という調査結果を設計原則として引用している6。 Figma CEO Dylan Field は Config 2026 の keynote で「AI はフロアを下げたがシーリングを上げていない。シーリングを上げるのは人間だ」と述べた7。 Anthropic は「経験豊富なデザイナーの探索範囲の拡大」と「デザイン経験がないユーザーへの視覚アウトプット提供」を対象として明示している。

しかし、「判断」の粒度は各社で異なる。 Figma はキャンバス上で複数方向を発散させてからユーザーが選ぶモデルで、介入は生成後の選択時に発生する。 Adobe は60以上のツールを横断する連続実行で、介入は一連のワークフロー完了後のレビュー時に発生する。 Canva は1プロンプトで完成品を出力し、介入は出力後の微調整として発生する。 Claude Design はデザインとコードの双方向同期で、介入はどちらの面からでも随時可能である。

構造的な制約

4社に共通する構造制約がある。 デザインシステムの成熟度がエージェント出力の精度上限を決めるという点である。

Figma は「デザインコンテキストなしで AI エージェントにコード生成を依頼することは、オンボーディング前に新人エンジニアに本番コードを書かせるようなものだ」と公式ブログで述べている8。 Claude Design もデザインシステムインポートを「以後のプロジェクトで色、タイポグラフィ、コンポーネントを自動適用する」前提として位置づけている。 デザインシステムが未整備なチームは、どのツールを使ってもエージェントの恩恵が限定される。

この制約に関連する詳細は mcp-design-agent-integration で扱う。

「人間の判断」は何を指すか

Dylan Field は Stratechery のインタビューで「AI は分布上で訓練されており、最も独自性の高い仕事は定義上、分布の外にある」と述べている9。 同時に、AI との協業でデザイナーが生成物に愛着を持ちすぎる（“viscerally attached”）危険を警告し、「間違った方向に速く進むことは前進ではなく行き止まりだ」と指摘した。

John Maeda は Design in Tech Report 2026 で「UX から AX（Agentic Experience）への移行」を提唱し、設計の問いが「ユーザーがどう行動するか」から「エージェントがうまくやったかをどう判断するか」に変わると述べている10。 エージェントの設計では「実行の湾から評価の湾への移行が核心」であり、コード領域よりデザイン領域の方が主観的判断（味、トーン）が多く AI の改善が難しいという指摘は、4社の設計原則が「人間が判断する」に収束した背景を説明する。

財務的な制約

Figma は Config 2026 で、AI 推論コストにより粗利益率が92%から86%に低下した事実を開示している11。 AI のインテリジェンスを OpenAI、Anthropic、Google に依存しており、推論コストが自社のマージンを圧迫している構造がある。 Adobe、Canva はクレジット制、Figma はベータ期間中の無料提供で、各社とも持続可能な課金モデルを模索している段階にある。

multi-agent-end-user-value で論じた「billable と SO 的価値の逆相関」は、ツール提供者側でも「推論コストと課金モデルの持続性」という形で発現している。

参照文献

Footnotes

  1. Figma: figma.com/blog/the-figma-agent-is-here/ (2026-05-20)。Adobe: news.adobe.com/news/2026/04/adobe-new-creative-agent (2026-04-15)。Canva: canva.com/newsroom/news/canva-create-2026-ai/ (2026-04-15)。Anthropic: anthropic.com/news/claude-design-anthropic-labs (2026-04-17)。 ↩

  2. figma.com/blog/agent-custom-tools-context-skills/ / figma.com/blog/config-2026-recap/ ↩

  3. news.adobe.com/news/2026/06/adobe-unveils-major-expansion ↩

  4. canva.com/newsroom/news/canva-create-2026-ai/ ↩

  5. anthropic.com/news/claude-design-anthropic-labs ↩

  6. news.adobe.com/news/2026/06/adobe-unveils-major-expansion（調査の標本・方法論は非開示 [要一次検証]） ↩

  7. figma.com/blog/config-2026-recap/ / Config 2026 keynote (YouTube: youtube.com/watch?v=2ZCc4k_IV5w) ↩

  8. figma.com/blog/design-systems-ai-mcp/ ↩

  9. stratechery.com/2026/an-interview-with-figma-ceo-dylan-field-about-design-and-ai/ ↩

  10. johnmaeda.medium.com/design-in-tech-report-2026-from-ux-to-ax-f9d83164f4d2 ↩

  11. the-decoder.com — Figma Config 2026 報道経由 [要一次検証: 一次財務資料未確認] ↩

← Notes 一覧 ・ ホーム