Masker

Masker allows you to easily overlay devices on selected layers in your project. First, select one or more layers in your design file, then choose from the Masker palette to apply.

We recommend that you select layers that match the actual size of the device. The best way to do this is with the devices built into Figma.

Choose from the following:

— Iphone X

— Iphone 8 Plus

— Iphone 8

— Google Pixel 2

— Google Pixel 2 XL

How to use Masker.

— For single layer selection: Select a layer in the project, then choose from the Maker palette to apply. If you have done everything correctly, the plugin will automatically select the device by size, if not, it will give you this choice.

— For multiple selections with a layer: select multiple layers in the project, then choose from the Maker palette to apply. If you have done everything correctly, the plugin will automatically calculate the number of selected layers and select the device by size, if not, then give you the choice.

— For select without a layer: open the Masker from the palette, and then select the desired device and the number of items.

Minimum possible number: 1.

Maximum possible number: 49.

The maximum limit is made to optimize Figma's performance. Please contact us if you need a larger limit 🙂

IMPORTANT: When selecting a layer, make sure it does not have a device mask. Otherwise, an error will be displayed.

Ideas for the next version:

— Possibility of filling the screen with color and background selection from the gallery.

— New devices such as watches, laptops, and desktops.

— Automatic mask matching for different layers.

Any other ideas? Send them to us at dudeinhoodie@gmail.com