Figmaが7月1日、Dev Mode MCPサーバーの大幅なアップデートを発表した。このアップデートでは、AIエージェントがより詳細な設計情報を活用してコードを生成できるよう、アノテーション機能とCode Connectスニペットのサポートを追加した。
アノテーション機能により、デザイナーはFigmaデザイン内に文脈情報を直接記述でき、AIエージェントがその情報を読み取ることで、より正確なコード生成が可能になる。一方、Code Connectスニペットは、コンポーネントの具体的な実装方法をAIエージェントに伝達し、プロジェクトの既存のコードベースに準拠した品質の高いコードを生成する。
この更新により、CursorやGitHub CopilotなどのAIエージェントが、単純なフレーム要素だけでなく、デザイナーが意図した設計のコンテキストを理解し、よりスマー トなコード記述を実現できるようになった。特に、コンポーネントの階層構造や相互作用の詳細を把握することで、より精度の高いユーザーインターフェースの実装が期待される。
今回のアップデートは、デザインから開発へのワークフローを大きく進化させる重要な機能強化である。デザイナーとエンジニアの協力体制が強化され、デザイン意図の正確な伝達と効率的なコード生成が同時に実現される。今後も、AIエージェントとの連携を通じて、プロダクト開発の新たな可能性が広がることが予想される。
