User Flow
A Sketch plugin that automatically generates user flow diagrams from artboards to visualize navigation paths.
What is User Flow?
User Flows is a Sketch plugin that automatically generates user flow diagrams from artboards, visualizing navigation paths and connections between screens. It helps designers document and communicate user journeys without manual diagramming tools, saving time and ensuring consistency.
UI/UX designers and product teams using Sketch who need to create and share user flow diagrams as part of their design documentation process.
It eliminates the need for external diagramming software by integrating directly into Sketch, automating flow creation while offering customization options and multi-language support for global teams.
Overview
A plugin for generating user walkthroughs from Artboards in Sketch.
Use Cases
Best For
- Creating user journey maps from Sketch artboards
- Documenting navigation flows for design handoffs
- Visualizing screen connections in mobile app prototypes
- Generating flow diagrams for client presentations
- Streamlining design documentation within Sketch workflows
- Collaborating with international teams using localized interfaces
Not Ideal For
- Design teams using Figma, Adobe XD, or other non-Sketch design tools
- Projects requiring complex diagram features like conditional flows, swimlanes, or interactive elements
- Organizations needing real-time collaborative editing of flow diagrams outside of Sketch
Pros & Cons
Pros
Generates diagrams by connecting artboards based on layer links or manual connections, saving significant manual effort in documenting user journeys.
Allows adjustment of arrow styles, colors, and labels to match design system requirements, providing flexibility in visual presentation.
Includes localization for over a dozen languages, as listed in the README, making it accessible to international design teams.
Supports installation and management via Sketch Runner, streamlining workflow directly within the Sketch environment.
Cons
Exclusively designed for Sketch, making it useless for teams using other design platforms like Figma or Adobe XD.
The README is minimal and directs users to an external site for details, which can hinder quick setup and troubleshooting.
Automatically generated flows may not capture advanced user interactions or conditional paths without extensive manual configuration.
Frequently Asked Questions
Related Projects
Sketch MeasureMake it a fun to create spec for developers and teammates
Content GeneratorSketch app plugin for generating dummy data such as avatars, names, photos, geo data etc
Sketch Plugin DirectoryOfficial Sketch Plugin directory
Style InventoryReview, import & export styles in Sketch.
Found a gem we're missing?
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.