Framelink Figma MCP Server

@UDILGU

Basic information

About Framelink Figma MCP Server

No overview available yet

Framelink Figma MCP Server config

Add this server to your MCP-compatible client using the configuration below.

{
  "mcpServers": {
    "Framelink Figma MCP": {
      "command": "npx",
      "args": [
        "-y",
        "figma-developer-mcp",
        "--figma-api-key=YOUR-KEY",
        "--stdio"
      ]
    }
  }
}

Framelink Figma MCP Server tools

Get comprehensive Figma file data including layout, content, visuals, and component information

Download SVG and PNG images used in a Figma file based on the IDs of image or icon nodes. Images will be saved relative to the server's image directory: /tmp/mcp-tools-sandbox-fGaakE

Overview

What is Framelink Figma MCP Server?

Framelink Figma MCP Server is a Model Context Protocol (MCP) server that gives AI coding tools like Cursor access to Figma design data. It fetches and simplifies Figma file metadata so that AI agents can accurately implement designs in any framework in one shot.

How to use Framelink Figma MCP Server?

Add the server to your MCP configuration file using npx -y figma-developer-mcp with a --figma-api-key flag or by setting the FIGMA_API_KEY environment variable. After configuration, paste a link to a Figma file, frame, or group into your IDE’s chat and ask the AI to implement the design.

Key features of Framelink Figma MCP Server

Designed for use with Cursor and other AI coding tools.
Simplifies Figma API responses to relevant layout and styling info.
Reduces context size for more accurate AI responses.
Supports one-shot implementation of designs in any framework.
Requires only a Figma personal access token to get started.

Use cases of Framelink Figma MCP Server

Quickly translate Figma mockups into production-ready code in Cursor.
Give AI coding agents real-time access to Figma design data.
Speed up design handoff by letting AI implement UI layouts directly.
Reduce manual rework by using accurate design metadata instead of screenshots.

Frequently asked questions

How do I get a Figma access token?

You can create a Figma personal access token by following Figma’s instructions at help.figma.com (Manage personal access tokens).

What IDEs and tools does it support?

It is specifically designed for use with Cursor but can work with other AI-powered coding tools that support the Model Context Protocol.

How do I configure the server?

Add the server to your MCP configuration file (e.g., `mcpServers` in Cursor) using the command `npx -y figma-developer-mcp` with a `--figma-api-key` flag. Alternatively, set `FIGMA_API_KEY` and `PORT` in the `env` field.

What license is this project under?

It is released under the MIT License.

Where does the Figma data live?

The server fetches data from the Figma API on demand; it does not store design files locally. Only simplified layout and styling metadata is provided to the AI model.

Comments

More Media & Design MCP servers

TrueClicks

TrueClicks B.V.

TrueClicks is PPC audit and monitoring software for agencies and advertisers managing Google Ads, Microsoft Ads, and Meta Ads at scale. This connector gives read-only access to your TrueClicks data, so you can ask questi

Organize with AI (OwAI)

Alexander Visheratin

Search and manage photo and video libraries through AI assistants. Find images and video moments, review duplicates, and organize collections, groups, favorites and people across local folders, Apple Photos and OneDrive.

ProfessionalHeadshot.io

Official LinkedIn, Slack and GitHub profile photo specs with sources, headshot style guides by use and industry, and a free 0-100 headshot audit. No API key needed.

Veltake Studio

Veltake AI

Drive Veltake Studio from any AI agent: create film and ad projects, have the Studio agent build scenes on the canvas, price and start renders, export edited cuts, and make single images, video, speech and music in one c

Sleek

Design your mobile app UI with AI, then have your coding agent build the real app from it.