mcp-figma-to-react

mcp-figma-to-react

3.5
developer_tools

If you are the rightful owner of mcp-figma-to-react 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.

MCP Figma to React Converter is a server that transforms Figma designs into React components using TypeScript and Tailwind CSS.

The MCP Figma to React Converter is a specialized server designed to streamline the process of converting Figma design files into React components. It leverages the Figma API to fetch design data and then processes this data to generate React components, complete with TypeScript and Tailwind CSS integration. This tool is particularly useful for developers looking to maintain design consistency and efficiency in their React projects. It supports both standard input/output (stdio) and server-sent events (SSE) transports, making it versatile for different development environments.

Features

  • Fetch Figma designs using the Figma API
  • Extract components from Figma designs
  • Generate React components with TypeScript
  • Apply Tailwind CSS classes based on Figma styles
  • Enhance components with accessibility features

Tools

  1. getFigmaProject

    Get a Figma project structure

  2. getFigmaComponentNodes

    Get component nodes from a Figma file

  3. extractFigmaComponents

    Extract components from a Figma file

  4. getFigmaComponentSets

    Get component sets from a Figma file

  5. generateReactComponent

    Generate a React component from a Figma node

  6. generateComponentLibrary

    Generate multiple React components from Figma components

  7. writeComponentsToFiles

    Write generated components to files

  8. figmaToReactWorkflow

    Complete workflow to convert Figma designs to React components

Related MCP Servers

View all developer_tools servers →
claude-task-master

claude-task-master

4.8

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

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-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
repomix

repomix

4.5

by yamadashy

Repomix is a tool that packs your codebase into AI-friendly formats, making it easier to use with AI tools like LLMs.

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

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
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
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
wcgw

wcgw

4.3

by rusiaaman

wcgw is an MCP server with tightly integrated shell and code editing tools, designed to empower chat applications like Claude to code, build, and run on your local machine.

developer_tools
Software-planning-mcp

Software-planning-mcp

4.2

by NightTrek

A Model Context Protocol (MCP) server designed to facilitate software development planning through an interactive, structured approach.

developer_tools
mindmap-mcp-server

mindmap-mcp-server

4.2

by YuChenSSR

A Model Context Protocol (MCP) server for converting Markdown content to interactive mindmaps.

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
github-mcp-server

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
algorand-mcp

algorand-mcp

4.1

by GoPlausible

This is a Model Context Protocol (MCP) implementation for Algorand blockchain interactions, providing a server package for blockchain interactions and a client package for wallet management and transaction signing.

communication
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
mcp-datetime

mcp-datetime

4.0

by ZeparHyfar

A datetime formatting service implemented as an MCP server for the Claude Desktop Application.

developer_tools
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
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
GhidraMCP

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-atlassian

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
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
cursor-talk-to-figma-mcp

cursor-talk-to-figma-mcp

3.8

by sonnylazuardi

This project implements a Model Context Protocol (MCP) integration between Cursor AI and Figma, allowing Cursor to communicate with Figma for reading designs and modifying them programmatically.

browser_automation
mcp-server-git: A git MCP server

mcp-server-git: A git MCP server

3.8

by modelcontextprotocol

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

developer_tools
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