How it works
Choose one of three possible ways to introduce visuals to your user flow diagram:
Bring in your designs
Overflow integrates with Sketch, Figma, Adobe XD, and Photoshop for a streamlined process.
Use screenshots of existing apps or websites or any other image to build your user flow.
Ideate using shapes
Use simple shapes and arrows to visualize complexity during the early ideation stage.
Rearrange your screens and connect them together to create user flow diagrams.
Layers are transferred over and can be used to apply connectors when you sync from your design tool.
Add your own hotspots to imported screenshots or images to apply connectors.
Styles & Annotation
Style and annotate your diagram to maintain brand consistency across your presentation.
Apply device skins with just one click. Overflow automatically detects the appropriate device based on screen size.
Work together with your team, increase transparency, and achieve a better final result.
Add document editors
Add your teammates as editors to your documents, so they can add their creative input.
Access an unlimited list of your document’s past versions and bookmark the ones you want to keep.
Manage folder access
Add teammates to your personal folders, so they can easily access your work anytime.
Deliver interactive presentations
Keep your audience more engaged throughout design review meetings.
Click on screens and connectors to take your audience through your user journey.
Zoom out to see the bigger picture or go back in to focus on specific details.
Take advantage of keyboard shortcuts or mouse gestures to present more effectively.
Switch to prototype mode to present using the auto-generated rapid prototype.
Create step-by-step tours
Send your audience self-guided design presentations to enjoy at their own pace.
Choose focus areas and put them in order to create a step-by-step presentation.
Add text prompts to give context to your designs and narrate your design story.
Showcase your work step-by-step asynchronously, without meetings.
Freedom of movement
Easily switch between Story, Presentation, and Prototype at will.
Re-sync your designs
Take feedback into consideration, make the necessary changes in your designs and sync again. All screens get updated and connectors are left intact.
Update publication link with changes
Keep the same publication link updated throughout the whole process, so that you have a single source of truth amongst team and stakeholders.