Web Design » Figma » How Do You Use Overlays in Figma?

How Do You Use Overlays in Figma?

Last updated on September 29, 2022 @ 12:52 am

If you’re looking to add some extra flair to your Figma designs, you may want to consider using overlays. Overlays are a great way to add some extra details or emphasize certain elements in your design. Here’s a quick overview of how you can use overlays in Figma.

To add an overlay, simply select the element you want to overlay and click the “Overlay” button in the toolbar. This will bring up a menu of different overlay options. Simply select the one you want and it will be added to your design.

You can also adjust the opacity of your overlays by selecting the “Opacity” option in the toolbar. This is handy if you want to make your overlays more subtle.

PRO TIP: Overlays are a great way to add more depth and dimension to your designs in Figma. However, if not used correctly, they can quickly become overwhelming and cluttered. When using overlays, be sure to use them sparingly and only when they will truly enhance your design.

Finally, you can also change the blend mode of your overlays. This can be done by selecting the “Blend Mode” option in the toolbar.

Blend modes allow you to change how your overlay interacts with the underlying element. For example, you could use a “Multiply” blend mode to make your overlay darker or a “Screen” blend mode to make it lighter. Experiment with different blend modes to see what looks best for your design.

Overlays are a great way to add some extra interest to your Figma designs. By playing around with different options, you can create unique looks that will really make your designs stand out. So next time you’re working on a design, consider adding some overlays and see what they can do for your project!

Dale Leydon

Dale Leydon

Sysadmin turned Javascript developer. Owner of 20+ apps graveyard, and a couple of successful ones.