Global (EN)
Setup GuideSaved Tools
Back to All MCP Servers
F

Figma To React

Verified Integration
Author: @StudentOfJS•Category: ServerApplication
GitHub Repository
JSON-RPC 2.0
Protocol Standard
Sub-second
Execution Latency
Active
Operational Status
Tags:#Claude#Search#Database#API#Git#Filesystem#AI#GitHub#Node.js

Client Configuration

— Connect Figma To React to Claude Desktop or Cursor in seconds
{
  "mcpServers": {
    "figma-to-react": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-figma-to-react"
      ],
      "env": {}
    }
  }
}
Paste into ~/Library/Application Support/Claude/claude_desktop_config.json (macOS) or %APPDATA%\Claude\claude_desktop_config.json (Windows).
Architecture & Capabilities

System Overview

Converts Figma designs into React components with TypeScript and Tailwind CSS.

Indexed Date

7/23/2026

License

Open Source

Protocol Layer

stdio / SSE RPC

Frequently Asked Questions

Architecture and operational details for Figma To React

It fetches Figma designs using the Figma API, extracts the components from the design, generates corresponding React components with TypeScript, and applies Tailwind CSS classes based on the Figma styles. It can be run as a local MCP server or HTTP server.

Related MCP Servers

Browse all servers →
C
@carboneio
Carbone

Empower AI assistants to generate and convert documents, manage templates, and automate document workflows efficiently.

ClaudeSearchDatabase+65 FAQs
Learn more
C
@sebastienrousseau
CloudCDN

Provides a multi-tenant, AI-native Content Delivery Network deployable on Cloudflare, featuring sub-100ms TTFB, AI agent controllability, and comprehensive accessibility.

ClaudeSearchDatabase+65 FAQs
Learn more
C

Deploy a Model Context Protocol server on Cloudflare Workers without requiring authentication.

ClaudeSearchDatabase+55 FAQs
Learn more