Sign Up to Subscribe

To get the latest and most quality design resources!

Sign Up to Subscribe

Thank you for your support!


Best Prototyping Tool for Mobile, Web and Desktop Apps.

Get Started for Free


Handoff Designs with Accurate Specs, Assets, Code Snippets Automatically.

Get Started for Free

Mockplus Sample Project – DiDi (App, Transportation)

Mockplus Team 10800 Views

DiDi is a taxi-hailing app. And the most commonly-used elements in such mobile apps are maps. In Mockplus, you can straightly drag static “Street Map” components to add maps for your app prototypes and also search and select different circle icons to build new location icons for your app maps. Moreover, Mockplus also offers a variety of vehicle icons in its powerful icon library and enables you to directly use them with simple drag-and-drop.

Let’s see it in GIF at first:


Click here to preview it online:

UI flow in large size:


Main pages of this prototype: Home, Address, City, My Trips, Settings and My Wallet, etc.

The project file can be downloaded here.

App pages of the album ( 11 pics in total) can be downloaded from here.

Enjoy it!



Mockplus is a desktop-based tool for prototyping mobile, web and desktop apps easily and quickly. Create interactions by simple drag-and-drop and your teamwork will be time-efficient with the collaboration features.

Free Trial

Need help?

Join Mockplus on Slack Click here