What it does
Figma is a popular app for designing websites and apps. This tool lets AI coding assistants like Cursor read the layout and style details in a Figma file.
You paste a link to a Figma design into the assistant's chat and ask it to build it. The tool fetches the design details and trims them down to what matters most. Its makers say this gives better results than pasting screenshots.
It uses MCP (Model Context Protocol), a standard way for AI assistants to use outside tools.
Who it's for
Developers and designers who turn Figma designs into code with AI help.
Can I use it without coding?
With some setup. Added to your AI coding tool's settings file. You also need a Figma access token. New to this? Start here.
Can I run it?
- Cost
- FreeNothing to pay or sign up for.
- Runs on
- Mac, Windows, Linux
- Computer
- An ordinary computer is fine
- Privacy
- Sends what you give it to an online service
- API key
- Needed. An API key is a password-like code from an online AI service. What's that?
Try it
- Create a personal access token in your Figma account settings.
- Add the Framelink server, with your token, to your AI code editor's tool settings.
- Paste a link to a Figma frame into the editor's chat and ask it to build the design.
Using Claude Code, Cursor or another AI coding assistant? Paste the prompt and it will walk you through the setup.New to this?
Before you install
- Only download from the official GitHub page. Copies with similar names exist for many popular projects.
- License (MIT): Very permissive: free to use, change and share, including for business.
- Keep your API key private. Never paste it into websites or share it, and set a spending limit with the AI service.
- What you type or upload is sent to an online service. Avoid sharing private or sensitive information.
- More on staying safe