Cursor で Figma to Code を実現する Dev Mode MCP サーバー
Cursor Team · Cursor Docs ·
Figma の Dev Mode MCP サーバーを Cursor に統合し、エージェントがフレーム、変数、Auto Layout を直接読み込む方法 — 選択したデザインをクリーンでトークン対応の React と Tailwind コンポーネントに変換します。
パブリッシャー概要
Connect Figma to Cursor via the Dev Mode MCP server so the agent reads frames, variables and Auto Layout, then turns selected designs into clean, token-aware React and Tailwind components.
この記事の内容
- Why MCP beats pasting screenshots
- Enabling Figma Dev Mode MCP
- Wiring the server into Cursor
- Selecting a frame and prompting
- Keeping output token-aware
Source: Cursor Docs
原文を読む ↗ コンテンツは元の公開元サイトにあります。
Cursor でのデザインに関するファーストパーティの参考資料として、Cursor-Design コミュニティ向けに厳選しました。