glips/figma-context-mcp

Figma 的 Framelink MCP 给你的编码代理访问你的Figma数据。在任何框架中一次性实现设计。

通过这个模型上下文协议服务器，让Cursor和其他AI驱动的编码工具访问你的Figma文件。

当Cursor能访问Figma设计数据时，它比粘贴截图等替代方法更能准确地一次性完成设计。

请参见快速入门说明→

演示

观看用 Figma 设计数据在光标中构建界面的演示

它是如何运作的

1. 打开你的IDE聊天（例如光标中的代理模式）。
2. 粘贴到 Figma 文件、框架或组的链接。
3. 请求光标对Figma文件做某些操作——例如实现设计。
4. 光标会从 Figma 获取相关元数据，并用它来编写代码。

该MCP服务器专为Cursor使用而设计。在回复Figma API上下文之前，它简化并翻译了响应，使模型只获得最相关的布局和样式信息。

减少模型提供的上下文有助于使AI更准确，回答更具相关性。

开始

Give Cursor and other AI-powered coding tools access to your Figma files with this Model Context Protocol server.

When Cursor has access to Figma design data, it’s way better at one-shotting designs accurately than alternative approaches like pasting screenshots.

See quickstart instructions →

Demo

Watch a demo of building a UI in Cursor with Figma design data

How it works

1. Open your IDE’s chat (e.g. agent mode in Cursor).
2. Paste a link to a Figma file, frame, or group.
3. Ask Cursor to do something with the Figma file—e.g. implement the design.
4. Cursor will fetch the relevant metadata from Figma and use it to write your code.

This MCP server is specifically designed for use with Cursor. Before responding with context from the Figma API, it simplifies and translates the response so only the most relevant layout and styling information is provided to the model.

Reducing the amount of context provided to the model helps make the AI more accurate and the responses more relevant.

Getting Started

Many code editors and other AI clients use a configuration file to manage MCP servers.

The figma-developer-mcp server can be configured by adding the following to your configuration file.