F2C MCP Server
Supports UIby f2c-ai
Convert Figma designs to pixel-perfect HTML/CSS, React, and Tailwind code directly within your AI IDE.
What it does
F2C MCP Server connects AI coding assistants to Figma, enabling the high-fidelity conversion of design nodes into production-ready code. It streamlines the hand-off from design to development by allowing the AI to read Figma context and generate precise layouts.
Tools
fetch_node_data: Retrieves detailed design specifications for a specific Figma node.download_images: Automates the localization of remote Figma images to local assets.convert_to_code: Transforms Figma design nodes into pixel-perfect HTML/CSS, React, or Tailwind code.
Installation
Add the following to your claude_desktop_config.json:
{
"mcpServers": {
"f2c-mcp": {
"command": "npx",
"args": ["-y", "@f2c/mcp"]
}
}
}
Supported hosts
- Cursor
- Trae
- Claude Desktop
Quick install
npx -y @f2c/mcpInformation
- Pricing
- free
- Published
- 6/9/2026
- stars
- 0
Categories
Choose your AI client and follow the steps below.
Cursor
mcp.json entry for @f2c/mcpClaude Desktop
{
"mcpServers": {
"f2c-mcp": {
"command": "npx",
"args": ["-y", "@f2c/mcp"]
}
}
}Related Apps
DiffSitter MCP
MCP ServerAI-powered structural code navigation using tree-sitter ASTs for semantic understanding across 14+ languages.
OpenAI Apps SDK Examples
MCP AppOfficial example gallery of interactive MCP widgets for ChatGPT — 3D viewers, maps, carousels, shopping carts, and more.
Human MCP
MCP ServerGive AI agents human-like senses: visual analysis, image/video generation, speech synthesis, browser automation, and advanced reasoning — 29 MCP tools in one se
Shopify MCP Server
MCP ServerDirect interaction with Shopify store data via GraphQL API for managing products, customers, and orders.
Git MCP Server
MCP ServerFull-featured Git MCP server exposing 28 tools for AI agents to clone, commit, branch, diff, merge, rebase, and more via STDIO or Streamable HTTP.
CodexPotter
MCP ServerAutonomous reconciliation loop that drives Codex to align your codebase with instructed states.
Smart Coding MCP
MCP ServerSemantic code search for AI assistants using local embeddings — find code by meaning, not just keywords.
Snowflake MCP Server
MCP ServerDirect Snowflake database interaction via MCP, enabling AI to run SQL queries, explore schemas, and manage data insights.