Figma Mcp Server By Jamess Mark

Name: Figma Mcp Server By Jamess Mark
Author: Jamessmark

@Jamessmark

Repository Homepage

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

Basic information

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"
      ]
    }
  }
}

Tools

No tools detected

We auto-extract tools from the README. The maintainer can list them under a ## Tools heading to populate this section.

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

Image-Gen-Server

fengin

一个能与Cursor集成的图片生成mcp server工具，实现调用即梦逆向接口

226

MCP Google Map Server

cablate

A powerful Model Context Protocol (MCP) server providing comprehensive Google Maps API integration with LLM processing capabilities.

374

Melrōse - programming of music melodies

emicklei

interactive programming of melodies, producing MIDI

210

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

百度地图 MCP Server

baidu-maps

Baidu Map MCP Server

436