Multi Select Dropdown in Figma. All Made In a Single Frame. No Components, Just Boolean Variables!
Вставка
- Опубліковано 18 жов 2024
- Create Interactive Dropdown Menu Selection in Figma with Local (Set) Variables and Variants: • Create Interactive Dro...
Create an interactive Date picker (Calendar) with local variable and conditional logic here: • Create Interactive Cal...
Create an interactive Time picker using local variable and conditional logic here: • Create Interactive Dat...
Lean Prototyping: Create an interactive Multi select dropdown menu list using the latest Figma variables and conditional logic.
🔧 Tools Used:
Figma
Features:
Local Variables
Conditional Logic
Auto Layout
Components
Atomic design structure
Nice video, but can you also share the figma file
Bro, thanks to you i could accomplish this feature. But i have a question, how do you copy the conditions and variables from one option to another. when i try to do it a copy the whole frame. Thanks in advance.
1. Select the frame & make sure you have “Prototype” tab active from the right sidebar
2. Select the interaction, that you want to copy. This is the tricky part: If you look on 7:33, on the prototype tab, there is a small lighter blue space on the edge of the right side bar just before the "On Click" trigger. Click on that space, then CTRL/CMD C.
3. Select the frame you want to paste the interaction and CTRL/CMD V
I hope that helps. Please like and share.
Can you send me the file.