Plugin stack · UX designers mapping structure and flows before visual design

The wireframing and user flow stack: 6 Figma plugins

Early UX work is about speed: blocking out screens, mapping the sitemap and drawing how people move between steps. This stack covers each part, from a free wireframe kit and two AI generators to connectors that stay attached when you move frames around.

6 plugins6 free to startPicked by figmaplugins.co

Wireframe

817K users

Make it yours. Copy this stack to your account, swap plugins in or out, and share your version with a link.

Make it my stack

The stack

6 plugins, one job each

  1. 1

    Wireframe

    by Manthankumar Satani

    817K users9.1KFree

    Best forWireframe kit

    A free library of wireframe blocks you drag onto the canvas, for when you want low fidelity without building a kit yourself.

    View details
  2. 2

    UX Pilot

    by Adam Fard

    317K users3.9KFree + paid features

    Best forAI wireframes

    Generates wireframes and UI screens from a prompt. Good for exploring layouts fast; the free plan's credits are limited.

    View details
  3. 3

    Relume

    by Relume

    310K users6.3KFree

    Best forSitemap to wireframe

    Builds a sitemap and wireframes in Relume's site builder, then brings them into Figma to edit. Strongest for marketing websites.

    View details
  4. 4

    Visual Sitemap

    by Mirko Santangelo

    85K users813Free

    Best forSitemaps

    Type a nested list and get a tidy tree diagram, in FigJam or Figma. Quicker than drawing boxes when the structure keeps changing.

    View details
  5. 5

    Autoflow

    by David Zhao

    1.1M users14KFree + $39 upgrade

    Best forFlow arrows

    Draws arrows between selected frames, hand-drawn or clean, and reroutes them around obstacles. Free for up to 50 flows per file.

    View details
  6. 6

    Arrow Connector

    by Chenmu Wu

    220K users2.2KFree

    Best forConnectors

    Connectors that stay attached as you move frames. Free, so it's a good fit for large maps where Autoflow's 50-flow limit gets in the way.

    View details

Outside the stack · Disclosure

FAQ

Frequently asked questions

What's the best free Figma plugin for wireframing?

Wireframe is free and gives you ready-made low-fidelity blocks. For flows, Arrow Connector is free with no limit, and Autoflow is free for up to 50 flows per file.

How do I draw user flow arrows in Figma?

Select two frames and run a connector plugin such as Autoflow or Arrow Connector. Our flow arrows guide covers both, plus the native option.

Can AI make wireframes in Figma?

Yes. UX Pilot and Relume both generate wireframes from a prompt. Use them to explore options, then edit the result by hand. More in the best AI Figma plugins.

Keep exploring

Related lists and guides

Wireframing

wireframes and low-fidelity layouts

See the top picks

Flowcharts & User Flows

flowcharts, user flows and connector arrows

See the top picks

Prototyping

prototyping and user testing

See the top picks

Guides

More stacks

All plugin stacks