AcademyMCP serversDesign and media

Framelink MCP for Figma

Design and front-end teams that want an AI coding agent to build interfaces from Figma files.

  • Recommendedour rating
  • 15,965gitHub stars
  • MITlicence
  • todaylast update
claude mcp add framelink-mcp-for-figma -- npx -y figma-developer-mcp --figma-api-key=YOUR-KEY --stdio
README.md

Loading the file...

What it does

An MCP server that gives coding agents direct access to your Figma data. The agent reads the design and uses it to build the interface in the framework you choose, instead of working from screenshots or descriptions.

Use cases

  1. 01Turn a Figma frame into a working component
  2. 02Build a page layout from a design file
  3. 03Check an implementation against the original design

Questions about
Framelink MCP for Figma.

What is Framelink MCP for Figma used for?

Design and front-end teams that want an AI coding agent to build interfaces from Figma files. An MCP server that gives coding agents direct access to your Figma data. The agent reads the design and uses it to build the interface in the framework you choose, instead of working from screenshots or descriptions.

How do I install Framelink MCP for Figma?

Run this in your terminal: claude mcp add framelink-mcp-for-figma -- npx -y figma-developer-mcp --figma-api-key=YOUR-KEY --stdio

Is Framelink MCP for Figma open source?

Yes. The code is on GitHub (GLips/Figma-Context-MCP) under the MIT licence.

Is Framelink MCP for Figma safe to use?

It passed our automatic scan for credential theft, hidden instructions and risky install commands. Third party open source software. Sabemos AI does not maintain it. Check the code and permissions before you connect it to company data.