Skip to content
search icon
clear
Component Status

Navigation app launcher

Figma

How to add

  1. Locate the Assets tab in the Layers Panel.
  2. There are two ways to locate the Navigation: App launcher component needed:
    • Use the search bar to search for a component grouping name or variation name.
    • Scroll through the folders list and open the relevant grouping.
  3. Once the component is located, click and drag it into the frame/artboard.

How to use

  1. Place the Navigation: App launcher/Listing/Desktop on your artboard, just under the Top bar aligned to the start of the application drawer button (use System icons/Navigations/apps).
  2. Toggle the grid layout on/off by using the following shortcut:
  • Mac: Control + G
  • PC: Ctrl + Shift + 4
  1. Locate the Design tab in the Inspector Panel.
  2. Under the Alignment section, set the alignment to "Align left".
  3. Under the Constraints section, set up the following constraints:
    • Left, Top and Fix position when scrolling.
  4. Drag the component to the height needed. As you drag, more items will appear.
  5. Rename the labels to your needs.
  6. Toggle on/off the app buttons as needed.
  7. Make sure to change the active applications to the Active state.
Edit this page on GitHub