Static editor · Getting started · 2 min read
Create a mockup online
How to create a mockup in the browser — choose a 3D-rendered scene, add your design and download a PNG.
To create a mockup online, you need four things, all in the browser:
- Choose a 3D-rendered scene in the Static mockup editor.
- Upload your design to the scene’s screen.
- Check how it sits on the screen.
- Export the mockup as a PNG.
The steps below do it with an iPhone scene that has one editable screen. It takes about two minutes, and nothing needs to be installed.
Choose a mockup
In Static, select a scene from the catalog. This walkthrough uses iPhone 18 Pro, Scene 16, with one editable screen.
Open the upload prompt
Click the + on the mockup screen.
Upload your design
Click Upload File and select your image. The Adjust media panel opens after upload.
Review the placement
Check your design in Adjust media. For the matching-size image used here, leave Scale at 100%.
Close the media panel
Click × to return to the canvas and review your mockup.
Open export options
Click Export in the right panel.
Download the PNG
Select PNG, then click Export Image. The file downloads to your computer.
Make other kinds of mockups
The same steps work for every scene in the online mockup generator: devices, apparel, packaging, print and branding. To start without a subscription, pick a scene from the free mockups. For a 3D scene you can turn and relight, or an animated mockup exported as MP4, see Start with a 3D scene.