f2c-mcp

f2c-mcp

3.6
developer_toolsai_chatbot

If you are the rightful owner of f2c-mcp and would like to certify it and/or have it hosted online, please leave a comment on the right or send an email to henry@mcphub.com.

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

F2C MCP Server

English |

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

Features

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

FAQ

See

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.

Related MCP Servers

View all developer_tools servers →
mcp-shrimp-task-manager

mcp-shrimp-task-manager

4.6

by cjo4m06

MCP Shrimp Task Manager is an intelligent task management system based on Model Context Protocol (MCP), designed to enhance programming workflows for AI Agents.

os_automation
mindsdb

mindsdb

4.5

by mindsdb

MindsDB is an open-source server that enables seamless interaction with large-scale federated data using the Model Context Protocol (MCP).

databases
terraform-mcp-server

terraform-mcp-server

4.5

by hashicorp

The Terraform MCP Server is a Model Context Protocol server that integrates with Terraform Registry APIs for advanced automation in Infrastructure as Code development.

cloud_platforms
mcp-server-calculator

mcp-server-calculator

4.4

by githejie

A Model Context Protocol server for calculating. This server enables LLMs to use calculator for precise numerical calculations.

developer_tools
mcp-svelte-docs

mcp-svelte-docs

4.4

by spences10

A Model Context Protocol (MCP) server that provides a comprehensive reference guide for Svelte 5, helping LLMs provide accurate guidance when users are working with Svelte.

developer_tools
DesktopCommanderMCP

DesktopCommanderMCP

4.4

by wonderwhy-er

Desktop Commander MCP is a tool that allows users to search, update, manage files, and run terminal commands using AI, without incurring API token costs.

file_systems
Sequential Thinking

Sequential Thinking

4.3

by modelcontextprotocol

An MCP server implementation that provides a tool for dynamic and reflective problem-solving through a structured thinking process.

research_and_data
Everything MCP Server

Everything MCP Server

4.3

by modelcontextprotocol

The Everything MCP Server is a comprehensive test server designed to demonstrate the full capabilities of the Model Context Protocol (MCP). It is not intended for production use but serves as a valuable tool for developers building MCP clients.

developer_tools
paelladoc

paelladoc

4.3

by jlcases

PAELLADOC is an AI-First Development framework implementing the Model Context Protocol (MCP) to enhance LLM interactions with external tools and context.

ai_chatbot
mcp-compass

mcp-compass

4.3

by liuyoshio

MCP Compass is a discovery and recommendation service for exploring Model Context Protocol servers using natural language queries.

research_and_data
Office-PowerPoint-MCP-Server

Office-PowerPoint-MCP-Server

4.3

by GongRzhe

A MCP server for PowerPoint manipulation using python-pptx, providing tools for creating, editing, and manipulating PowerPoint presentations.

file_systems
docker-mcp

docker-mcp

4.3

by QuantGeekDev

A powerful Model Context Protocol (MCP) server for Docker operations, enabling seamless container and compose stack management through Claude AI.

developer_tools
prisma

prisma

4.1

by prisma

Prisma is a next-generation ORM for Node.js and TypeScript, providing tools for data modeling, migrations, and querying databases.

databases
ai-agent-marketplace-index-mcp

ai-agent-marketplace-index-mcp

4.1

by AI-Agent-Hub

MCP Server for AI Agent Marketplace Index from DeepNLP, allowing AI assistants to search available AI agents by keywords or categories.

browser_automation
rapidocr-mcp

rapidocr-mcp

4.0

by z4none

RapidOCR MCP Server is a Model Context Protocol server that provides an easy-to-use OCR interface.

ai_chatbot
gateway

gateway

4.0

by centralmind

CentralMind Gateway is a tool designed to expose databases to AI agents via MCP or OpenAPI protocols, providing secure, LLM-optimized APIs.

databases
mcp-server

mcp-server

3.9

by keboola

Keboola MCP Server connects AI agents and MCP clients to Keboola, enabling data access and transformations without glue code.

cloud_platforms
exa-mcp-server

exa-mcp-server

3.8

by exa-labs

A Model Context Protocol (MCP) server allows AI assistants to use the Exa AI Search API for real-time web searches in a secure manner.

research_and_data
code-assistant

code-assistant

3.8

by stippi

Code Assistant is a CLI tool built in Rust for assisting with code-related tasks, including running as a Model Context Protocol server.

developer_tools
unity-mcp

unity-mcp

3.8

by justinpbarnett

Unity MCP connects your Unity Editor to LLMs using the Model Context Protocol, enabling AI assistants to interact with Unity for asset management, scene control, script editing, and task automation.

ai_chatbot
magic-mcp

magic-mcp

3.8

by 21st-dev

Magic Component Platform (MCP) is a powerful AI-driven tool that helps developers create beautiful, modern UI components instantly through natural language descriptions.

developer_tools
Cua Agent

Cua Agent

3.8

by trycua

cua-mcp-server is a Model Context Protocol (MCP) server for the Computer-Use Agent (CUA), enabling integration with Claude Desktop and other MCP clients.

developer_tools
mcp-jenkins

mcp-jenkins

3.8

by lanbaoshen

The Model Context Protocol (MCP) Jenkins is an open-source implementation that integrates Jenkins with AI language models, ensuring secure and contextual AI interactions.

developer_tools
Sequential Thinking MCP Server

Sequential Thinking MCP Server

3.8

by modelcontextprotocol

An MCP server implementation that provides a tool for dynamic and reflective problem-solving through a structured thinking process.

research_and_data
azure-mcp

azure-mcp

3.8

by Azure

The Azure MCP Server implements the MCP specification to create a seamless connection between AI agents and Azure services.

cloud_platforms
tabby-mcp-server

tabby-mcp-server

3.8

by thuanpham582002

Tabby-MCP-Server is a powerful plugin that implements a Model Context Protocol (MCP) server, enabling AI-powered terminal control and automation.

ai_chatbot
Aspire.MCP.Sample

Aspire.MCP.Sample

3.8

by elbruno

Sample MCP Server and MCP client using Aspire.

communication