Figma Drawer
Figma Drawer
Preview
Figma Drawer
Figma Drawer Component
The Drawer component includes side and bottom panels that slide into the user's view, offering quick access to navigation commands and system options. Use drawers instead of Side Menus when you need to add UI elements, actions, or content without changing the interface layout.
The Drawer can be attached to any edge of the screen with pre-designed variants offering flexibility in organizing your project's UI.
Drawer Anatomy
| Set | Variants | Properties | Copy to Figma |
|---|---|---|---|
| DrawerSide | 24 | Type Left, RightSize Medium, SmallItems x13, x12, x10, x8, x6, x4 | |
| Drawer | 16 | Type Top, BottomSize Small, MediumItems x10, x8, x6, x4 |
Figma Drawer
Drawer
drawer example
drawer component
figma drawer
Interactive component
