Create Flow Diagrams in Sketch With User Flows Plugin

Interface designers quickly fell in love with Sketch as a UI/UX design tool. Right out of the box, it can whip up simple interfaces much quicker than Photoshop or Illustrator. One nice

Interface designers quickly fell in love with Sketch as a UI/UX design tool. Right out of the box, it can whip up simple interfaces much quicker than Photoshop or Illustrator.

Free Sketch GUI Kits For Web & Mobile Design – Best of

Free Sketch GUI Kits For Web & Mobile Design – Best of

Many designers are quickly jumping ship from Adobe Photoshop into the wonderful realm of Sketch. This digital design…Read more

One nice feature missing from Sketch is the ability to link artboards with flow charts. But with the User Flows plugin you can do just that!

user flows

UX designers often need to deliver a full working prototype of mockups connecting different links/buttons to pages in the app or website. With User Flows, you can generate full sketch diagrams connecting certain elements on one page to another.

Flows can also help you define complete mockups with diagram templates. This feature automatically combines all the artboards and their flow lines together into one big Sketch file. This way you can export your flow ideas directly from Sketch.

user flows sketch

You can change line color, size, and export options for @1x or @2x sizes.

All flow lines are built with vector elements, so they can be resized and moved constantly without quality loss. And you can even set up conditionals where the flow chart moves to different screens based on different scenarios, for instance when a user is logged in vs logged out.

This is easily one of the most useful tools for a UI/UX designer, and it’s not something you can get with a Photoshop workflow.

Designers have plenty of reasons for switching over to Sketch. It’s cheaper, easier to use, and it can build high-quality mockups just like Photoshop. And now, with User Flows, you have one more reason to make the switch.

This plugin is completely free and open source with its own GitHub repo. If you notice any issues or bugs you can submit a report on GitHub or message the creator on Twitter @abynim.

10 Free Sketch Plugins for Web Developers

10 Free Sketch Plugins for Web Developers

Sketch is getting a lot of traction among web designers and developers. This is probably because it is…Read more

Disclaimer

Clover Desain is a non commercial website that providing information to its visitors, Clover Desain gathered information from various sources (will be displayed in each content)

All data and information provided on this site is for informational purposes only. Clover Desain makes no representations as to accuracy, completeness, currentness, suitability, or validity of any information on this site and will not be liable for any errors, omissions, or delays in this information or any losses, injuries, or damages arising from its display or use. All information is provided on an as-is basis.

If this content contains any copyright please send us email or message through our social media to take out this content.

And/Or you as the author or the owner of this content and you do not want your content displayed on this website please send us email or message through our social media.

Leave a comment

GraphicDesign blog