Figma Menu & Sidebar

Figma Menu Component

The Menu component provides users with an organized floating list. Users can use menu items and UI elements to navigate or use application and website commands.

The Sidebar includes a side menu for designing dashboards and side navigation panels that can include branding elements, Buttons, and Text Field elements. Menu items work the same in both menus and sidebars - reuse them to build consistent navigation patterns.

Unlike the Drawer component, the Sidebar doesn't slide into view. Instead, it docks directly into the interface layout, providing a stable navigation presence. The Sidebar can be collapsed to provide a more compact design while still featuring important navigation options and brand elements.

Menu Anatomy