在 Cursor 中使用 Dev Mode MCP 服务器将 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 做设计的一手参考。