Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
This MCP server provides a way for a coding agent to access Figma data. Its description indicates it can help implement designs in “any framework” in a single step (“one-shot”). The repository is associated with topics including ai, cursor, figma, mcp, and typescript.
🛠️ Key Features
Access to Figma data for a coding agent
One-shot design implementation in any framework
🚀 Use Cases
Integrating Figma assets into an automated coding workflow
Converting Figma design inputs into application code for different frameworks
⚡ Developer Benefits
Uses MCP to connect agents with Figma context
Project aligns with a typescript-focused ecosystem and includes “cursor” as a related topic
⚠️ Limitations
No tool count or specific MCP tool list is provided in the available data
The readme excerpt provided is partial and does not enumerate supported operations beyond the stated access and one-shot implementation claim
Ask Cursor to do something with the Figma file—e.g. implement the design.
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.
NOTE: You will need to create a Figma access token to use this server. Instructions on how to create a Figma API access token can be found here.
MacOS / Linux
json
{"mcpServers":{"Framelink MCP for Figma":{"command":"npx","args":["-y","figma-developer-mcp","--figma-api-key=YOUR-KEY","--stdio"]}}}
Windows
json
{"mcpServers":{"Framelink MCP for Figma":{"command":"cmd","args":["/c","npx","-y","figma-developer-mcp","--figma-api-key=YOUR-KEY","--stdio"]}}}
Or you can set FIGMA_API_KEY and PORT in the env field.
If you need more information on how to configure the Framelink MCP for Figma, see the Framelink docs.
