Back to Workflows

Create mockups for a mobile app UI

Whenever I’m working on a mobile app design, I use this workflow to turn screen designs into clean mockups with device frames — perfect for client presentations or portfolios.

For designers

For marketers

For content creators

Setapp Apps used

Mockuuups Studio

Generate mockups for all devices

Step-by-step process

Step 1

Design app screens in your preferred tool.

Step 2

Import screenshots into Mockuuups Studio.

Step 3

Choose device frames and customize backgrounds.

Step 4

Adjust scale and shadows for realism.

Step 5

Export mockups for sharing.

Step 6

Include them in your portfolio or pitch deck.

Step 7

Step 8

Step 9

Step 10

Create mockups for a mobile app UI

Try this workflow on Setapp