Explore the canvas
What this workflow unlocks
Mock Up Generator turns screenshots into branded device mockups. Start with a device and scene brief, provide desktop/tablet/mobile design inputs, and apply screen-safe guardrails to produce a final device mockup image. The workflow streams inputs to a Chroma-Mockup Director, generates an empty mockup, composites design inputs, and outputs Final Device Mockup along with sketches for iteration.
Best for
Where this workflow makes the biggest difference.
From first input to final result
Capture device context
Provide a device and scene brief plus design inputs to establish the target frame and look.
Generate and align mockup
Chroma Mockup Director creates an initial empty mockup aligned to inputs.
Apply desktop/tablet/mobile designs
Feed desktop, tablet, and mobile images to populate the mockup canvas.
Ensure pixel safety
Use Pixel-Safe Screen Composer and Screen Safety Guardrails to avoid misalignment or clipping.
Produce final mockup
Finalize into a polished Device Mockup with optional sketches for iteration.
The models and tools behind this workflow
Everything this template uses, already connected and ready to run.
- model
Nano Banana 2 Lite
Google
- model
Nano Banana 2
Google
- model
GPT Image 2 Edit
OpenAI
- tool
List
Workflow tool
Questions, answered.
More templates
Keep exploringContinue with another reusable creative workflow.
Product Integration
Integrate any product on any scene
Green Screen Everything
Use this workflow to apply videos and images to green screen media
Multi Angle Photoshoot
Start from one picture, generate multiple shot angles
Shopify Product Multiview
Generates a realistic Shopify product hero and multi-view images by following a guided flow: define direction prompts, produce shot prompts, render multiple shot images, and finalize for the lifestyle and hero directions.
Film Score Generator
Create film scores from one prompt to multiple tracks
Worlds (Gaussian Splatting) to Scenes
An example workflow on how to use world blocks (Gaussian Splatting) and convert snaps from the world into scenes