Framelink Figma MCP Server

Created By
GLipsa year ago
MCP server to provide Figma layout information to AI coding agents like Cursor
Overview

What is Figma MCP Server?

Figma MCP Server is a server designed to provide Figma layout information to AI coding agents like Cursor, enhancing their ability to implement designs accurately.

How to use Figma MCP Server?

To use the Figma MCP Server, clone the repository, install dependencies, set up your Figma API access token, and connect it to Cursor. Once connected, you can paste links to Figma files in Cursor's composer to interact with the design data.

Key features of Figma MCP Server?

  • Provides Figma design data to AI coding agents.
  • Simplifies and translates Figma API responses for better accuracy.
  • Supports fetching specific file and node information from Figma.

Use cases of Figma MCP Server?

  1. Implementing UI designs directly from Figma files.
  2. Enhancing AI coding agents' accuracy in design implementation.
  3. Streamlining the design-to-code workflow for developers.

FAQ from Figma MCP Server?

  • Can I use Figma MCP Server with any AI coding agent?

The server is specifically designed for use with Cursor.

  • Is there a cost associated with using Figma MCP Server?

No, it is free to use.

  • What kind of access do I need for the Figma API?

Only read access is required for the Figma API.

Server Config

{
  "mcpServers": {
    "figma-developer-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "figma-developer-mcp",
        "--stdio"
      ],
      "env": {
        "FIGMA_API_KEY": "<your-figma-api-key>"
      }
    }
  }
}
Project Info
Featured
Created At
a year ago
Updated At
a year ago
Author Name
GLips
Star
7674
Language
TypeScript
License
MIT license

Recommend Servers

View All