- 5
- 11 940
unblur
United Kingdom
Приєднався 3 січ 2023
Learn web development, web design, Figma, UX, UI design
The purpose of this channel is to solve real world design challenges and make awesome digital products
So if you want to get started on your design or development journey, have fun and let me know what you'd like to see.
The purpose of this channel is to solve real world design challenges and make awesome digital products
So if you want to get started on your design or development journey, have fun and let me know what you'd like to see.
Multi Select Dropdown in Figma. All Made In a Single Frame. No Components, Just Boolean Variables!
Create Interactive Dropdown Menu Selection in Figma with Local (Set) Variables and Variants: ua-cam.com/video/kHO4UMolr3A/v-deo.html
Create an interactive Date picker (Calendar) with local variable and conditional logic here: ua-cam.com/video/3JaqKkPP3qQ/v-deo.html
Create an interactive Time picker using local variable and conditional logic here: ua-cam.com/video/C1aGgeQSCxY/v-deo.html
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
Create an interactive Date picker (Calendar) with local variable and conditional logic here: ua-cam.com/video/3JaqKkPP3qQ/v-deo.html
Create an interactive Time picker using local variable and conditional logic here: ua-cam.com/video/C1aGgeQSCxY/v-deo.html
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
Переглядів: 4 767
Відео
Create Interactive Dropdown Menu Selection in Figma with Local (Set) Variables and Variants
Переглядів 43710 місяців тому
Learn how to create an interactive Date picker (Calendar) with local variable and conditional logic here: ua-cam.com/video/3JaqKkPP3qQ/v-deo.html Learn how to create an interactive Time picker using local variable and conditional logic here: ua-cam.com/video/C1aGgeQSCxY/v-deo.html Lean Prototyping: Learn how to create an interactive and functional dropdown (drop down) selection menu with hover ...
Create Interactive Date and Time Picker Using Figma Variable and Conditional Logic
Переглядів 77110 місяців тому
Learn how to create an interactive Date picker (Calendar) with local variable and conditional logic here: ua-cam.com/video/3JaqKkPP3qQ/v-deo.html&pp=ygUhZGF0ZSBwaWNrZXIgbG9jYWwgdmFyaWFibGVzIGZpZ21h Lean Prototyping: Elevate your Figma design skills with our latest date time picker tutorial! In this comprehensive guide, we'll walk you through the process of creating a dynamic and interactive tim...
Create Interactive Calendar (Date Picker) using Local Variables and Conditional Prototype in Figma
Переглядів 6 тис.10 місяців тому
Learn how to create an interactive Time picker using local variable and conditional logic here: ua-cam.com/video/C1aGgeQSCxY/v-deo.html Dive into the world of Figma design with our latest tutorial! In this step-by-step guide, we'll show you how to elevate your design game by creating a dynamic and interactive calendar using the power of local variables and conditional logic. 🚀 Whether you're a ...
Design a responsive table component with hover states in Figma like a Pro: Easy Auto Layout Tips!
Переглядів 28111 місяців тому
Learn how to create responsive table component in Figma that adapt seamlessly to any screen size using auto layouts! 📊📈 In this video, I'll show you how to use Figma's powerful auto layout and component features to create tables that look great on any device, including table rows that have hover and select states. Fully reusable to visualize any amount of table data From setting up your table b...
Thank you so much for this! Brilliant work.
Nice video, but can you also share the figma file
Thank you! Very helpful!
I am stumped with the logic for December to January, what would the conditional be for changing December 2023 to January 2024?
Is this file available? Thank you!
Sorry, I have just seen this. Here: www.figma.com/community/file/1357736715281640986/interactive-time-picker
I found this useful. For me, I cannot set the variable on the year to "-1". I get an error. When setting the variables, how did you get that list of options (addition, subtraction, divide, etc.)? They don't automatically appear for me. Is there another step in the process to create these?
Hi, the field where you set the conditions for a variable allows you to input '+' or '-'. It also automatically suggests it. Just make sure the number is not in parenthesis unless you are passing a string. Sorry for the late response.
Did you set year as a number? I made the mistake the first time and had to change Year to Number.
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.
could you please explain the condition where month1==month1, and how does it work?
Month-1 = January. So it's just to say when the button click get to month-1, it should change month-1 to the preceding month, which is December.
There is a mistake, the January is missing in your Clicks 9:19.
Yea, it's a bug I noticed. I have not found a fix for it. I'm open to ideas if you have any.