Best Figma plugins for designers - AI tools

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$

Mockup Plugin enhances Figma designs using an extensive library of high-quality device and branding mockups, featuring AI-powered style generation.

• Freemium

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

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$

Figr Identity is an AI-powered Figma plugin that accelerates design system creation and ensures brand consistency using a context-aware engine.

• Freemium
• From 27$

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$

Figma Autoname is a free, AI-powered plugin that automatically renames design layers in Figma, saving designers valuable time while maintaining component naming integrity.

• Free

Magician is an AI-powered Figma plugin that enhances design workflows with features like text-to-icon conversion, copywriting assistance, and image generation capabilities.

• Freemium

Contentinator is a Figma plugin that uses AI to generate realistic content for your designs with minimal effort.

• Free

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

• Freemium
• From 15$

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$

UXmagic.ai transforms ideas into designs using AI prompts, exports to various platforms, and optimizes live designs for better conversions, saving significant development time.

• Freemium
• From 20$

Iconbuddy is a powerful search engine for over 250,000 open-source icons, offering seamless integration with Figma, VS Code, Framer, and Chrome, alongside an AI SVG generator.

• Pay Once

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

Optimize your design and development process with Typper's AI-powered Figma plugins, where creativity meets efficiency.

• Free Trial
• From 16$

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$

UIHut offers designers and developers instant access to over 26,000 editable design resources including UI kits, web templates, illustrations, and icons for streamlined workflow and faster product launches.

• 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

Anima is an AI-powered tool that automates the conversion of designs from Figma, VSCode, and Adobe XD into developer-friendly frontend code, streamlining the design-to-development workflow.

• Freemium

TextWise is an AI-powered Figma plugin that streamlines design workflows by providing translation, paraphrasing, and AI writing assistance for designers working with text elements.

• Freemium
• From 5$

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$

Design-Copilot provides immediate UI-UX feedback, enhancing design precision and user engagement. It leverages AI to streamline the design process.

• Contact for Pricing

WireGen.ai is an AI-powered Figma plug-in that automates UI wireframe creation, generating customizable designs based on user descriptions in seconds.

• Paid
• From 5$

Atomica is an AI-powered color companion that streamlines the creation, management, and documentation of color systems within Figma.

• Free

TinyFaces offers a diverse library of AI-generated stock avatars, suitable for personal and commercial use, accessible via easy integration with Sketch, Figma, or a simple API request.

• Freemium

Ugic is a Figma plugin that leverages AI to generate multi-language UI drafts directly from your existing component library. It streamlines UI design by creating customized drafts in multiple languages.

• Free

Sizze uses AI to convert interface images or Figma design files into ready-to-use UI layout code for multiple development frameworks.

• Freemium

PixelFree Studio converts designs, including Figma imports, into production-ready code for multiple frameworks like HTML5, Vue, React, Angular, and C#, streamlining front-end development.

• Free Trial
• From 50$

Moio is a design tool for creating high-fidelity, interactive user interfaces and prototypes for apps, games, and websites without coding.

• Contact for Pricing

Magic Patterns uses generative AI to help you build beautiful, functional components and frontend applications. Export designs to Figma or a production-ready code repository.

• Freemium