MCP Server LogoMCP Server
MCPsCategoriesDirectorySubmit
Submit
MCPsCategoriesDirectorySubmit
Submit

MCP Servers

A curated list of MCP Servers, featuring Awesome MCP Servers and Claude MCP integration.

Contact Us

[email protected]

About

Privacy PolicyTerms of Service

Resources

Model Context ProtocolMCP Starter GuideClaude MCP Servers

Community

GitHub

© 2025 mcpserver.cc © 2025 MCP Server. All rights reserved.

Privacy PolicyTerms of Service
  1. Home
  2. /Categories
  3. /Developer Tools
  4. /F2c Mcp
F2c Mcp

F2c Mcp

Created by f2c-ai•2 months ago
Visit Website

F2C MCP Server

Developer Tools
F2CMCPdesign-to-code

F2C MCP Server

English | 简体中文{:target=“_blank”}

A Model Context Protocol server for Figma Design to Code using F2C.

f2c-mcp-server MCP server

Features

f2c
  • 🎨 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.

How it works

  1. Configure the Server{:target=“_blank”} in an MCP-supported IDE (e.g., Cursor, Trae).
  2. Open your chat in IDE (e.g. agent mode in Cursor).
  3. Paste a link to a Figma Node (Right-click any node in the Figma Layer panel to copy it).
  4. Enter your requirements in the chat, such as fetching node data, downloading images, converting to code, etc.

Configuration and Development

See Configuration and Development{:target=“_blank”}

FAQ

See FAQ{:target=“_blank”}

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.

Prerequisites

  • •Familiarity with the server domain
  • •Basic understanding of related technologies
  • •Knowledge of Developer Tools

Recommended Server

Mcp Server Diff Python

Mcp Server Diff Python

Mcpnotes

Mcpnotes

A simple note-taking MCP server for recording and managing notes with AI models.

Server Wp Mcp

Server Wp Mcp

View more → →

Details

Created

June 12, 2025

Last Updated

June 12, 2025

Category

Developer Tools

Author

f2c-ai

Share

More Server

Systemprompt Mcp Interview

Systemprompt Mcp Interview

A specialized Model Context Protocol (MCP) server that enables AI-powered interview roleplay scenarios

Mcp Idb

Mcp Idb

MCP server for fb-idb bridge.

Base Mcp

Base Mcp

A Model Context Protocol (MCP) server that provides onchain tools for LLMs, allowing them to interact with the Base network and Coinbase API.

Mcp Pubmed Server

Mcp Pubmed Server

PubMed MCP Server for accessing research papers