F2C
Verified IntegrationClient Configuration
— Connect F2C to Claude Desktop or Cursor in seconds{
"mcpServers": {
"f2c": {
"command": "npx",
"args": [
"-y",
"@modelcontextprotocol/server-f2c"
],
"env": {}
}
}
}~/Library/Application Support/Claude/claude_desktop_config.json (macOS) or %APPDATA%\Claude\claude_desktop_config.json (Windows).System Overview
Enables AI coding assistants to access Figma design data and convert it to HTML/CSS code.
7/21/2026
Open Source
stdio / SSE RPC
Frequently Asked Questions
Architecture and operational details for F2C
F2C takes Figma file URLs (using fileKey and nodeId parameters) as input and translates the design nodes into high-fidelity HTML/CSS markup, providing valuable context to AI coding tools.
Related MCP Servers
Browse all servers →Provides comprehensive historical and real-time crypto market data, including orderbooks, trades, candles, and more, from Hyperliquid, HIP-3, and Lighter.xyz.
Facilitates gasless blockchain transactions and interactions directly from Claude AI conversations.
Bridges Claude AI with blockchain networks, enabling gasless transactions, swaps, and transfers directly from natural language conversations.