F2C MCP Server

MCPOfficialOpen SourceMIT69.9

by f2c-ai • Frontend & UI

An MCP server for converting Figma designs to code using F2C.

Example Use Cases

1
Convert Figma design nodes to HTML/CSS code
2
Integrate Figma design context into AI tools
3
Automate downloading of Figma images to local assets

Description

The F2C MCP Server allows seamless conversion of Figma designs into pixel-perfect HTML/CSS and supports multiple frameworks like React and Tailwind CSS. It integrates design context for compatibility with AI tools and automates remote image localization for efficiency. This server streamlines design workflows by parsing Figma File URLs for node data conversion.

Capabilities(2 total)

Tools (2)

get_code

Generate UI code for a given node or the currently selected node in the Figma desktop app. Use the nodeId parameter to specify a node id. If no node id is provided, the currently selected node will be used. If a URL is provided, extract the node id from the URL, for example, if given the URL https://figma.com/design/:fileKey/:fileName?node-id=1-2, the extracted nodeId would be 1:2.

fileKey:string*ids:string*personalToken:stringlocalPath:stringimgFormat:stringscaleSize:number

get_image

Generate an image for a given node or the currently selected node in the Figma desktop app. Use the nodeId parameter to specify a node id. If no node id is provided, the currently selected node will be used. If a URL is provided, extract the node id from the URL, for example, if given the URL https://figma.com/design/:fileKey/:fileName?node-id=1-2, the extracted nodeId would be 1:2. Also export Figma design images for visual verification and design fidelity validation. Essential for comparing generated code output against original designs, ensuring pixel-perfect implementation and catching visual discrepancies during the design-to-code process.

fileKey:string*ids:string*format:stringscale:numbersvg_include_id:booleansvg_simplify_stroke:booleanuse_absolute_bounds:booleanversion:stringpersonalToken:string

Quick Actions

View on GitHub

Security

Scanned 1 month(s) ago

Risk Level

MINIMAL

Read-only data retrieval, no side effects

Trust Score

B70/100

12/17 checks passed

Scores are informational only and provided “as is” without warranty. AgentHotspot assumes no liability for actions taken based on these ratings.

Quick Stats

Service TypeMCP

Pricing ModelUnknown

Capabilities2 Tools / 0 Prompts / 0 Resources

Ownerf2c-ai

CategoryFrontend & UI

DependenciesStandalone

Set Your Username