11 Best Figma AI Plugins in 2026

• Design to React, HTML or Tailwind — Anima
• Turning a screen into a working app — Builder.io
• One-click code for six frameworks — Locofy Lightning
• Screenshot to editable Figma layers — Codia AI Design
• Prompt to full UI screens — UX Pilot

Plugin	Best for	Price	Works in
Anima	Best forDesign to React, HTML or Tailwind	PriceFree	Works inFigma DesignDev Mode
Builder.io	Best forTurning a screen into a working app	PriceFree	Works inFigma DesignDev Mode
Locofy Lightning	Best forOne-click code for six frameworks	PriceFree	Works inFigma DesignDev Mode
Codia AI Design	Best forScreenshot to editable Figma layers	PriceFree	Works inFigma DesignFigJam
UX Pilot	Best forPrompt to full UI screens	PriceFree + paid features	Works inFigma DesignFigJam
Relume	Best forSitemaps and wireframes for marketing sites	PriceFree	Works inFigma Design
HTML to Figma	Best forImporting a web page as layers, free	PriceFree	Works inFigma Design
UI Faces	Best forAI-generated avatars for mockups	PriceFree	Works inFigma DesignFigma SlidesFigJam
AI Image Upscaler	Best forUpscaling low-res images before export	PriceFree + paid features	Works inFigma Design
Codia AI Figma to code	Best forFull-stack app scaffolds from Figma	PriceFree	Works inFigma DesignDev Mode
Magic Animator • AI Animation Generator for Figma	Best forAI motion for a static frame	PriceFree	Works inFigma Design

1. 

   1

   1. Anima

   by Anima

   1.9M users18KFree

   Best forDesign to React, HTML or Tailwind

   Anima generates React, HTML, Vue and Tailwind from frames and shows the code inside Dev Mode. It is the plugin we hand to a developer who wants a starting point they will refactor, and four of our sixteen sources recommend it for that job. Expect to tidy the output before it ships.

   Pros

   • + 1.9M users, updated August 2026
   • + Runs in Design and Dev Mode
   • + Framework choice per export

   Cons

   • − Needs an Anima account
   • − Output still needs a developer's pass
   View details
2. 

   2

   2. Builder.io

   by Steve Sewell

   1.3M users23KFree

   Best forTurning a screen into a working app

   Builder.io exports clean, responsive code and can turn a Figma screen into a working AI-built app or prototype. It goes further than Anima on layout, in exchange for a heavier setup. Four sources list it, and it is the one we pick when the goal is a running page rather than a snippet.

   Pros

   • + Responsive layout inference
   • + Maps output to your own components
   • + 1.3M users

   Cons

   • − Setup is heavier than Anima
   • − Last version March 2026, slower cadence than rivals
   View details
3. 

   3

   3. Locofy Lightning

   by Locofy.ai

   608K users5.4KFree

   Best forOne-click code for six frameworks

   Locofy Lightning converts frames to React, React Native, Flutter, HTML/CSS, Angular, Next and Vue in one pass. It suits teams that have not settled on a stack yet, or that ship web and mobile from the same file. The trade-off is that the deeper editing lives in Locofy's own app.

   Pros

   • + Widest framework list on the list
   • + Updated September 2026
   • + Runs in Dev Mode

   Cons

   • − Full editing happens outside Figma
   • − None of our sources rank it yet
   View details
4. 

   4

   4. Codia AI Design

   by Codia.AI

   334K users6.1KFree

   Best forScreenshot to editable Figma layers

   Codia AI Design turns a screenshot into editable layers with text, colour and auto layout. It is the plugin we use to recover a legacy screen with no source file or to pull apart a reference. Output needs cleanup, but it beats redrawing.

   Pros

   • + Free, 334K users
   • + Updated September 2026
   • + Also runs in FigJam

   Cons

   • − Layer names need tidying
   • − Complex screens come back as nested groups
   View details
5. 

   5

   5. UX Pilot

   by Adam Fard

   317K users3.9KFree + paid features

   Best forPrompt to full UI screens

   UX Pilot generates desktop and mobile screens, wireframes and components from a prompt, inside Figma. It overlaps with First Draft, but it works on the Starter plan and does not spend your Figma AI credits. Two sources list it, and the free tier is enough to judge whether the style suits you.

   Pros

   • + Works without Figma AI credits
   • + Desktop and mobile in one prompt
   • + Updated September 2026

   Cons

   • − In-app purchases for volume
   • − Generated screens need design-system cleanup
   View details
6. 

   6

   6. Relume

   by Relume

   310K users6.3KFree

   Best forSitemaps and wireframes for marketing sites

   Relume generates a sitemap and page wireframes from a prompt, using its own component library. It is good for the first hour of a website project and much less useful for product UI. Free to try, with the library behind a Relume account.

   Pros

   • + Sitemap and wireframes in one flow
   • + Consistent Relume component set
   • + 310K users

   Cons

   • − Marketing sites only
   • − Last version February 2026
   View details
