Figma to React

73

Transforms Figma designs into React components with TypeScript and Tailwind CSS, providing tools for API integration, component extraction, and accessibility enhancements.

GitHub
Category APIs
Language TypeScript
License MIT
Added Mar 28, 2026
Views 45

About

MCP Figma to React Converter is a server that transforms Figma designs into React components with TypeScript and Tailwind CSS. It provides tools for fetching Figma designs via the API, extracting components, generating React code with accessibility enhancements, and applying appropriate Tailwind classes based on Figma styles. The server supports both stdio and SSE transports, making it versatile for integration into various development workflows where designers and developers need to bridge the gap between design assets and production-ready React components.

Is this your product? Claim this listing with an email at your domain to post updates.

Is this your project?

Claim this listing to manage your page, access analytics, and unlock upgrades. Verification takes 60 seconds.

Log In to Claim

Share This Project

Share on X Share on LinkedIn

Embed Badge

Add this badge to your README:

[![Listed on AiList](https://hifriendbot.com/ai-list/badge/figma-to-react.svg)](https://hifriendbot.com/ai-list/figma-to-react/)
Listed on AiList

Compare

Figma to React vs Figma Design Processor Figma to React vs Figma to React Native Figma to React vs its-just-ui

Similar Projects

Figma Design Processor

2

Transforms Figma designs into structured data for React implementation, providing tools to extract component details, styles, and layout properties through the Figma API.

APIs

Figma to React Native

7

Extracts and analyzes components from Figma design files, enabling seamless integration between Figma designs and React Native development through component hierarchy processing and metadata generation.

MCP Servers

its-just-ui

4

Provides tools for generating, customizing, and documenting React components from the its-just-ui library through natural language interactions, enabling component creation with props and styling, form generation with validation, responsive layouts, theme configuration, and Tailwind CSS utility clas

Libraries

List Your Project

Join the directory Ai agents read. Free forever.

Submit Your Project