Figma、「Code to Canvas」機能をAI連携で拡充 – デザインと開発の円滑な接続を強化

未分類

デザインとコードの双方向連携を実現

Figma MCPサーバーを活用することで、エージェント型コーディングツールから生成されたUIをFigmaキャンバス上で編集可能なデザインに変換できるようになります。また、Figmaのデザインをコードに戻すことも可能となり、デザインとコードの間で双方向の「ラウンドトリップ(反復開発)」ループが実現します。この連携により、開発者はコーディング環境を離れることなくFigmaのデザインコンテキストにアクセスできるようになり、デザインと開発間の情報共有や調整にかかる手間が軽減され、プロダクト開発における反復サイクルの効率化が支援されます。

FigmaのCode to Canvas機能のUI開発画面

Figmaの共同創業者兼CEOであるDylan Field氏は、「コードとキャンバスのループをどこから始めても完結できるよう、MCPパートナーをさらに拡充しています」と述べています。「AIによって、誰もが思い描いたものを簡単に作れるようになる今、デザインこそが差別化の鍵となります。」

連携パートナーの拡大

今回の拡張により、既存のOpenAI CodexおよびAnthropic Claude Codeとの連携にも対応範囲が広がります。GitHub Copilotユーザーは、VS Codeでこの機能を利用でき、Copilot CLIへの対応も近日公開予定です。リモートFigma MCPサーバーは、すべてのFigmaプランおよびシートで利用可能です。

Figmaは、アイデアの創出からプロダクトのリリースまでを一貫して支援する、接続性の高いAI搭載プラットフォームへと発展しています。デザインから開発に至るプロダクト開発プロセスをよりシームレスなものにし、チームがアイデアをより迅速かつスムーズに実現できるよう、引き続き取り組む方針です。

Figma MCPサーバーの詳細については、以下のリンクをご覧ください。

コメント

タイトルとURLをコピーしました