UI Flow Design Mode

Doris
Oct 20, 2017
374941
5 min read

In Mockpus, one can view the UI Flow of a project with only one click. Let’s see what you can do with the UI Flow Design Mode in Mockplus.

1. Switch to UI Flow Design Mode.

1

Then, you’ll see the UI Flow of the project you are editing now.

2

2. Click “Options” to customize the style of your UI Flow. Change the background, device frame and connecting line color to the one you like.

3

3. Click “Page Remark” to add remarks to the page you have selected.

4

4. Click any page to show its connections with other pages. You can remove the device frames and only display the page content in Options.

5

5. What if the logic of this project is too complicated? Tap on a connecting line and it will be highlighted, then, everything is clear.

7

6. Export the UI Flow as an image with only one click.

6

For more tutorials or new features, please visit www.mockplus.com.

Click here to get a free trial of Mockplus.

Free prototyping tool for web and mobile app design
Get Started for Free
Free prototyping tool for web and mobile app design
Get Started for Free
Free prototyping tool for web and mobile app design
Get Started for Free
What's Mockplus?
Mockplus RP

A free prototyping tool to create wireframes or interactive prototypes in minutes.

Mockplus DT

A free UI design tool to design, animate, collaborate and handoff right in the browser.

Free web & app prototyping tool
Create wireframes or highly interactive prototypes in just minutes.
No time limit Up to 10 users
Get started
No, thanks, i'm good.