How to insert screen into mockup in Figma | Craftwork Mockups

Опубликовано: 01 Октябрь 2024
на канале: Denis Shepovalov
17,245
93

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

Download high-quality MacBook Pro 14 mockup for free: https://craftwork.design/downloads/ma...

Purchase full set of MacBook Pro 14 mockups: https://craftwork.design/downloads/ma... [$38]

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"

Download more premium design assets: https://craftwork.design