f2c-mcp-server

The F2C MCP Server acts as a Model Context Protocol server for Figma, enabling seamless integration between designs and coding tools. It can:

• Convert Figma design nodes into high-fidelity code in multiple formats (HTML/CSS, React with CSS Modules, or React with Tailwind CSS)
• Provide Figma design context to AI coding tools like Cursor
• Retrieve detailed file information with options for depth, version, geometry, branch data, and plugin data
• Get images of specified Figma nodes in various formats (jpg, png, svg, pdf) with scale options
• Fetch all image resources used as fills within a Figma file
• Access metadata information for Figma files
• Support Figma file URLs with fileKey and nodeId parameters

Converts Figma design elements to CSS code, allowing for high-fidelity representation of designs in web development

Enables AI coding assistants to access Figma design data, convert Figma design nodes to high-fidelity HTML/CSS markup, and provide Figma design context to AI coding tools

Links to the project repository for access to the source code and related resources

Provides package distribution through npm, with version tracking and dependency management