Skip to main content
Glama

Figma MCP Server

MIT License
47,822
9,891
  • Linux
  • Apple

Give Cursor and other AI-powered coding tools access to your Figma files with this Model Context Protocol server.

When Cursor has access to Figma design data, it's way better at one-shotting designs accurately than alternative approaches like pasting screenshots.

Demo

Watch a demo of building a UI in Cursor with Figma design data

How it works

  1. Open your IDE's chat (e.g. agent mode in Cursor).
  2. Paste a link to a Figma file, frame, or group.
  3. Ask Cursor to do something with the Figma file—e.g. implement the design.
  4. Cursor will fetch the relevant metadata from Figma and use it to write your code.

This MCP server is specifically designed for use with Cursor. Before responding with context from the Figma API, it simplifies and translates the response so only the most relevant layout and styling information is provided to the model.

Reducing the amount of context provided to the model helps make the AI more accurate and the responses more relevant.

Getting Started

Many code editors and other AI clients use a configuration file to manage MCP servers.

The figma-developer-mcp server can be configured by adding the following to your configuration file.

NOTE: 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.

MacOS / Linux

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

Windows

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

Or you can set FIGMA_API_KEY and PORT in the env field.

If you need more information on how to configure the Framelink Figma MCP server, see the Framelink docs.

Star History

Learn More

The Framelink Figma MCP server is simple but powerful. Get the most out of it by learning more at the Framelink site.

-
security - not tested
A
license - permissive license
-
quality - not tested

remote-capable server

The server can be hosted and run remotely because it primarily relies on remote services or has no dependency on the local environment.

Ermöglicht Cursor den Zugriff auf Figma-Dateien über das Model Context Protocol und verbessert so seine Fähigkeit, Designdaten für die Codegenerierung genau zu interpretieren und zu nutzen.

  1. So funktioniert es
    1. Erste Schritte
      1. MacOS / Linux
      2. Windows
    2. Sternengeschichte
      1. Mehr erfahren
        1. Sponsoren
          1. 🥇 Gold-Sponsoren
          2. 🥈 Silber-Sponsoren
          3. 🥉 Bronze-Sponsoren
          4. 😻 Kleinere Unterstützer

        Related MCP Servers

        • A
          security
          F
          license
          A
          quality
          Enables seamless interaction with Figma via the Model Context Protocol, allowing LLM applications to access, manipulate, and track Figma files, components, and variables.
          Last updated 5 months ago
          2
          144
          133
          TypeScript
          • Apple
        • A
          security
          A
          license
          A
          quality
          An MCP server integration that enables Cursor AI to communicate with Figma, allowing users to read designs and modify them programmatically through natural language commands.
          Last updated 6 days ago
          19
          3,989
          5,021
          JavaScript
          MIT License
          • Apple
          • Linux
        • -
          security
          A
          license
          -
          quality
          A Model Context Protocol server that integrates Figma design files with AI coding tools like Cursor, Windsurf, and Cline, allowing AI tools to access and understand Figma design data for generating more accurate code.
          Last updated 5 months ago
          5
          14
          TypeScript
          MIT License
          • Linux
          • Apple
        • A
          security
          F
          license
          A
          quality
          A tool that integrates Figma with Cursor through the Model Context Protocol, allowing users to retrieve, optimize, and convert design data from Figma files into structured CSS and design tokens.
          Last updated 2 months ago
          1
          JavaScript

        View all related MCP servers

        MCP directory API

        We provide all the information about MCP servers via our MCP API.

        curl -X GET 'https://glama.ai/api/mcp/v1/servers/GLips/Figma-Context-MCP'

        If you have feedback or need assistance with the MCP directory API, please join our Discord server