{"repo":"StudentOfJS/mcp-figma-to-react","free":true,"listed":false,"github":"https://github.com/StudentOfJS/mcp-figma-to-react","clone":"git clone https://github.com/StudentOfJS/mcp-figma-to-react.git","description":"MCP server for converting Figma designs to React components","language":"TypeScript","stars":77,"topics":[],"license":"MIT","category":"mcp-servers","readme_excerpt":"MCP Figma to React Converter This is a Model Context Protocol (MCP) server that converts Figma designs to React components. It provides tools for fetching Figma designs and generating React components with TypeScript and Tailwind CSS. 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 - Support for both stdio and SSE transports Prerequisites - Node.js 18 or higher - A Figma API token Installation 1. Clone the repository 2. Install dependencies: 3. Build the project: Configuration You need to set the FIGMA API TOKEN environment variable to your Figma API token. You can get a personal access token from the Figma account settings page. Usage Running as a local MCP server Or with explicit transport: Running as an HTTP server Available Tools Figma Tools - getFigmaProject : Get a Figma project structure - getFigmaComponentNodes : Get component nodes from a Figma file - extractFigmaComponents : Extract components from a Figma file - getFigmaComponentSets : Get component sets from a Figma file React Tools - generateReactComponent : Generate a React component from a Figma node - generateComponentLibrary : Generate multiple React components from Figma components - writeComponentsToFiles : Write generated components to files - figmaToReactWorkflow : Complete workflow to convert Figma designs to React compo","default_branch":null,"files":null,"tree":[],"storefront":"/r/StudentOfJS","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/StudentOfJS/mcp-figma-to-react/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}