Figma to Code

Name: Figma to Code
Rating: 1.9 (372 reviews)
Author: f2c-ai

MCP Server

by f2c-ai · Added 5mo ago

Claude

372

Install

npx -y @f2c/mcp

Add to Claude

claude mcp add f2c-ai-f2c-mcp

Quick Setup Config

Copy & paste ready

~/Library/Application Support/Claude/claude_desktop_config.json (macOS) %APPDATA%\Claude\claude_desktop_config.json (Windows)

{
  "mcpServers": {
    "figma-to-code": {
      "command": "npx",
      "args": [
        "-y"
      ]
    }
  }
}

Paste into your Claude Desktop config file, then restart Claude.

About

Bridges Figma design files to code generation, enabling direct conversion of designs into HTML, CSS, and other assets with customizable output paths and file organization.

Figma to Code

Install

Add to Claude

Quick Setup Config

About

Tags

From Our Store

Claude Code Power User Kit

OpenClaw Business Starter Kit