Figma To Code Mcp By Bao To

Created By

tothienbao6a07 months ago

THE BEST AND ONLY FIGMA MCP SERVER YOU WILL NEED While other Figma MCP servers can provide basic node information, Figma MCP Server by Bao To offers superior capabilities for understanding and utilizing your design system: - Comprehensive Design Data Extraction (get_figma_data): Fetches detailed information about your Figma files or specific nodes, simplifying complex Figma structures into a more digestible format for AI. - Precise Image Downloads (download_figma_images): Allows targeted downloading of specific image assets (SVGs, PNGs) from your Figma files. - ⭐ Automated Design Token Generation (generate_design_tokens): - Extracts crucial design tokens (colors, typography, spacing, effects) directly from your Figma file. Outputs a structured JSON file, ready to be integrated into your development workflow or used by AI to ensure design consistency. - ⭐ Intelligent Design System Documentation (generate_design_system_doc): - Goes beyond simple node data by generating comprehensive, multi-file Markdown documentation for your entire design system as defined in Figma. - Creates an organized structure including an overview, detailed pages for global styles (colors, typography, effects, layout), and component/node information per Figma canvas. This tool was a key motivation for this fork. By generating this comprehensive design system documentation directly within your project repository, it provides AI agents with a deep, contextual understanding of your project's specific design language. This empowers them to understand not just individual elements but the relationships and rules of your design system, leading to more accurate, consistent, and contextually aware UI implementation and freeing you from manual design interpretation. These advanced features make this server particularly powerful for tasks requiring a deep understanding of the design system, such as generating themed components or ensuring adherence to brand guidelines during UI development. This is a fork of Framelink's MCP server.

# figma

# design

Overview Content Tools Comments

Comments

Server Config

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

Recommend Servers

TraeBuild with Free GPT-4.1 & Claude 3.7. Fully MCP-Ready.

TimeA Model Context Protocol server that provides time and timezone conversion capabilities. This server enables LLMs to get current time information and perform timezone conversions using IANA timezone names, with automatic system timezone detection.

EdgeOne Pages MCPAn MCP service designed for deploying HTML content to EdgeOne Pages and obtaining an accessible public URL.

CursorThe AI Code Editor

Amap Maps高德地图官方 MCP Server

Tavily Mcp

Jina AI MCP ToolsA Model Context Protocol (MCP) server that integrates with Jina AI Search Foundation APIs.

Serper MCP ServerA Serper MCP Server

Visual Studio Code - Open Source ("Code - OSS")Visual Studio Code

Baidu Map百度地图核心API现已全面兼容MCP协议，是国内首家兼容MCP协议的地图服务商。

Context7Context7 MCP Server -- Up-to-date code documentation for LLMs and AI code editors