Figma Mcp Server By Jamess Mark

Name: Figma Mcp Server By Jamess Mark
Author: Jamessmark

@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 Figma to React Converter

StudentOfJS

MCP server for converting Figma designs to React components

KiCAD MCP: AI-Assisted PCB Design

mixelpixx

KiCAD MCP is a Model Context Protocol (MCP) implementation that enables Large Language Models (LLMs) like Claude to directly interact with KiCAD for printed circuit board design.

1.5K