広告掲載
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.

コメント

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

ProfessionalHeadshot.io

ProfessionalHeadshot.io

Official LinkedIn, Slack and GitHub profile photo specs with sources, headshot style guides by use and industry, and a free 0-100 headshot audit. No API key needed.

Lamina — On-brand product photos, video & try-ons

Lamina

Generate on brand product videos from Claude Code (or any assistant) in one line. Lamina turns a brief + your brand kit into finished product photos, video reels, and campaign banners - no prompt engineering; brand guard

EveryGen AI MCP Server

EveryGen AI

EveryGen AI MCP Server lets AI assistants create videos, images, voiceovers, music and complete multi-shot films. Connect your EveryGen AI account, describe what you want, review the credit quote and approve the creation

Kinetune

Kinetune

Turn your songs into lyric videos (9:16, 16:9, 1:1) and Spotify Canvas loops. Find a song, browse Looks, get an exact credit quote, and render only after you say yes.

EmbedSocial

Connect Claude, ChatGPT, and other AI assistants to your social media content, reviews, and UGC aggregated via EmbedSocial.

広告掲載