mcp-figma-to-react
22
The MCP Figma to React Converter is a server that transforms Figma designs into React components with TypeScript and Tailwind CSS. It utilizes the Figma API and supports both stdio and SSE transports for execution.
MCP Figma to React Converter
This project is a Model Context Protocol (MCP) server designed to convert Figma designs into React components. It provides the functionality to fetch Figma designs using the Figma API, extract and generate React components with TypeScript, and apply Tailwind CSS styles. Features include accessibility enhancements and support for stdio and SSE transports.
Features
- Fetch Figma designs via API
- Extract and generate React components
- Use TypeScript and Tailwind CSS
- Enhance components with accessibility features
- Supports stdio and SSE transports
Prerequisites
- Node.js 18 or higher
- Figma API token
Usage
Run the server locally or as an HTTP server with an appropriate transport setting.