Claude Design から Figma へ移行する方法:

1. Claude Design で「Present → 新しいタブ」を選択
2. リンクをコピー
3. Anima Figma エージェント に貼り付け
4. エージェントがデザインを Figma レイヤーとして再構築

Claude Design とは

Claude Design は Anthropic の AI 搭載デザインプロダクトです。 2026年4月に Claude Opus 4.7 とともにリサーチプレビューとして公開されました。

自然言語プロンプトから成果物を生成します。

• プロトタイプ
• スライドデッキ
• ワンページ資料
• マーケティングモックアップ

生成後は以下の方法で調整できます。

• 会話による編集
• 直接編集
• コメント
• カスタムスライダー

スライダーは、調整可能な変数を可視化するために生成されます。

初期設定時にコードベースやデザインファイルを読み込みます。 それにより Design System を構築します。

以降のプロジェクトでは以下が再利用されます。

• ブランドカラー
• タイポグラフィ
• コンポーネント

Claude Design の対象ユーザー:

• Founder
• PM
• マーケター
• エンジニア

アイデアはあるがデザインに落とし込めない人向けのツールです。 コンセプトからビジュアルまでを一気に生成できます。

現時点の制限:

• Figma への直接連携なし
• インタラクティブなキャンバスなし

出力形式:

• PDF
• PPTX
• HTML
• Canva

ビルド用の出力は Claude Code に渡されます。

この制約により「生成」と「運用」の間にギャップが生まれます。 そのギャップを埋めるのが Anima Figma エージェント です。