「Figmaデータからコードの自動生成できたら良いのに！」 と思いますよね。 CursorではFigmaのスクショ画像からコード生成は可能でしたが、 細かなデザイン仕様を把握していないので結局一つ一つ修正する必要があることや、 スクショして貼り付けて説明してみたいなことが面倒に思っていました。 ただ最近、FigmaのMCP Serverなるものを知り、 使い方によってはかなり実装が楽にできたので共有します！ Figma MCP Serverについて MCPについては下記の記事がとても参考になったので詳しくは割愛しますが、 AIと特定の外部サービス（今回はFigmaのAPI）とのやり取りを行えるようになる仕組みのことです。 今回は下記のFigma MCP Serverを使用してFigmaのデザインデータを取得できるようにします🏃 【2025/6/12追記】 Figmaの公式MCPサーバーが
