How to Build Dropdown Menus in Figma

Опубликовано: 29 Сентябрь 2024
на канале: Jono Young
4,045
37

Learn different ways to build dropdown menus in Figma, including a simple trick (04:46) that will prevent menus from disappearing in prototypes.

Table of Contents:
00:29 Demo 1: Button Component with Dropdown
01:10 Demo 2: Two Buttons as Button Components
01:44 Demo 3: Overlay that Disappears
02:52 Demo 4: Overlay that Works (Transparent trick)
03:37 Build: Button Component with Dropdown
04:01 Build: Two Buttons as Button Components
04:23 Build: Overlay that Disappears
04:46 Build: Overlay that Works (Transparent trick)

How to Reflow Text Across Columns in Figma. It's Magic!
   • How to Reflow Text Across Columns in ...  

How to Edit the Figma Business Card Template
   • How to Edit the Figma Business Card T...  

How to Create Textures in Figma
   • How to Create Textures in Figma witho...  

Hidden Gem: Figjam Section Graphs
   • Hidden Gem: Figjam Section Graphs  

How to Upgrade Figma to Organization Plan
   • How to Upgrade Figma to Organization ...  

Figma Double Click Layer Zoom
   • Figma Double Click Layer Zoom  

How to Copy Text from an Image for a Faster Figma Workflow
   • How to Copy Text from an Image for a ...  

How to Build Dropdown Menus in Figma
   • How to Build Dropdown Menus in Figma  

How to Quickly Add or Update Figma Component Set Variants and Properties
   • How to Quickly Add or Update Figma Co...  

Try Figma's Quick Actions for Blazing Fast Vector Art
   • Try Figma's Quick Actions for Blazing...  

How to Automate Figma Cover & Default Page Creation
   • How to Automate Figma Cover & Default...  

How to Get Perfect Figma Gradient Angles #Shorts
   • How to Get Perfect Figma Gradient Ang...  

Improve Your Figma Comments #shorts
   • Improve Your Figma Comments #shorts  

How to Make Your Figma Comments Land #shorts
   • How to Make Your Figma Comments Land ...