Mockup Help

Change Color
Each scene contains a Changeable Color version. You can color the device as you like. Select a "Change Color" layer. Open fill color and choose any color or gradient that you like.

Perspective for Figma

Figma currently doesn't support the perspective transform of images. Here is how you can do it using a third-party plugin.

1. Get Plugin
Install the Mockup Plugin. This plugin is needed for the perspective transformation of your image.

2. Paste Your Design
Paste your image/content inside ‘Paste Here’ frame. Or you can just switch images in the Fill panel.

3. Select Screen
Find a layer called "Apply Here" and select it.

4. Run Plugin
From the top menu select Plugins/Mockup.

5. Apply Screen
Choose a frame that you need to be displayed on the mockup and click on Apply button. You can adjust the resolution or rotate a direction.

Perspective for Sketch

Sketch currently doesn't support the perspective transform of images. To make it work you need.

1. Get Plugin
You need to have Sketch 60+ version and Mockup Plugin. This plugin is needed for the perspective transformation of your image.

1.a Sketch Plugin on M1 processors
If you are running Sketch on Mac M1 processor you need to use Rosetta in order to launch plugins. Right-click on Sketch icon, open 'Get Info' window and click on 'Open using Rosetta' checkbox.

2. Paste Your Design
Find 'Paste here" artboard and insert your design into it.

3. Run Plugin
Open the Plugins → Mockup Plugin → Run Mockup

4. Apply Screen
Find the “Change This” layer in the Layers panel, and in the plugin window, you will see a list of all artboards. Choose an artboard that you have changed and click apply.

Any questions? Happy to help.