Drawer
A Drawer component for Figma, a panel that slides out from the edge of the screen. It creates a dedicated space for navigation, details, or forms without leaving the current view.
Usability tip
Use a scrim (darkened background) to focus attention on the drawer. Ensure it can be closed via keyboard (Esc) and outside click.
Usage
Use for mobile navigation menus, shopping carts, or detailed settings that require more space than a modal dialog.