How to insert screen into mockup in Figma | Craftwork Mockups

A short tutorial which shows how easy you can insert your design to mockups with Mockup plugin.

Instruction:
1. Install Mockup Plugin
2. Paste your design inside “Paste design here” frame
3. Select Replace this layer inside the scene
and start a plugin "Mockup", then choose "Distort".
4. Inside the "Distort Transformation" window you need to target vector shape first.
Choose "Replace this" layer inside the scene, so it should appear inside the "Target vector shape" section
5. After that you need to select "Paste design here", so it appers in the "Source, any layer or frame" section
6. Increase resolution or rotate a direction if it’s needed. Click "Apply"