广告合作
MCP.so
登录

Framelink Figma MCP Server

@injunko

代码仓库

基本信息

分类

媒体与设计

许可证

MIT

传输方式

stdio

作者

injunko

关于 Framelink Figma MCP Server

暂无概览

#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 工具

工具列表暂未提供

当前收录暂时没有可展示的工具列表，不代表服务没有工具。请查阅项目文档了解支持的能力。

点击上方按钮,在临时沙箱中运行此服务器并实时获取工具列表。

概览

What is Framelink Figma MCP Server?

Framelink Figma MCP Server is a Model Context Protocol (MCP) server that gives AI-powered coding tools (like Cursor, Windsurf, and Cline) access to Figma file data. It fetches relevant metadata from the Figma API and simplifies it so coding agents can accurately implement designs in any framework in one shot.

How to use Framelink Figma MCP Server?

Install the server via an MCP configuration file using the command npx -y figma-developer-mcp --figma-api-key=YOUR-KEY --stdio. You must first create a Figma personal access token. Then paste a Figma file, frame, or group link into your AI coding tool’s chat and ask it to perform actions like implementing the design.

Key features of Framelink Figma MCP Server

  • Gives coding agents direct access to Figma design data.
  • Simplifies Figma API responses for improved AI accuracy.
  • Reduces context size for more relevant model responses.
  • Works with Cursor, Windsurf, Cline, and other MCP-compatible tools.
  • Supports links to Figma files, frames, or groups.

Use cases of Framelink Figma MCP Server

  • One-shot implementation of a Figma design into code using an AI coding assistant.
  • Fetching layout and styling metadata from Figma for generative UI coding.
  • Rapid prototyping by connecting design files directly to development workflows.

常见问题

1

What do I need to use this server?

You need a Figma personal access token. Instructions for creating one are available in the Figma help center.

2

How is this server installed?

It runs via npx, so no manual download is needed. Add the MCP configuration (shown in the README) to your code editor’s MCP settings file.

3

Is this server only for Cursor?

It is specifically designed for Cursor but also works with Windsurf, Cline, and other AI coding tools that support the Model Context Protocol.

4

What happens when I paste a Figma link?

The server fetches the relevant metadata from the Figma API, simplifies it to remove unnecessary details, and provides the condensed design information to the AI model for code generation.

5

Are there any runtime requirements?

The server runs via npx, which requires Node.js. It communicates over stdio using the MCP protocol.

评论

媒体与设计 分类下的更多 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

PixelDojo

PixelDojo

Generate images, video, audio and short films with 140+ AI models from any MCP client. PixelDojo picks the right model (Flux, Seedream, Seedance, Veo, Kling, WAN, Nano Banana, GPT Image), renders it and returns download

JSON2Video

JSON2Video

Official JSON2Video MCP server. Video API for automated video production at scale: render videos from templates with AI voiceovers, subtitles and AI images. Remote server with OAuth (https://mcp.json2video.com/mcp) or lo

TokElements

TokElements

Build TikTok LIVE overlay widgets from Claude or ChatGPT. Describe a widget and the assistant writes it, previews it with sample events and places it on your TikTok LIVE Studio or OBS overlay.

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

广告合作