首页 / 教程 · ✦ 官方

在 Cursor 中设置 Figma MCP 服务器

Cursor Team · Cursor Docs ·

官方设置指南:将 Figma Dev Mode MCP 服务器连接到 Cursor,使 AI 代理能直接读取选中框架、变量和自动布局,然后生成遵循设计令牌的代码。包含 Cursor MCP 安装流程和提示技巧。

发布者摘要

Model Context Protocol (MCP) lets Cursor connect to external tools. Add the Figma Dev Mode MCP server to pull design context — frames, variables, components — directly into the agent.

文章结构

  • What MCP is and how Cursor uses it
  • Enable Figma Dev Mode MCP server (desktop app)
  • Add the Figma MCP server in Cursor settings
  • Select a frame or paste a Figma link, then prompt
  • Best practices: Auto Layout, variables, semantic names

Source: Cursor Docs

阅读原文 内容托管在原发布者的网站上。
由 Cursor-Design 社区精选,作为用 Cursor 做设计的一手参考。