MCP.so
ログイン

Framelink Figma MCP Server

@UDILGU

リポジトリ

Framelink Figma MCP Server について

概要はまだありません

基本情報

カテゴリ

メディアとデザイン

ライセンス

MIT license

ランタイム

node

トランスポート

stdio

公開者

UDILGU

設定

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

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

ツール

ツールは検出されませんでした

ツールは README から自動的に抽出されます。メンテナーは ## Tools という見出しの下に記載することで、このタブに反映できます。

概要

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.

FAQ from Framelink Figma MCP Server

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

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.

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.

What license is this project under?

It is released under the MIT License.

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.

コメント

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

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

Video Editor MCP server

burningion

MCP Interface for Video Jungle

278

YouTube Transcript Server

kimtaeyoon83

This is an MCP server that allows you to directly download transcripts of YouTube videos.

572

Vibe Design System

mondaycom

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

657

Weather API MCP Server

TuanKiri

A lightweight Model Context Protocol (MCP) server that enables AI assistants like Claude to retrieve and interpret real-time weather data. Discuss on Hacker News:

247