Image
AI Mockup Generator on Martini
You have a UI screenshot or a label design and you need it on a MacBook, an iPhone, a tote bag, and a coffee cup before the launch landing page goes live on Friday. Martini wires the design as one anchor, the device or surface as another, and fans across Flux Kontext, Nano Banana 2, GPT Image 2, Imagen 4, and Seedream — concept-stage mockups, not final hero photography.
What this feature solves
Mockups sit at the concept stage — before manufacturing, before photography, before any real product exists. An indie SaaS founder needs to show their dashboard inside a MacBook frame on the pricing page. An agency producing a packaging redesign needs to see the new label wrapped on a bottle before the print run is approved. A merch designer wants the new logo on a hat, a tote, and a hoodie for the brand-pack PDF the founder is sending to investors. None of these need final-hero photography — they need fast, on-brand context shots that make the design feel real.
Tab-based mockup tools force the workflow into a one-mockup-at-a-time loop. You upload the design, pick a device, render, download, switch tabs, repeat. By the time you have ten mockups, you have ten downloads, ten cropped exports, and zero shared canvas memory of which design version went into which surface. When the founder asks for a tweak to the dashboard screenshot, you re-do every device mockup manually — there is no upstream reference that all the mockups inherit from.
And there is the surface gap. Most mockup tools cover laptop and phone frames well but fall apart on physical merch, packaging, signage, or vehicle wraps. Brand teams need one workflow that handles a Macbook screen mockup, an iPhone Lock Screen mockup, a coffee-cup mockup, a billboard mockup, and a tote-bag mockup with the same design and the same brand color script. Stitching that across five different tools with five different upload flows is exactly the manual handoff cost the canvas is designed to remove.
Why Martini is different
Martini treats the design and the surface as two separate canvas anchors. Drop the dashboard screenshot or label artwork as one labeled image node — the upstream design — and drop the device or surface reference (MacBook frame, iPhone shell, tote bag, coffee cup) as another. Wire both into a Flux Kontext or Nano Banana 2 node and the model places the design on the surface with realistic lighting and perspective. When the design changes, swap the upstream design node and every downstream mockup re-renders against the new asset — no re-uploads, no manual re-cropping.
Multi-surface fanout from one design. The same design anchor wires into a MacBook mockup, an iPhone mockup, a tote-bag mockup, a packaging mockup, and a billboard mockup all in parallel. Five surfaces, one upstream design, one consistent brand context. Different models for different jobs — Flux Kontext for inserting a UI screenshot into a device frame, Nano Banana 2 for product packaging detail, GPT Image 2 for stylistic merch, Imagen 4 for photoreal hero placements, Seedream for editorial range — picked per surface rather than locked to one engine.
Downstream chaining handles the delivery formats. Once the mockup lands, chain into the background-removal tool for the transparent-shadow cutout the website team needs and into the image-upscale tool for the high-res master used in the pitch deck. The same canvas produces the pricing-page hero, the social-share variant, and the press-kit asset from one approved take, so the design team never re-renders the same mockup four times for four different placements.
Common use cases
MacBook and iPhone mockups for a SaaS pricing page
Wrap the dashboard screenshot inside a laptop frame and the mobile app shot inside a phone shell — both inheriting from the same design anchor.
Packaging mockup before the print run
Drop the new label artwork as the design anchor and the bottle or box as the surface anchor; iterate on placement, color, and copy before approving print.
Merch and apparel mockups for a brand pack
One logo wires into tote, hat, hoodie, mug, and sticker mockups in parallel — the brand-pack PDF ships with consistent, on-brand context shots.
App Store screenshot mockups for the launch submission
Generate the device-frame screenshots App Store submissions need — multiple aspect ratios, multiple devices, all from the same screenshot anchor.
Billboard and OOH mockups for stakeholder reviews
Wrap the campaign creative onto a billboard, a transit shelter, or a building wrap so stakeholders can see scale and context before media buy approval.
Web preview mockups for the launch landing page hero
Render the redesigned landing page inside a browser-frame mockup for the announcement post so investors and partners see the product in context.
Recommended model stack
flux-kontext
imageEdit-aware composition for inserting a UI screenshot or label into a device frame or product surface cleanly.
nano-banana-2
imageReference-driven detail fidelity for packaging, merch, and physical-surface mockups that need to read accurately.
gpt-image-2
imageEdit-aware refinement for stylistic merch mockups and tasteful brand-pack context shots.
imagen-4
imagePhotoreal hero mockups for the pricing page, the press release, and the announcement post.
seedream
imageEditorial range for stylized merch and brand-context mockups when the surface needs creative styling.
How the workflow works in Martini
- 1
1. Drop the design as the upstream anchor
Place the dashboard screenshot, label artwork, or logo as a single labeled image node at the top of the canvas. This is the source of truth every mockup inherits from.
- 2
2. Drop the surface or device reference as a second anchor
Add a clean reference of the MacBook, iPhone, tote bag, coffee cup, or whatever surface the mockup ships on. Generic shapes work better than branded device renders for licensing reasons.
- 3
3. Wire both anchors into a Flux Kontext or Nano Banana 2 node
Connect the design and the surface into the model node and prompt for the placement — angle, lighting, brand context. The model receives both with distinct roles.
- 4
4. Fan out across surfaces from one design anchor
Duplicate the chain for each surface — MacBook, iPhone, tote, mug, billboard. The upstream design anchor stays single; the downstream surfaces multiply.
- 5
5. Refine per-surface in the chain
For pricing-page hero shots, pipe through Imagen 4 for photoreal polish. For merch, route through Seedream for stylistic range. For packaging, lock Nano Banana 2 for product-detail fidelity.
- 6
6. Chain into background-removal and image-upscale for delivery
Wire approved mockups into the background-removal tool for transparent cutouts and into image-upscale for press-kit masters. The same canvas produces every delivery format.
- 7
7. Save the canvas as a brand-pack template
Once a winning mockup chain lands, save the canvas. Future product launches swap the upstream design anchor; the device, merch, and packaging mockups all re-render automatically.
Example workflow
Eli is the indie founder of a productivity SaaS shipping a redesigned dashboard for the Series A pitch. He opens a workspace canvas and drops his latest dashboard screenshot as the upstream design anchor. He adds five surface references — a generic 14-inch laptop frame, a phone shell, a browser window, a tote bag, and a sticker mock. The dashboard wires into Flux Kontext for the laptop and browser mockups (clean UI insertion), into Nano Banana 2 for the phone shell mockup (mobile detail fidelity), into Seedream for the tote and sticker (stylistic merch). Five mockups land in parallel, all sourced from the same dashboard anchor. He chains the laptop hero into image-upscale for the pitch-deck master, runs the phone mockup through background-removal for a transparent cutout the deck designer wraps onto a brand-color slide, and exports the merch mockups as the founder-pack PDF for partner intros. When the dashboard ships a small UI tweak the next week, Eli swaps the design anchor; every mockup re-renders against the new screenshot without re-touching the chain.
Tips and common mistakes
Tips
- Keep the design anchor and the surface anchor as separate canvas nodes. Mixing them into a single reference produces drifty placement and broken perspective.
- Use generic device shapes rather than branded MacBook or iPhone renders for commercial mockups. Saves you a trademark conversation and most viewers cannot tell the difference.
- Fan out by surface, not by design. One upstream design feeds many downstream surface mockups; the brand pack stays consistent.
- Save the canvas as a brand-pack template the moment a chain lands. Future launches inherit the surface library without rebuilding it.
- For App Store submissions, follow the platform spec exactly — Apple and Google have hard requirements on screenshot dimensions and content rules. AI mockups get you to draft, the platform spec gets you to approval.
Common mistakes
- Claiming branded Apple, Samsung, or Google device mockups for commercial ad use without checking the marketing guidelines. Apple in particular has strict rules on how their device images can be shown in marketing.
- Promising pixel-perfect alignment of a UI screenshot inside a device frame. AI placement is excellent for previews and decks; for production landing-page hero shots, designer touch-up still typical.
- Treating mockup output as a substitute for actual product photography on Amazon listings, press releases, or e-commerce hero shots. Authenticity matters there; mockups are concept-stage assets.
- Re-uploading the same design into every surface mockup. Wire it once as an upstream anchor and let downstream surfaces inherit.
- Forgetting to swap the design anchor when the underlying UI changes. The mockups become stale within a week if the chain is not re-run against the new screenshot.
Related how-to guides
Related models and tools
Tool
AI Background Removal
Remove backgrounds from images for assets and compositing on Martini.
Tool
AI Image Upscaling
Upscale images and keyframes before final video generation on Martini.
Provider
Google's Veo video, Imagen image, and Nano Banana model workflows on Martini.
Provider
OpenAI
OpenAI's GPT Image and Sora video model workflows available on Martini.
Provider
ByteDance
ByteDance's Seedance video and Seedream image model families on Martini.
Related features
AI Product Photography — Studio-Quality Product Images on Martini
Generate studio-quality product photos for e-commerce on Martini's canvas.
AI Presentation Slides — Pitch Decks and Slide Visuals
Generate slide visuals, pitch deck imagery, and presentation graphics on Martini.
AI Icon Generator — App and UI Icons on Martini
Generate app icons, UI icons, and brand icon sets on Martini's canvas.
AI Ad Creative Generator — Multi-Format Ad Visuals and Video
Generate ad visuals and videos across Ideogram, Flux, Seedance, and Runway on Martini — every aspect ratio, every variant, one canvas.
AI Character Consistency Across Images and Video
Keep a subject consistent across image and video generations on Martini using reference workflows.
AI Character Reference — Reference-Image Workflows on Martini
Use reference images to guide AI model outputs on Martini's canvas.
AI Photo Restoration — Restore Old Photos on Martini
Restore old, damaged, or low-quality photos with AI on Martini's canvas.
AI Style Transfer — Apply Artistic Styles to Images on Martini
Transfer artistic styles between images using AI on Martini.
AI Headshot Generator — Professional Headshots in Minutes
Generate professional headshots for LinkedIn, resumes, and team pages on Martini's canvas.
AI Thumbnail Generator — YouTube and Social Thumbnails
Generate scroll-stopping thumbnails for YouTube, podcasts, and social on Martini.
AI Logo Generator — Brand Marks and Wordmarks on Martini
Generate logo concepts, brand marks, and wordmarks on Martini's canvas.
AI Emoji Generator — Custom Emoji on Martini
Generate custom emoji and stickers for Slack, Discord, and brand on Martini.
AI Sticker Generator — Telegram, WhatsApp, Discord Packs
Generate sticker packs for Telegram, WhatsApp, Discord, and iMessage on Martini.
AI Comic Strip Generator — Multi-Panel Comics on Martini
Generate multi-panel comic strips with consistent characters on Martini's canvas.
AI Character Design — Game and Story Characters on Martini
Design original characters for games, stories, and animations on Martini's canvas.
AI Architecture Rendering — Building and Space Visualization
Generate architectural renderings, exterior visualizations, and concept art on Martini.
AI Interior Design — Room and Space Visualization on Martini
Visualize interior designs, room concepts, and decor schemes on Martini's canvas.
AI Game Asset Generator — Sprites, Concept Art, Backgrounds
Generate game-ready assets, sprites, concept art, and backgrounds on Martini.
Related docs
Related reading
Comparisons
Frequently asked questions
How is this different from AI product photography?
Mockup is the concept stage — you have a design or a screenshot but no real product yet, and you want to see it in context (laptop screen, packaging, merch). AI product photography is for the product after manufacture — the real SKU on a hero set, in a lifestyle scene, in catalog cuts. Use mockup before the product exists; use product photography once the product is real.
Can I use Apple or Samsung device mockups commercially?
Check the device manufacturer's marketing guidelines first. Apple, Samsung, and Google each have specific rules about how their device imagery can be used in marketing materials. For commercial campaigns, prefer generic device shapes — the laptop, phone, and tablet outlines are recognizable without invoking a specific brand. For internal decks and concept reviews, branded mockups are usually fine.
Will the screenshot inside the device frame look pixel-perfect?
AI mockups place the design with realistic lighting and perspective, which is what you want for previews and pitch decks. For pixel-perfect production hero shots — App Store submissions, landing page heroes, billboard print — most teams still pass the AI mockup through a designer for alignment, edge cleanup, and platform-spec compliance. AI gets you to draft fast; the designer gets you to spec.
Which model is best for mockups?
Different surfaces favor different models. Flux Kontext leads on inserting UI screenshots into device frames cleanly. Nano Banana 2 is strongest for product packaging detail. Imagen 4 wins for photoreal hero shots. GPT Image 2 handles stylistic merch with tasteful range. Seedream offers editorial flexibility for brand-pack context shots. The canvas lets you assign the right model per surface from a single design anchor.
Can I use AI mockups for App Store submission screenshots?
Use AI mockups for the concept and approval flow, but follow Apple App Store and Google Play submission specs exactly for the actual store assets. The platforms have hard requirements on dimensions, content, and accuracy that AI mockup output should be reviewed against by a designer before submission. AI mockup is excellent for the marketing pages; final store assets get a final spec pass.
How do I update mockups when my design changes?
Swap the upstream design anchor on the canvas. Every downstream mockup that wires into it re-renders automatically against the new design. The surface library — the laptop frame, the phone shell, the tote bag — stays locked, so the entire mockup set updates from a single change. This is exactly what tab-based mockup tools cannot do.
Build it on the canvas
Open Martini and wire this workflow up in minutes. Free to start — no card required.