在 Cursor 中使用 Dev Mode MCP Server 將 Figma 轉換為代碼
Cursor Team · Cursor Docs ·
了解如何將 Figma 的 Dev Mode MCP 伺服器連接到 Cursor，使代理直接讀取框架、變數和自動佈局 — 將選定的設計轉換為乾淨、支援 token 的 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-Design 社群精選，作為用 Cursor 做設計的第一手參考。