The best Figma AI plugins in 2026
The most-used Figma AI plugin is Anima, with 1.9M users, which uses AI to turn designs into React, HTML, Vue or Tailwind code. Most AI plugins in the top 20 do one of three jobs: design to code, screenshot or prompt to design, and file chores like renaming layers.
Top 21 picks
Anima
#1 · 1.9M users
Quick answer
Our top picks
- #1
Most used AI plugin
Anima
by Anima
Anima generates React, HTML, Vue, CSS and Tailwind (including MUI) from Figma frames, and it also shows code inside Dev Mode. It fits teams who want a starting point a developer will review and refactor. Treat the output as a draft: component boundaries and naming still need a person's judgement.1.9M 18KFree - #6
Best for screenshots to editable designs
Codia AI Design
by Codia.AI
Codia AI Design takes a screenshot of an app or website and rebuilds it as editable Figma layers. It's useful for recreating a legacy screen with no source file, or for pulling apart a competitor's layout. The rebuild is an approximation, so check text styles and spacing before you reuse it.334K 6.1KFree - #21
Best free AI utility
Figma Autoname
by Hugo DUPREZ
Figma Autoname renames every layer in a selection in one click, and its listing says it's free and open source. It's a quick fix for inherited files full of 'Frame 482'. Figma's own Rename layers does a similar job on paid plans, so the plugin matters most on the Starter plan.61K 1.9KFree
Outside the ranking · Disclosure
The full list
The 21 most-used Figma plugins for ai
- 011.9M18KFree
- 02
Builder.io
Export designs to clean, responsive code or turn Figma screens into AI apps and prototypes.
Free · 23K likes
1.3M23KFree - 03
580K5.1KFree + $5/mo - 04
379K2.7KFree - 05
Figma to Fully Responsive HTML & Clean Code 20x Faster with AI
Convert Figma to Fully Responsive HTML CSS / React / Vue / Tailwind with AI
Free · 1.9K likes
341K1.9KFree - 06
Codia AI Design
Capture, Transform, Create! Transform Screenshot into Stunning Editable Figma Designs with Ease!
Free · 6.1K likes
334K6.1KFree - 07
UX Pilot
Generate UI Designs, Design System, Wireframes & Components (Desktop, Mobile)
Free + paid · 3.9K likes
317K3.9KFree + paid - 08
310K6.3KFree - 09
174K762Free - 10
161K1.8KFree + paid - 11
153K2.4KFree - 12
137K1.3KFree + paid - 13
Figr Identity
Generate production-grade design systems with components, variables & style sheets setup in Figma
Free · 4.2K likes
136K4.2KFree - 14
HTML to Figma
Transform any webpages into fully editable Figma design, AI-Generated page also support
Free · 1.6K likes
129K1.6KFree - 15
123K2.6KFree + paid - 16
106K997Free - 17
93K756Free + paid - 18
Attention Insight
Instantly generate AI heatmaps with predictive eye-tracking technology. Boost conversions.
Free + paid · 1.5K likes
80K1.5KFree + paid - 19
Figma to Elementor
Convert Figma to Elementor in WordPress using AI. Best way to convert Figma to Elementor in no time.
Free · 1.3K likes
79K1.3KFree - 20
78K841Free - 2161K1.9KFree
Buying guide
What to look for
Figma ships a lot of AI itself now. Rename layers is built in on paid plans and doesn't use AI credits. First Draft and the Figma agent generate editable designs from a prompt, and every seat gets monthly AI credits, including seats on the free plan. Check the native feature before installing a plugin for the same job. Plugins still make sense when you want a specific output, like editable motion from Magic Animator or code for one framework.
Most AI plugins process your selection on the vendor's servers, and several run their own accounts and credits. For our picks we skipped the prompt-to-UI generators, which change month to month, and chose tools whose output you can check against the original.
- 01
What it outputs
AI plugins return layers, code, images or animation. Decide which one you need first; a prompt-to-design tool and a design-to-code tool solve opposite problems.
- 02
Editable results
Generated screens should come back as named layers in auto layout frames. Flat groups of absolutely positioned shapes cost more cleanup than they save.
- 03
Credits and accounts
Several of the top 20 (UX Pilot, AI Image Upscaler, Text to Design, FigGPT, Figma to React from Quest and Attention Insight) sell features inside the plugin, and Wireframe Designer is a $5 monthly subscription. Others may cap free use on their own site, so check before building a workflow around one.
- 04
Overlap with Figma AI
Layer renaming, text rewriting and first-draft screens are now native. A plugin should do something those features don't, or work on a plan where they aren't available.
- 05
Data handling
Read what the plugin sends to its servers and whether it's used for training. It matters for client work and unreleased products.
FAQ
Frequently asked questions
Does Figma have built-in AI?
Yes. Figma AI includes layer renaming, AI search, First Draft and the Figma agent for generating designs, and Figma Make for prompt-to-app prototypes. AI credits come with every seat on every plan and reset monthly; renaming layers and AI search don't use credits.
What is the best AI plugin for converting Figma to code?
By usage, Anima (1.9M users) and Builder.io (1.3M users) lead. Both generate React, Vue and Tailwind. Compare them with non-AI converters on our Figma to code list.
Can AI turn a screenshot into an editable Figma design?
Yes, with plugins like Codia AI Design, Image To Figma Design or Screenshot2Design. Expect to fix spacing and fonts afterwards. If the source is a live website, a URL importer from our HTML to Figma list gets closer to the original.
Are Figma AI plugins free?
Most of the top 20 are free to install, but AI calls cost the vendor money, so many limit free use through their own accounts. In our data, UX Pilot, AI Image Upscaler, Text to Design, FigGPT, Figma to React from Quest and Attention Insight sell features inside the plugin, and Wireframe Designer is a paid subscription.
Can AI generate realistic mock data in Figma?
Yes. Several plugins fill layouts with names, prices and dates generated by AI or from preset lists. See our mock data plugins and the Figma mock data guide.
Keep exploring
Related lists and guides
Figma to Code
turning designs into code
See the top picks
Mock Data & Content
realistic placeholder content and mock data
See the top picks
Free
free plugins that cost nothing to use
See the top picksGuides
- How to Use Figma MakeUse Figma Make to turn a prompt or a Figma design into a working app: write better prompts, attach frames and libraries, add custom fonts, publish and share it.
- Figma Make Not Working? How to Fix ItFix Figma Make when it's slow after many prompts, out of credits, won't import your library, shows the wrong font, breaks the preview or won't publish.
- How Figma AI Credits WorkHow Figma AI credits work: monthly credits per plan and seat, what Make prompts and image tools cost, running out, buying more and turning AI off.
- How to Use Claude with FigmaUse Claude with Figma via the Figma MCP server in Claude Code, the Figma connector in the Claude app, or plugins that call Claude, and see what each can do.
- How to Add Realistic Mock Data in FigmaHow to fill Figma designs with realistic mock data: names, emails, addresses, and AI-written text. Native Figma AI, lorem ipsum plugins, and Mock Master AI.
- How to Set Up the Figma MCP ServerSet up the Figma MCP server in Claude Code, Cursor, VS Code or Codex, see tool call limits for your plan and seat, and fix OAuth, connection and tool errors.