Features

Explore all the features in Overflow, split by workflow steps.

Syncing

Sync designs from popular design tools

Overflow integrates with Adobe XD and Photoshop, Sketch, and Figma, allowing you to quickly and seamlessly sync your designs.

Resync to apply design changes

Iterate on your designs and resync to transfer visual changes over. Your connectors automatically adapt to your updated artboards.

Prototyping links are preserved

Prototyping links added in your design tool can optionally be transferred into Overflow as connectors, giving you a head-start in creating your user flow.

Three arrows connecting Sketch, Figma and Adobe XD to Overflow.

Design

Connect layers to screens

Drag connectors from any layer on your artboard. When synced from a design tool, all layers are transferred without the need to create hotspots.

A connector starts from one screen's layer and ends in another screen.

Fully customizable connectors

Change connectors to match your brand identity or personal style. You can edit colors, starting and ending points, labels, and more.

Three connectors in different colors and styles, one in grey, one in yellow, and one in blue

Create logical flows

Use shapes to illustrate decision trees and conditional flows.

A decision tree starting from a diamond shape with two possible outcomes, depending on the user's sign in status.

Speed up your work with styles

The Overflow styles editor allows you to maintain consistency across your designs by globally updating the styles of connectors, texts, shapes and device skins.

A drop-down menu with different text styles to choose from.

Annotate and add context

Use text and shapes to add detail to your presentation and make it more intuitive for your audience to follow.

A collection of different shapes and text fields, with the message 'Type Something'.

Apply device skins with one click

Increase presentability and consistency by wrapping your artboards with device skins. Overflow automatically detects the most applicable skin for commonly used devices.

Two identical design screens side by side, the right one wrapped in an iPhone skin.

Draw hotspots

Mark interaction areas on imported screenshots by drawing hotspots and apply connectors to other screens.

A highlighted blue area marks a new hotspot on a hand-written wireframe.

Use boards to organize your flows

Create user flow diagrams of any size. Organize them into subflows and split them into multiple boards for easier presentation and navigation.

Presentation

Interactive and playable user flows

Easily navigate between screens by clicking on interactive areas and connectors or by using the handy keyboard shortcuts. Zoom out to see the big picture or back in to focus on details.

Interactive self-guided presentations

Use Overflow Stories to create step-by-step design walkthroughs, share them with your team and stakeholders, and allow them explore your work at their own pace without meetings.

Overflow's presentation mode interface in light theme.

Rapid prototyping out of the box

Present your designs as a rapid prototype without any extra effort.

Keyboard shortcuts that really help

Be a maestro of your own presentation with handy keyboard shortcuts that allow you to navigate, switch between presentation modes and apply different zoom levels.

Overflow's prototype mode interface in dark theme.

Sharing

Publish your work on the Cloud

Upload your user flows to the Overflow Cloud and get a publication link that you can send to anyone. Recipients are not required to install the Overflow app.