MCP.so
登录

Figma Mcp Server By Jamess Mark

@Jamessmark

代码仓库主页

关于 Figma Mcp Server By Jamess Mark

MCP server to generate design systems, tokens, and provide Figma layout information to AI coding agents like Cursor

基本信息

分类

媒体与设计

许可证

MIT

运行时

node

传输方式

stdio

发布者

Jamessmark

提交者

Jamessmark

配置

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

{
  "mcpServers": {
    "Figma MCP Server by Jamess mark": {
      "command": "npx",
      "args": [
        "-y",
        "@Jamessmark/figma-mcp-server",
        "--figma-api-key=YOUR-KEY",
        "--stdio"
      ]
    }
  }
}

工具

未检测到工具

工具是从 README 中自动提取的。维护者可以在 ## Tools 标题下列出工具,即可填充这部分内容。

概览

What is Figma MCP Server by Bao To?

Figma MCP Server by Bao To is an intelligent Model Context Protocol server built for AI agents, extracting design systems, analyzing components, and maintaining design‑code consistency from Figma files. It transforms Figma links into comprehensive design documentation, semantic tokens, and validation reports, enabling AI‑powered development tools like Cursor and Claude to implement designs accurately.

How to use Figma MCP Server by Bao To?

Install the npm package (@tothienbao6a0/figma-mcp-server) and configure it in your MCP‑compatible client (e.g., Cursor). In the chat, paste a Figma file, frame, or group link, then instruct your AI agent to perform an action such as implementing the design or generating design tokens. The server fetches relevant metadata from the Figma API and returns structured, context‑optimised data.

Key features of Figma MCP Server by Bao To

  • Component Intelligence with semantic understanding and smart props inference
  • Atomic design classification (atoms, molecules, organisms)
  • Complete design token extraction (colors, typography, spacing, effects)
  • Design system documentation generation with component examples
  • Version comparison and validation of design system consistency
  • WCAG accessibility compliance checking with contrast calculations
  • Multi‑format token migration (Tailwind, CSS Variables, Style Dictionary)
  • Design‑code sync checker to maintain alignment

Use cases of Figma MCP Server by Bao To

  • Implement UI designs from Figma

评论

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

MiniMax MCP

MiniMax-AI

Official MiniMax Model Context Protocol (MCP) server that enables interaction with powerful Text to Speech, image generation and video generation APIs.

1.5K

YouTube MCP Server

anaisbetts

A Model-Context Protocol Server for YouTube

532

Figma MCP Server

JayArrowz

Figma MCP Server with full API functionality

73

Tripadvisor MCP Server

pab1it0

A Model Context Protocol (MCP) server for Tripadvisor Content API. This provides access to Tripadvisor location data, reviews, and photos through standardized MCP interfaces, allowing AI assistants to search for travel destinations and experiences.

59

YouTube MCP Server

ZubeidHendricks

MCP Server for YouTube API, enabling video management, Shorts creation, and advanced analytics

544