Figma MCPからデザインを引いてきて、Clineに渡してフロントエンド実装をサボりたい｜SHIFT Group 技術ブログ

前提Figmaを少し触れる clineを少し触れる 動機タイトルにほとんど全ての情報をいれてしまいました。 Figmaのデザインがある状況で、Figmaの情報から簡単なReactコンポーネントを生成することは可能か確認してみました。 Figmaで伸縮するサイドバーのコンポーネントを作成 ClineでMCP経由でデザインを引いてきて、実装させる の二点をやってみました。 準備(Figma APIキー)Profile->Settings->Personal Access Token->Generate New Token MCPの準備案内に従ってセットアップします、mcpの設定JSONに追記します。 figd_以降は実際のAPIキーにしてください。 "github.com/GLips/Figma-Context-MCP": { "autoApprove": [], "disabled": fa