FigmaがClaude Codeと連携、実行中のコードを編集可能なUIデザインに直接変換
FigmaはAnthropicのClaude Code等で生成した動的UIを、編集可能なFigmaフレームに直接取り込む新機能を発表した。ローカルやブラウザで動くプロトタイプを再描画することなくキャンバス上で比較・調整できる。FigmaのMCPサーバーと組み合わせれば、デザインからコードへの逆連携も可能だ。
Figma MCP server
FigmaがDev Mode MCP Serverを発表：CursorやClaudeがデザイン意図を直接理解
Figmaは開発向け「Dev Mode MCP Server」のベータ版を公開した。CursorやClaude CodeなどのAIツールが、スクショ頼みではなくコンポーネントや変数定義を直接取得できるようになり、既存コードベースに沿ったフロントエンドコードの生成が可能になる。