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

© 2026 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•a year 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

Marginalia Mcp Server

Marginalia Mcp Server

An MCP server implementation for managing marginalia and annotations

Dingding Mcp

Dingding Mcp

Mcp Crypto Price

Mcp Crypto Price

A Model Context Protocol (MCP) server that provides real-time cryptocurrency analysis via CoinCap's API. Enables Claude and other MCP clients to fetch crypto prices, analyze market trends, and track historical data.

View more → →

Details

Created

June 12, 2025

Last Updated

June 12, 2025

Category

Developer Tools

Author

f2c-ai

Share

More Server

Mac Shell Mcp

Mac Shell Mcp

An MCP (Model Context Protocol) server for executing macOS terminal commands with ZSH shell. This server provides a secure way to execute shell commands with built-in whitelisting and approval mechanisms.

Tavily Search Mcp Server

Tavily Search Mcp Server

An MCP server implementation that integrates the Tavily Search API, providing optimized search capabilities for LLMs.

Code Explainer Mcp

Code Explainer Mcp

A Cloudflare Worker that serves as an MCP (Model Context Protocol) server for code explanation. It analyzes and explains code with a comprehensive breakdown of structure and functionality.

Mcp Server Smtp

Mcp Server Smtp

A Model Context Protocol server for SMTP email services