Flowkit for Figma
Design user flows at the speed of thought—fast, automatic, and sticky flows right inside your favorite design tool.
You're in good company using Flowkit.
fig. 1
Auto mode lets you connect two shapes, objects, frames, etc. with a shift click.
fig. 2
Once connected in Auto mode, objects remain connected while you move them around the canvas.
fig. 3
Manual mode gives you granular control over the size and position of each individual flow component.
You can also customize the end caps with built-in nested variants.
fig. 4
Blocks provide a range of shapes and devices for adding flow waypoints.
fig. 5
Glyphs give you a quick and easy way to add more context to your user flows.
fig. 6
Annotate your flows with labels for quicker and clearer communication.
"The Dribbble team just all got set up with the new Flowkit for Figma. Such a rad product!"
Zack Onisko
Dribbble
"Flowkit—the new plugin for user flows, content maps, screen annotations, and more."
Dropbox Design
Dropbox
"Props to my man @mds for making Flowkit so easy to use to make diagrams..."
Dan Mall
Superfriendly
"I just bought Flowkit. This is gonna save so much time when I need to make user flows."
Kristie Clementine
Product Designer
"Flowkit exceeds expectations. This lowers the barrier to making informative flows."
Rolando Mathis
Product Designer
"Picking up this little gem for the eBay design team today. Go get it...Matt is a beast. @mds"
Greg Becker
eBay
1/1
1/2
1/3
1/4
1/5
1/6
2/1
2/2
2/3
2/4
2/5
2/6
3/1
3/2
3/3
3/4
3/5
3/6
4/1
4/2
4/3
4/4
4/5
4/6
5/1
5/2
5/3
5/4
5/5
5/6