デザインの未来はコードとキャンバスの融合にある：FigmaがClaude Codeとの連携を発表

概要

FigmaはClaude Codeとの連携（MCP経由）により、本番コードから編集可能なFigmaレイヤーを自動生成する機能を発表し、コードとデザインをシームレスに行き来する双方向のワークフローを提唱しました。

詳細内容

FigmaのCEO、Dylan Field氏は、AI時代におけるデザインと開発の新たな関係性について発表しました。最大の特徴は、Anthropicの「Claude Code」からFigmaへのシームレスな移行を実現するMCP（Model Context Protocol）サーバーの導入です。これにより、開発者がターミナルやIDE（Claude Code）で書いたコードのレンダリング結果を、ボタン一つで編集可能なFigmaのレイヤーとしてキャンバス上に再現できるようになります。 Field氏は、AIが無限の可能性を提示できる現代において、デザインの本質は「数ある選択肢から最適なものを選び抜くこと」にあると主張しています。テキストベースのIDEでのプロンプト操作よりも、キャンバス上で複数の案を並べて比較し、直接操作する方が「発散的思考」に適しているためです。このアップデートにより、従来の「デザインからコードへ」という一方通行のプロセスは終わり、コードから始まったアイデアをFigmaで磨き上げ、再びコードに戻すという双方向のサイクルが実現します。

元記事を読む他のサマリーを見る