An overlay is a Figma component that sits on top of other interface elements, such as menus, dialogs, and popovers. It allows you to add extra content to your design without affecting the layout of the rest of your interface. Overlays are often used to display extra information, or to prompt the user for input.
There are two types of overlays in Figma:
1. Modal overlays
Modal overlays are commonly used to display extra information, or to prompt the user for input. They are typically displayed in the center of the screen, and can be dismissed by clicking outside of the overlay.
2. Non-modal overlays
Non-modal overlays are used to display additional content, such as menus and tooltips. They are typically displayed near the element that they are associated with, and can be dismissed by clicking outside of the overlay or by moving the mouse away from the trigger element.
A modal overlay is a type of Figma component that is commonly used to display extra information or to prompt the user for input.
A non-modal overlay is another type of Figma component that is used to display additional content, such as menus and tooltips. They are typically displayed near the element that they are associated with and can be dismissed by clicking outside of the overlay or by moving the mouse away from the trigger element.