7. 

   7

   7. HTML to Figma

   by ReforeAI

   129K users1.6KFree

   Best forImporting a web page as layers, free

   HTML to Figma imports any web page as editable layers, including AI-generated pages. It is the free alternative to html.to.design for occasional use; the paid tool handles complex pages better. Use it when you need one page, not a whole site.

   Pros

   • + Free
   • + Updated September 2026
   • + Handles AI-generated pages

   Cons

   • − Struggles with heavy pages
   • − 129K users, smaller community than html.to.design
   View details
8. 

   8

   8. UI Faces

   by Aleksandar Tasevski

   379K users2.7KFree

   Best forAI-generated avatars for mockups

   UI Faces fills avatar slots with AI-generated faces that do not belong to anyone. It suits any list, table or profile layout that needs people in it without a stock licence. The faces are photoreal, so label them in client work.

   Pros

   • + Free, no licence question
   • + Runs in Design, Slides and FigJam
   • + 379K users

   Cons

   • − Faces only, no names or bios
   • − Filters are basic
   View details
9. 

   9

   9. AI Image Upscaler

   by Meng To

   161K users1.8KFree + paid features

   Best forUpscaling low-res images before export

   AI Image Upscaler enlarges an image up to 8x without the blur you get from scaling in Figma. We use it on client-supplied logos and screenshots that arrive too small for a hero. The free allowance is small, then it bills inside the plugin.

   Pros

   • + Up to 8x upscale
   • + Works on any raster fill

   Cons

   • − In-app purchases after the free allowance
   • − Last version October 2025
   View details
10. 

    10

    10. Codia AI Figma to code

    by Codia.AI

    153K users2.4KFree

    Best forFull-stack app scaffolds from Figma

    Codia AI Figma to code generates web and mobile app code from the same team as Codia AI Design. It is the most ambitious pick here, aiming at a whole app rather than a component. Trial it on one screen before you commit a project to it.

    Pros

    • + Web and mobile targets
    • + Updated August 2026

    Cons

    • − Output quality varies by screen complexity
    • − Smaller user base at 153K
    View details
11. 

    11

    11. Magic Animator • AI Animation Generator for Figma

    by Alistair Thomson

    74K users3.4KFree

    Best forAI motion for a static frame

    Magic Animator generates editable motion for a Figma frame and exports Lottie, GIF or MP4. It suits a launch post or a title slide that needs movement without opening After Effects. Keep it to short loops; longer sequences still want a real animation tool.

    Pros

    • + Editable keyframes, not a baked video
    • + Free

    Cons

    • − 74K users, young plugin
    • − Design editor only, not Slides
    View details

We built a source table from sixteen roundups and forum threads (ProtoPie, UX Pilot, Clay, Muzli, Builder.io, Hedrick and the Figma forum among them), counted how many recommend each plugin for a job, then checked every candidate against our catalog for users, price and last version date. A plugin had to ship a version in the last 12 months, and it had to do a job Figma's own AI does not. Where two plugins do the same job we kept the one we would open first.

• Product designer on a paid plan: try Figma Make and First Draft first, then Codia AI Design for the screens you have to reverse-engineer.
• Designer on the Starter plan: UX Pilot and Relume generate without spending Figma AI credits.
• Developer: Anima for a snippet, Builder.io for a running page, Locofy when the stack is Flutter or React Native. The Figma MCP server is the no-plugin route if you use an AI coding agent.
• Marketing or brand: Relume for the site map, HTML to Figma to pull a competitor page in, UI Faces and the upscaler for content.

• Wireframe Designer (580K users) charges $5 a month and last shipped in May 2025. UX Pilot does the same job on a current build.
• Text to Design (137K) has not shipped since January 2024, and First Draft now covers its job on every plan.
• Figma Autoname (61K, last version 2022) renames layers with AI, which Figma's native Rename layers does on paid plans.
• FigGPT and Figma GPT put a chat box in the sidebar. Neither has shipped since 2024, and neither changes the canvas.
• Attention Insight and Magic Patterns both last shipped in May 2025, outside our 12-month rule.

• Rename layers is built in on paid plans and doesn't use AI credits.
• First Draft, Figma Make and the Figma agent generate editable designs and working apps from a prompt, and every seat gets monthly credits.
• Dev Mode generates code snippets in CSS, SwiftUI, Compose and XML without any plugin, on a Dev or Full seat.

Plugins still win when you're on Starter, when you need a specific framework, or when the job is importing something into Figma rather than generating it. For the wider set of plugins we keep installed, see our best Figma plugins roundup.

We build an AI mock-data plugin ourselves. It's not ranked above; it's here as a disclosed extra for anyone filling layouts with realistic content.