About
Give AI coding agents like Cursor access to your Figma design files. When AI has access to Figma design data, it's significantly better at implementing designs accurately in one-shot compared to alternative approaches like pasting screenshots.
How it works
- Open your IDE's chat (e.g. agent mode in Cursor)
- Paste a link to a Figma file, frame, or group
- Ask the AI to implement the design
- The agent fetches relevant metadata from Figma and uses it to write your code
This MCP server is specifically designed for use with Cursor and other AI-powered coding tools. It simplifies and translates responses from the Figma API to provide only the most relevant layout and styling information to the model, making AI responses more accurate and relevant.
Demo
Watch a demo of building a UI in Cursor with Figma design data
Setup
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.
This server runs through your single 1Server connection. No extra config required.