MCP Servers
F2C MCP Server
Last updated December 15, 2024
A Model Context Protocol server that converts Figma designs into production-ready code.
F2C MCP Server is an open-source implementation of the Model Context Protocol designed to integrate Figma design context into AI-assisted developer workflows. It enables developers to convert Figma designs into pixel-perfect, production-ready code with support for multiple frameworks, including React, Tailwind CSS, and CSS Modules. By parsing Figma file URLs, automating image localization, and providing structured design metadata, F2C MCP Server improves the efficiency of design-to-code workflows. The server works seamlessly with AI IDEs such as Cursor and Comate, enabling developers to fetch design nodes, transform them into code, and maintain fidelity to the original design. With its automation capabilities, it reduces repetitive tasks and bridges the gap between designers and engineers.
Key features
- Converts Figma designs into pixel-perfect HTML/CSS
- Generates code for React, CSS Modules, and Tailwind CSS
- Supports Figma file URL parsing for direct node conversion
- Automates localization of remote images into local assets
- Integrates seamlessly with IDEs like Cursor and Comate
- Provides structured design context for AI coding assistants
- Enhances workflow efficiency between design and development
- Open-source under MIT license
Related tools
- Magic MCP Server
An MCP server that generates professional UI components with AI directly inside your IDE.
- Ashra MCP Server
A Model Context Protocol (MCP) server for Ashra, enabling data extraction and web scraping.
- AWS Serverless MCP Server
An open-source MCP server that integrates AI assistants with AWS serverless best practices and workflows.
- DevContext
An autonomous MCP server that provides continuous, project-centric context awareness for developers.
- BrowserTools MCP
A browser monitoring and interaction MCP server that enables AI tools to capture, analyze, and interact with browser activity.