f2c-mcp

3.6

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.

The F2C MCP Server is a specialized server designed to facilitate the conversion of Figma designs into code using the Model Context Protocol. It is particularly focused on providing pixel-perfect HTML/CSS outputs from Figma designs, supporting multiple frameworks such as React, CSS Modules, and Tailwind CSS. The server integrates design context to ensure compatibility with AI tools like Cursor, and it streamlines workflows by parsing Figma file URLs and automating the localization of remote images. This server is ideal for developers looking to enhance their design-to-code processes with precision and efficiency.

Features

🎨 Pixel-Perfect HTML/CSS: Converts Figma designs to pixel-perfect HTML/CSS with precision.
⚛️ Multi-Framework Support: Generates React, CSS Modules, and Tailwind CSS code for fast development.
🧠 Figma Design Context: Integrates design context, ensuring compatibility with AI tools like Cursor.
🔗 Figma File URL Parsing: Converts design nodes via Figma URLs, streamlining workflows.
🖼️ Remote Image Localization: Automates downloading Figma images to local assets for efficiency.

Related MCP Servers

View all developer_tools servers →

claude-task-master

4.7

by eyaltoledano

Task Master is a task management system for AI-driven development with Claude, designed to work seamlessly with Cursor AI.

ai_chatbot

git-mcp

4.6

by idosal

GitMCP is a free, open-source, remote Model Context Protocol (MCP) server that transforms GitHub projects into documentation hubs, enabling AI tools to access up-to-date documentation and code.

developer_tools

mcp-server-chart

4.5

by antvis

A Model Context Protocol server for generating charts using AntV.

research_and_data

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

mcpdoc

4.5

by langchain-ai

MCP LLMS-TXT Documentation Server provides a structured way to manage and retrieve LLM documentation using the Model Context Protocol.

developer_tools

osp_marketing_tools

4.4

by open-strategy-partners

A comprehensive suite of tools for technical marketing content creation, optimization, and product positioning based on Open Strategy Partners' proven methodologies.

communication

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-server-tree-sitter

4.4

by wrale

The MCP Tree-sitter Server is a Model Context Protocol server that provides code analysis capabilities using tree-sitter, designed to give AI assistants intelligent access to codebases with appropriate context management.

developer_tools

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

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

4.3

by GongRzhe

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

file_systems

n8n-workflow-builder

4.2

by makafeli

The n8n Workflow Builder MCP Server is designed to manage n8n workflows, providing tools for workflow management and execution management.

developer_tools

mcp-n8n-workflow-builder

4.1

by salacoste

The n8n Workflow Builder MCP Server is designed to manage n8n workflows using the Model Context Protocol, allowing seamless integration with Claude AI and Cursor IDE.

cloud_platforms

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

github-mcp-server

4.1

by github

The GitHub MCP Server is a Model Context Protocol server that integrates with GitHub APIs for automation and interaction.

developer_tools

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

supabase-mcp

3.8

by supabase-community

Connect your Supabase projects to AI assistants using the Model Context Protocol (MCP) server.

databases

GhidraMCP

3.8

by LaurieWired

ghidraMCP is a Model Context Protocol server designed to enable LLMs to autonomously reverse engineer applications using Ghidra.

developer_tools

mcp-server-git: A git MCP server

3.8

by modelcontextprotocol

A Model Context Protocol server for Git repository interaction and automation.

developer_tools

mcp-atlassian

3.8

by sooperset

Model Context Protocol (MCP) server for Atlassian products (Confluence and Jira). This integration supports both Confluence & Jira Cloud and Server/Data Center deployments.

cloud_platforms

Nx MCP Server

3.8

by nrwl

A Model Context Protocol server implementation for Nx, providing LLMs with deep access to monorepo structures.

cloud_platforms

Aspire.MCP.Sample

3.8

by elbruno

Sample MCP Server and MCP client using Aspire.

communication

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

Sourcebot

3.7

by sourcebot-dev

The Sourcebot MCP server allows LLM agents to fetch code context from various repositories hosted on platforms like GitHub, GitLab, and Bitbucket, enhancing the capabilities of LLMs in code-related tasks.

developer_tools

codemcp

3.7

by ezyang

codemcp is a tool that integrates with Claude Desktop to provide a pair programming assistant, allowing direct code editing and testing.

developer_tools

HubSpot

3.7

by PipedreamHQ

Pipedream MCP Server is a reference implementation that allows you to run your own MCP server for over 2,500 apps and APIs, powered by Pipedream Connect.

cloud_platforms

XcodeBuildMCP

3.7

by cameroncooke

A Model Context Protocol (MCP) server that provides Xcode-related tools for integration with AI assistants and other MCP clients.

developer_tools