MCP.so
ログイン

Framelink Figma MCP Server

@GLips

リポジトリホームページ

Framelink Figma MCP Server について

MCP server to provide Figma layout information to AI coding agents like Cursor

#typescript#ai#mcp#cursor#figma

基本情報

カテゴリ

メディアとデザイン

ライセンス

MIT

ランタイム

node

トランスポート

stdio

公開者

GLips

設定

以下の設定を使って、このサーバーを MCP 対応クライアントに追加してください。

{
  "mcpServers": {
    "figma-developer-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "figma-developer-mcp",
        "--stdio"
      ],
      "env": {
        "FIGMA_API_KEY": "<your-figma-api-key>"
      }
    }
  }
}

ツール

2

When the nodeId cannot be obtained, obtain the layout information about the entire Figma file

Download SVG and PNG images used in a Figma file based on the IDs of image or icon nodes

概要

What is Framelink Figma MCP Server?

Framelink Figma MCP Server gives AI-powered coding tools like Cursor access to Figma design data via the Model Context Protocol. It simplifies and translates Figma API responses so only the most relevant layout and styling information is provided to the model, enabling accurate one-shot implementation of designs in any framework.

How to use Framelink Figma MCP Server?

Install and configure the server by adding it to your editor’s MCP configuration file (e.g., mcpServers in Cursor). You must provide a Figma personal access token via the --figma-api-key argument or the FIGMA_API_KEY environment variable. Use the --stdio transport flag. Once running, paste a link to a Figma file, frame, or group in your AI chat and ask the agent to implement the design.

Key features of Framelink Figma MCP Server

  • Specifically designed for use with Cursor.
  • Simplifies Figma API responses for AI accuracy.
  • Works seamlessly with any framework or stack.
  • One-shot design implementation from Figma links.
  • Open-source under the MIT license.

Use cases of Framelink Figma MCP Server

  • Implement a Figma design in code directly from a file link.
  • Get accurate layout and styling information without pasting screenshots.
  • Use agent mode in Cursor to fetch relevant Figma metadata.
  • Speed up UI development by reducing manual design-to-code translation.

FAQ from Framelink Figma MCP Server

How do I get a Figma access token?

Create a personal access token in your Figma account settings. See Figma’s documentation for details.

Can I use this server with editors other than Cursor?

The server follows the Model Context Protocol, but it is specifically designed for and tested with Cursor. Other MCP‑compatible clients may work, but the README focuses on Cursor usage.

What data does the server send to the AI model?

It fetches metadata from the Figma API and simplifies it to include only the most relevant layout and styling information, reducing the amount of context to improve AI accuracy.

What transport and authentication are supported?

The server uses STDIO transport (specified with the --stdio flag) and authenticates via a Figma personal access token, passed as a command-line argument or environment variable.

Are there any known limitations?

The README does not mention specific limitations. It notes that accuracy improves by reducing context, which implies large or complex files may still need careful prompting.

コメント

「メディアとデザイン」の他のコンテンツ

Figma MCP Server

thirdstrandstudio

Figma MCP Server with full API functionality

73

RustChain MCP

Scottcjn

MCP server for RustChain blockchain and BoTTube video platform — AI agent tools for earning RTC tokens. Built on createkr's RustChain SDK.

99

Vibe Design System

mondaycom

🎨 Vibe Design System - Official monday.com UI resources for application development in React.js

657

yt-dlp-mcp

kevinwatt

A Model Context Protocol (MCP) server that bridges Video & Audio content with Large Language Models using yt-dlp.

257

NS Travel Information MCP Server

r-huijts

A Model Context Protocol (MCP) server that provides access to NS (Dutch Railways) travel information through Claude AI. This server enables Claude to fetch real-time train travel information and disruptions using the official Dutch NS API.

56