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•a month 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 Codex Keeper

Mcp Codex Keeper

An intelligent MCP server that serves as a guardian of development knowledge, providing Cline assistants with curated access to latest documentation and best practices across the software development landscape

Nmap Mcp Server

Nmap Mcp Server

A Model Context Protocol (MCP) server that enables AI assistants to perform network scanning operations using NMAP

Mcp Guide

Mcp Guide

A beginner-friendly guide server that helps users understand MCP concepts, provides interactive examples, and demonstrates best practices for building MCP integrations. Features tools for exploring MCP capabilities, resources for learning core concepts, and prompts for guided tutorials.

View more → →

Details

Created

June 12, 2025

Last Updated

June 12, 2025

Category

Developer Tools

Author

f2c-ai

Share

More Server

Systemprompt Mcp Gmail

Systemprompt Mcp Gmail

A specialized Model Context Protocol (MCP) server that enables you to search, read, delete and send emails from your Gmail account, leveraging an AI Agent to help with each operation. Optimized for Systemprompt MCP Voice client.

Mcpnotes

Mcpnotes

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

Uiflowchartcreator

Uiflowchartcreator

MCP server for creating UI flowcharts

Mcp Minecraft

Mcp Minecraft