Figma MCP × Claude Codeで1ページ8時間の作業が20分になった話
2026年2月22日 11:22
はじめに
業務でWebサイトリニューアルをやっています。
テキスト量の多い静的ページを、Figmaデザインからモック(HTML/CSS)→ Laravel組み込み(3言語対応)まで実装する作業がありました。
最初は手作業で1ページ8時間かかっていました。
Figma MCP + Claude Codeを導入したら、1ページ20分になりました。
この記事はその経験の所感です。
前提:必要なもの
この方法を実現するには以下が必要です:
Figma 有料プラン(Dev Modeが使えるプラン)
Figma MCP は Dev Mode 経由でデザインデータにアクセスするため、開発...