广告合作
MCP.so
登录

Framelink Figma MCP Server

@UDILGU

代码仓库

基本信息

分类

媒体与设计

许可证

MIT license

传输方式

stdio

作者

UDILGU

关于 Framelink Figma MCP Server

暂无概览

Framelink Figma MCP Server 配置

使用下面的配置,将此服务器添加到你的 MCP 客户端。

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

Framelink Figma MCP Server 工具

2

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

概览

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.

常见问题

1

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).

2

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.

3

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.

4

What license is this project under?

It is released under the MIT License.

5

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.

评论

媒体与设计 分类下的更多 MCP 服务器

Blaze

Blaze

Plan, create and schedule social media content from your AI assistant. Blaze makes on-brand posts, carousels and short videos, writes blog posts and newsletters, and schedules them to Instagram, TikTok, YouTube, LinkedIn

GOJI

GOJI Agency

A remote MCP server from GOJI, a full-service digital agency in Melbourne, Australia. Nine tools over published material: a 104-term plain-English glossary, a 14-chapter guide to AI visibility, seven long-form guides inc

A

AdvisorIQ

Continuing education rules for US financial advisors (CFP, CFA, IWI, IAR by state, FINRA, American College) with official sources and verified dates, plus firm-level data, national and state rankings and market stats on

Riddle Quiz Maker

Riddle.com

Creates and manages quizzes, polls, surveys, personality tests, forms, predictors, minigames and leaderboards on Riddle.com – with branching logic, custom design, live stats and embed code.

Selfstorming

Selfstorm

Curated marketing libraries and an ideation engine for your AI. Connect Selfstorming to Claude, ChatGPT, Codex, Claude Code or Cursor and your assistant works from your project context plus: - 1,800+ award-winning campa

广告合作