The best Figma wireframe plugins in 2026
Wireframe is the most-installed wireframe plugin for Figma, with 817K users: a free kit of lo-fi components you drop onto the canvas, though it hasn't been updated since 2022. Relume (310K users) is the most-used AI option, because it takes a whole website from sitemap to wireframe and hands it to you as editable Figma layers. For app screens, or for turning finished designs back into wireframes, Ghost and Higherframer are the next most used.
Top 20 picks
Relume
#1 · 310K users
Quick answer
Our top picks
- #4
Best for website wireframes
Relume
by Relume
Relume generates a sitemap and wireframes with AI in its Site Builder, then lets you pull them into Figma to edit. It fits agencies and freelancers scoping marketing sites. It's built around websites, so app flows are a weaker fit, and the real work happens in Relume's own app.310K 6.3KFree - #8
Best for loading states
Ghost
by Christopher Kark
Ghost measures every layer in a selection and replaces it with a shape, turning a finished screen into a skeleton or loading state while keeping the original layers. It's free, has 87K users and 3K likes. It handles loading screens well but doesn't produce annotated wireframes.87K 2.8KFree - #11
Best hi-fi to lo-fi converter
Higherframer
by Joe Fajnor
Higherframer converts a high-fidelity screen into a wireframe using settings you adjust before converting. It's handy when a case study or review needs the wireframe you skipped. It's free with 55K users; expect to tidy the result, since automatic conversion can't know which details matter.55K 349Free
Outside the ranking · Disclosure
The full list
The 20 most-used Figma plugins for wireframing
- 01
817K9.1KFree - 02
580K5.1KFree + $5/mo - 03
UX Pilot
Generate UI Designs, Design System, Wireframes & Components (Desktop, Mobile)
Free + paid · 3.9K likes
317K3.9KFree + paid - 04310K6.3KFree
- 05
Wireframer
Free · 1.3K likes
262K1.3KFree - 06
136K1.5KFree - 07
100K1.7KFree - 08
Ghost
Ghost is a lightweight plugin that converts high fidelity mockups to loading or “skeleton” screens.
Free · 2.8K likes
87K2.8KFree - 09
82K841Free - 10
Annotate it!
Annotate it! makes it easy to annotate your wireframes and/or designs the smart way.
Free + $8/mo · 1.2K likes
65K1.2KFree + $8/mo - 1155K349Free
- 12
AI Design Copilot
Banani AI. Generate design wireframes filled with a copy in seconds. Use full power of GPT.
Free · 677 likes
52K677Free - 13
Hand Wireframe
Free · 440 likes
52K440Free - 14
Blocks
Produce wireframes for free with 50 components covering every product situation
Free · 1.4K likes
34K1.4KFree - 15
Wireframe Generator
Wireframes in seconds: choose your options, click "generate" and your wireframes will be created
Free · 109 likes
25K109Free - 16
23K161Free + $3/mo - 17
23K164Free + paid - 18
UIHut
Get 26,000+ UI Design Resources, Web Templates, Illustrations, UI Kits & Icon Packs for Figma
Free + paid · 328 likes
18K328Free + paid - 19
16K295Free - 20
14K81Free
Buying guide
What to look for
You don't need a plugin to wireframe in Figma. Grey rectangles, auto layout and a small component kit go a long way, and Figma AI on paid plans can draft a first layout from a prompt. Plugins help in three situations: planning a multi-page site quickly (Relume, Octopus.do), converting polished screens into lo-fi versions for case studies or stakeholder reviews (Higherframer, Lo-Fier), and generating loading skeletons (Ghost, Skeleton loader).
Skeleton screens overlap with wireframing because both strip a design down to boxes. Our skeleton loader guide covers that job in detail, and mock data plugins help once your wireframes need realistic content.
- 01
Starting point
Some plugins generate wireframes from nothing (Relume, Wireframe Generator, AI Design Copilot); others convert existing designs (Higherframer, Lo-Fier, Design to Wireframe Converter). Pick based on where your project is.
- 02
Editable, auto layout output
Wireframes should be easy to rearrange. Check whether generated layouts use auto layout and components or arrive as loose shapes you'll rebuild.
- 03
Fidelity and style
Grey boxes read as structure; hand-drawn styles like Sketch Pencil signal "this isn't final" to stakeholders. Choose the look that gets the feedback you want.
- 04
AI keys and accounts
Some AI wireframe tools ask for your own API key, like Gemini AI Wireframe Creator. Others need an account in an external app. Check before you install for a team.
FAQ
Frequently asked questions
Can you wireframe in Figma without a plugin?
Yes. Rectangles, text, auto layout and a simple component kit are enough for most wireframes, and paid plans include Figma AI tools that can draft a first layout. Plugins mainly save time on site planning, conversion and skeleton screens.
How do I convert a high-fidelity design into a wireframe?
Select the screen and run Higherframer or Lo-Fier, which strip colour and detail into a lo-fi version. Keep the original frame and convert a duplicate.
How do I make a skeleton loader in Figma?
Run Ghost on a finished screen to replace its layers with placeholder shapes, then add a shimmer with Smart Animate. The skeleton loader guide has the full steps.
Is Relume free?
The Relume plugin is free to install and listed as free on Figma Community. The wireframes are made in Relume's Site Builder, which is a separate product with its own account.
Keep exploring
Related lists and guides
Prototyping
prototyping and user testing
See the top picks
Flowcharts & User Flows
flowcharts, user flows and connector arrows
See the top picks
Mock Data & Content
realistic placeholder content and mock data
See the top picksGuides
- Why Are Constraints Not Showing in Figma?Constraints in Figma not showing? In UI3 they sit in the Position section, and only for layers inside a plain frame. Here's why they vanish and how to fix it.
- How to Add a Grid to a Frame in FigmaAdd a column, row or uniform grid to a Figma frame with layout guides, set count, margin and gutter, remove it, and fix a layout grid that isn't showing up.
- Why Is My Layout Grid Not Showing in Figma?Figma layout grid not showing? Turn layout guides back on with ⌃G or Ctrl+Shift+4, check the frame's eye icon, rotation and opacity, and fix grid snapping.
- How to Make a Skeleton Loader in FigmaHow to design a skeleton loader in Figma: grey blocks with auto layout, a component with variants, a Smart Animate shimmer, and a plugin that converts frames.
- Figma Frame Sizes: Which Preset to Pick and How to Change ItPick a Figma frame size from the Phone, Tablet, Desktop or Paper presets, change an existing frame's size, and why you design at viewport size, not resolution.
- How to Use the Grid Flow in Figma Auto LayoutFigma's auto layout Grid flow puts children into rows and columns. How to set it up, size tracks, span cells, and how it differs from layout guides.