Figma plugin for web development - AI tools

Detachless allows users to publish websites directly from Figma, transforming designs into live websites or exporting them to code, all within the Figma environment.

• Freemium
• From 9$

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

• Freemium
• From 15$

Figma to Tailwind CSS is an AI-powered plugin that transforms Figma designs into optimized Tailwind CSS code in a single click. Streamline your web development workflow with efficient code generation and easy integration.

• Paid

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

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$

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

Weavely is a Figma plugin that transforms design prototypes into functional web forms while maintaining complete design customization and offering advanced features like conditional logic, answer piping, and AI form generation.

• Freemium
• From 8$

Figmaster offers a hands-on workbook and plugin for Figma, guiding users through creating a comprehensive design system via step-by-step exercises. Learn by practicing within Figma and build professional-grade style guides, components, and documentation.

• Pay Once

Text to Design is an AI-powered Figma plugin that instantly transforms text descriptions and images into Figma designs, streamlining the UI/UX workflow.

• Freemium
• From 20$

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