Figma for React developers - AI tools

Fae is an AI-powered tool that converts Figma designs into clean, production-ready React code with support for various CSS frameworks and TypeScript.

• Other

Rapidream is an AI-powered Figma-to-React tool that converts designs into clean, responsive React code with intelligent element merging and automatic flex styling calculations.

• Contact for Pricing

Felix AI is an AI-powered assistant integrated into Figma, translating designs into structured outputs like code and enhancing the design-to-development process.

• Free

Bifrost is an AI-powered tool that automatically converts Figma designs into production-ready React code, streamlining the design-to-development workflow and eliminating manual frontend coding.

• Contact for Pricing

Quest generates clean, production-ready ReactJS code from your designs, enabling faster development and seamless design-dev updates. It integrates with Figma and supports popular design systems.

• Contact for Pricing

Frontender is a Figma plugin that automatically converts design layers into front-end code like HTML/CSS and JSX/Tailwind, acting as a personal junior developer.

• Freemium
• From 16$

FUNCTION12 automatically converts Figma designs into front-end code for frameworks like React, HTML, Flutter, and Vue, streamlining the development workflow.

• Freemium
• From 15$

The Icon Set provides over 5,200 Figma-ready icons in 5 styles, organized for quick access and seamless integration into any UI/UX project.

• Pay Once

pxCode is an AI-powered tool that converts Figma designs into clean, production-ready HTML, React, or Vue code, streamlining the web development workflow.

• Contact for Pricing

AntBlocks UI offers a library of high-quality, customizable React and Figma components built on Ant Design, designed to streamline web development and modern UI design workflows.

• Other

Flowkit is a powerful Figma plugin that streamlines user flow diagram creation, offering both automatic and manual connectivity features for efficient design workflows.

• Freemium
• From 4$

Onlook is a visual editor allowing designers and developers to edit React websites directly and write changes back to code, featuring AI assistance for building and design.

• Freemium

Pagedraw is an AI-powered UI builder that generates React components from visual designs, enabling developers to create high-quality code faster without manual CSS work.

• Freemium

Iconoir is an open-source icon library offering 1,671+ free icons in multiple formats including SVG, Font, React, React Native, Flutter, Figma, and Framer, serving as an alternative to paid icon resources.

• Free

Niral.ai is an AI-powered platform that converts Figma designs into production-ready front-end code (React, Angular, Vue, React Native), significantly accelerating development.

• Paid
• From 39$

Pictomate Icons is a free Figma plugin offering a high-quality, production-ready icon library with smart search and seamless integration for UI/UX design.

• Free

FigComponents is an AI-powered platform offering a curated library of Figma components, enabling designers to discover, copy, and paste UI elements efficiently for various design projects.

• Freemium

Eva Design offers customizable design assets and UI libraries for Sketch and Figma, based on atomic design principles, to streamline web and mobile application design.

• Other