F2C MCP Server

Name: F2C MCP Server
Author: f2c-ai

@f2c-ai

代码仓库主页

关于 F2C MCP Server

F2C MCP Server

#f2c #mcp #figma #html #css #ai-coding-assistant #d2c

基本信息

分类

其他

许可证

MIT

运行时

node

传输方式

stdio

发布者

f2c-ai

配置

使用下面的配置,将此服务器添加到你的 MCP 客户端。

{
  "mcpServers": {
    "f2c-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "@f2c/mcp"
      ],
      "env": {
        "personalToken": ""
      }
    }
  }
}

工具

未检测到工具

工具是从 README 中自动提取的。维护者可以在 ## Tools 标题下列出工具,即可填充这部分内容。

概览

What is F2C MCP Server?

A Model Context Protocol server that converts Figma designs to code using the F2C engine. It enables AI-powered coding tools (like Cursor) to access Figma design context, fetch node data, download images, and generate pixel-perfect HTML/CSS, React, or Tailwind CSS code.

How to use F2C MCP Server?

Configure the server in an MCP-supported IDE (e.g., Cursor, Trae, or Comate AI IDE). In the IDE chat, paste a Figma node link (copied from Figma’s layer panel) and enter your requirements such as fetching node data, downloading images, or converting to code.

Key features of F2C MCP Server

Pixel-perfect HTML/CSS generation from Figma designs
Multi‑framework support (React, CSS Modules, Tailwind CSS)
Integrates Figma design context for AI tool compatibility
Converts design nodes via Figma file URLs
Automates downloading Figma images to local assets

Use cases of F2C MCP Server

Fetching Figma node data and metadata in an AI coding assistant
Converting Figma design layers into production‑ready code
Downloading and localizing remote images from Figma
Streamlining design‑to‑code workflows in IDEs like Cursor or Trae

FAQ from F2C MCP Server

What does F2C MCP Server do?

It is a Model Context Protocol server that converts Figma designs into code (HTML/CSS, React, Tailwind CSS) and provides design context to AI coding tools.

Does this server have any rate limits?

Yes. Due to Figma REST API rate limits, users may be affected. If so, the README recommends switching to @f2c/mcp-plugin for normal operation.

Where does the data (downloaded images, etc.) live?

The server automates downloading Figma images to local assets, so data is stored locally on your machine.

What dependencies or runtime does it require?

The server is distributed as an npm package (@f2c/mcp) and runs on Node.js (version indicated by the badge).

How does authentication work for the Figma API?

The README does not detail authentication; it states the server uses Figma REST API and can be configured in an MCP-supported IDE, implying the Figma API key is handled via the IDE or environment configuration.