F2C MCP Server

English | 简体中文

A Model Context Protocol server for Figma Design to Code using F2C.

Features

• 🎨 Pixel-Perfect HTML/CSS：F2C converts Figma designs to pixel-perfect HTML/CSS with precision.
• ⚛️ Multi-Framework Support：F2C generates React, CSS Modules, and Tailwind CSS code for fast development.
• 🧠 Figma Design Context：F2C integrates design context, ensuring compatibility with AI tools like Cursor.
• 🔗 Figma File URL Parsing：F2C converts design nodes via Figma URLs, streamlining workflows.
• 🖼️ Remote Image Localization：F2C automates downloading Figma images to local assets for efficiency.

Getting started

See Getting started

FAQ

See FAQ

Credits

Thanks to:

• Framelink Figma MCP Server Give Cursor and other AI-powered coding tools access to your Figma files with this Model Context Protocol server.
• Cursor Talk to Figma MCP Allowing Cursor to communicate with Figma for reading designs and modifying them programmatically.
• Figma MCP Server This server provides tools for viewing, commenting, and analyzing Figma designs directly through the ModelContextProtocol.