F2C MCP Server

Name: F2C MCP Server
Author: f2c-ai

f2c-ai

Converts Figma designs into HTML/CSS and other framework code, with design context and local image download.

Setup

Choose your client, copy the config, then fill in any required environment variables.

claude mcp add f2c -- npx -y @f2c/mcp

~/.codex/config.toml

[mcp_servers.f2c]
command = "npx"
args = ["-y", "@f2c/mcp"]

# codex mcp add f2c -- npx -y @f2c/mcp

~/.cursor/mcp.json

{
  "mcpServers": {
    "f2c": {
      "command": "npx",
      "args": [
        "-y",
        "@f2c/mcp"
      ]
    }
  }
}

.vscode/mcp.json

{
  "servers": {
    "f2c": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "@f2c/mcp"
      ]
    }
  }
}

~/.gemini/settings.json

{
  "mcpServers": {
    "f2c": {
      "command": "npx",
      "args": [
        "-y",
        "@f2c/mcp"
      ]
    }
  }
}

claude_desktop_config.json

{
  "mcpServers": {
    "f2c": {
      "command": "npx",
      "args": [
        "-y",
        "@f2c/mcp"
      ]
    }
  }
}

.trae/mcp.json

{
  "mcpServers": {
    "f2c": {
      "command": "npx",
      "args": [
        "-y",
        "@f2c/mcp"
      ]
    }
  }
}