f2c-mcp
88
F2C MCP Server is a Model Context Protocol server that facilitates the conversion of Figma designs into pixel-perfect HTML/CSS and supports various frameworks like React, CSS Modules, and Tailwind CSS. It streamlines design and development workflows by integrating design context and automating image localization.
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
FAQ
See
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.