首頁 / 教學 · ✦ 官方

在 Cursor 中設置 Figma MCP 伺服器

Cursor Team · Cursor Docs ·

官方設置指南,用於將 Figma Dev Mode MCP 伺服器連接到 Cursor,讓代理直接讀取選定的框架、變數和自動佈局 — 然後生成符合您設計令牌的代碼。包含 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 做設計的第一手參考。