MCP.so
Sign In

Figma MCP Server By Jamess Mark

@Jamessmark

Basic information

Category

Media & Design

License

MIT

Transports

stdio

Author

Jamessmark

Submitted by

Jamessmark

About Figma MCP Server By Jamess Mark

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

Figma MCP Server By Jamess Mark config

Add this server to your MCP-compatible client using the configuration below.

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

Figma MCP Server By Jamess Mark tools

Tool list not available yet

This listing does not currently have a tool list to display. This does not mean the server has no tools; check its documentation for supported capabilities.

Fetch the live tool list by running this server in a temporary sandbox using the button above.

Overview

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

Comments

More Media & Design MCP servers