Overview
Framelink MCP for Figma is an MCP server designed to give Cursor and other AI-powered coding tools direct access to Figma design data. When Cursor has access to Figma design data, it's way better at one-shotting designs accurately than alternative approaches like pasting screenshots. The server accepts a Figma file link (to a file, frame, or group) and fetches the relevant metadata from the Figma API, then translates and filters the API response so the model receives only the most important layout and styling information needed to generate code. This focused context helps improve the accuracy and relevance of generated code. The Framelink MCP is specifically designed for Cursor, but can be used with other MCP-enabled agents. To use it, paste a Figma URL into your IDE chat, and the server returns structured metadata and design tokens to drive code creation. Configuration is performed in your IDE's MCP config, with instructions to supply a Figma API token. It also supports environment variables FIGMA_API_KEY and PORT, and Framelink docs provide quickstart guidance.
Features
Context-limited data for the model
Simplifies and translates the Figma API response so only the most relevant layout and styling information is provided to the model.
Cursor-ready integration
Specifically designed for use with Cursor to improve one-shot design implementation.
Input via Figma links
Paste a link to a Figma file, frame, or group to fetch relevant metadata.
Metadata-driven code generation
Fetches relevant metadata from Figma and uses it to write code.
Configurable MCP server
Configured via an MCP config in your IDE; includes example JSON for MacOS/Linux and Windows.
Figma API access token required
Requires a personal Figma API access token to access design data.
Environment variable support
Supports FIGMA_API_KEY and PORT via environment variables.
Who Is This For?
- AI coding tools:Gives Cursor and similar AI coding tools access to Figma data to implement designs in code.
