Mockups · put your design in a frame, phone, or billboard
Three built-in templates, billboard in perspective. Processed locally; nothing uploaded while signed out.
A design always looks fine on its own; you only learn whether it works once it's in a real setting: is the poster still recognisable framed on a wall, does it still read on a roadside billboard once perspective skews it, does the app screen sit right inside a phone's bezel. A mockup is what answers that — and the built-in ones here are just three templates: picture frame, billboard, and phone screen.
The path is File > Automate > Generate Mockups.... The dialog offers three built-in templates: Frame (800×600), Billboard (900×600), and Phone Screen (480×900). Hit generate and your current design is mapped onto the template. The billboard is in perspective — its right edge sits farther away, so the design is warped onto four corners and looks like it is really standing by the road; the frame and phone screen face you straight on with no perspective, but the design is stretched to fill the window (frame window 520×380, phone window 340×720), so a very different aspect ratio gets distorted — set your canvas close to the window's proportions before you generate. One thing to be clear about: the mockup arrives as a new document in a new tab, and your original design is not gone — it is still in its own tab, and both can be exported. All three are drawn programmatically, so the edges stay clean, there is no watermark, the sizes are fixed, and the result is ready to export the moment it is generated. It all runs in your own browser; nothing is uploaded while you're signed out, and once you sign in your work is saved automatically to your own cloud projects.
Key features
Three built-in templates
Frame 800×600, Billboard 900×600, Phone Screen 480×900.
Billboard in perspective
The design warps onto four corners like a real roadside board. Frame and phone face you straight on with no perspective, but the design is stretched to fill the window — set your canvas close to its proportions (frame 520×380, phone 340×720) first.
Your original survives
The mockup opens in a new tab; your original document stays in its own. Export either.
Runs locally
Processed in your browser. While you're signed out nothing is uploaded — only an automatic draft stays in this browser (clearing browser data deletes it); once you sign in, your work is saved automatically to your own cloud projects.
How to use
- 1 Finish the design firstThe current document is what gets mapped, so get it right before generating.
- 2 Open Generate MockupsFile > Automate > Generate Mockups...
- 3 Pick a templateFrame, Billboard, or Phone Screen — each card shows its size.
- 4 Generate and exportHit generate; the mockup appears in a new tab and exports to PNG or JPG as usual.
FAQ
- Which mockup templates are available, and what sizes are they?
- Three: Frame 800×600, Billboard 900×600 and Phone Screen 480×900. All three are drawn programmatically, so the edges are clean and there is no watermark, and the result is ready to export as soon as it is generated.
- After generating, is my original design still there?
- Yes. The mockup is a new document in a new tab, and your original is tucked into its own tab rather than overwritten. Both stay editable and exportable.
- Why is the design on the billboard slanted?
- That is deliberate perspective: the billboard template's right edge sits farther away, so the design is warped onto four corners to look like it is really standing by the road. For a result without perspective, pick Frame or Phone Screen — those face you straight on; the design is stretched to fill their window (frame 520×380, phone 340×720), so set your canvas close to those proportions first.
- Is it free? Are my images uploaded?
- Free, no sign-up, no usage limit. It all runs in your own browser; nothing is uploaded while you're signed out, and once you sign in your work is saved automatically to your own cloud projects.
Try Mockups · put your design in a frame, phone, or billboard now
No install · no sign-up · local stays local · free AI credits every day