Тёмный

Mastering Figma: Create Dynamic Dropdown Menus in Figma Using Variables 

CL Creative
Подписаться 708
Просмотров 1,4 тыс.
50% 1

Опубликовано:

 

25 окт 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 8   
@KD_ux
@KD_ux 4 месяца назад
How are you able to add the effect of the Carrot changing with opening and closing the menu?
@clcreativedallas
@clcreativedallas 4 месяца назад
You can use the variables to rotate the carrot. Add it as a secondary action.
@KD_ux
@KD_ux 4 месяца назад
@@clcreativedallas I don’t seem to see a way to add a variable string to the rotation
@AnnaMorgan-eg4qj
@AnnaMorgan-eg4qj 4 месяца назад
How do you add another action to close the drop down afterwards?
@clcreativedallas
@clcreativedallas 4 месяца назад
On click of one of the navigation items in the list, add an action that closes the drop down either before or after navigation. Can’t remember without looking which one you do first - close menu or navigate. But if I remember correctly the order matters.
@Alx-Design
@Alx-Design 4 месяца назад
This is really helpful thank you! But I am missing the final part of the interaction: click one of the dropdown options, the title of the dropdown changes to recent clicked one and the navigation to the new screen appears. How do you do all of that with one click? help pls! I am on a deadline and can't finish my prototype thanks to the d@mn dropdown interaction :(
@clcreativedallas
@clcreativedallas 4 месяца назад
If I’m following, what you need to do is set the title on the dropdown that you are clicking to the page you want to navigate to. If you want the dropdown to look different on that page - be highlighted to show that is the page you are on, then make that change on that specific page to the navigation. .
@Alx-Design
@Alx-Design 4 месяца назад
@@clcreativedallas thanks a lot!!! you have a new subscriber btw :) keep up with the awesome tutorials
Далее
STOP doing DROPDOWNS like this - Figma variables 2023
15:35
Ilkinchi hotin oberasanmi deb o’ylabman🥹😄
00:26
Creating a Design System - Awesome Textfields!
17:50
Просмотров 23 тыс.
Swapping Variants Using Variables | A Figma Tutorial
10:10