Static editor · Variants · 1 min read
Change the mockup color
Switch a phone to another color version with the swatches above the canvas, then add your design.
Watch the steps
Click a color swatch and the phone switches to that color version.
Transcript
A phone scene is open. Three swatches sit above the canvas: dark, orange and light green.
Click the orange swatch. The scene reloads and the phone turns orange.
Click the light green swatch. The phone switches to light green, and the ring moves to that swatch.
Find the color swatches
Open a scene that comes in several colors. The swatches sit in the top bar above the canvas, to the right of the aspect-ratio button. This phone has three: dark, orange and light green. The selected one has a ring around it.
Choose a color
Click the swatch for the color you want, for example the orange one. The scene reloads in that color and the ring moves to your choice.
Add your design
Click the + on the screen and upload your image. Your design appears on the screen, and the color you chose stays.