Finally: Figma Variables Explained!
Vložit
- čas přidán 29. 06. 2024
- SUMMER SALE 🌞 Join BYOL for $5.60 a month. Save 20% on an unlimited year of learning: byol.com/ss24yt
Get 10% off a BYOL membership & unlimited access to all of our Figma Courses & so much more: BYOL.com/FIG10YTLU
Watch the full 160+ video Figma Advanced Course: BYOL.com/FIGYTFLCDU
Free 2 Hour Figma Advanced Masterclass: • Figma Advanced Tutoria...
Watch the Figma Essentials Course on BYOL: BYOL.com/FIGYT223u
Try Figma for Free: BYOL.com/FIGF
This course is tailor-made for those who have already mastered the fundamental principles of UI/UX Design using Figma. If you've triumphed over my Figma Essentials course or have a sneaking suspicion that there's a treasure trove of unexplored tools, tips, workflows, and updates awaiting your discovery, then look no further! This course is your golden ticket to taking your UI/UX prowess to the next level.
Join the Bring Your Own Laptop Facebook Group: / bringyourownlaptop
Follow me on Instagram: / bringyourownlaptop
Follow me on TikTok: www.byol.com/tiktok/
Follow me on Twitter: / danlovesadobe
Join the LinkedIn Group: / 10539178
Together, we'll start by delving into the depths of multilevel nested autolayouts, and unravel the secrets used by UX professionals by learning:
- Workflow techniques, managing design assets, styles, components, grid and column layouts like true virtuosos.
- Unleashing the magic of advanced animation techniques, captivating users with animated background gradients and Houdini Text.
- Harness the power of Lottie animation files, breathing life into your designs.
- Crafting responsive elements that effortlessly adapt to any device, proving your design prowess knows no bounds.
- Unleashing the full potential of powerful images & video masking techniques, amplifying the visual impact of your creations.
- Mastering advanced typography features, transforming words into captivating works of art.
- Embracing the realm of AI, infusing your process with its genius to elevate your skills as a UX designer.
- Elevate your prototyping game, conducting user tests with finesse using advanced techniques.
- Unveiling sticky scroll buttons that stack, animated anchor points and booleans, and a host of other captivating effects.
- Creating enchanting dropdown menus, hover grow effects for images, and expanding search bars.
- Discovering the right accessibility tools & techniques, ensuring inclusivity and usability for all users.
- Becoming a variant boss, expertly taming unwieldy variants to just 1 or 2.
- Unveiling the secrets of seamless collaboration with designers, developers, and stakeholders.
- Mastering the art of exporting production-ready assets, bringing your designs to life beyond the realm of Figma.
- Unearthing professional workflow tricks & shortcuts, saving you precious time and skyrocketing your efficiency.
- Plus much more exciting advanced Figma goodness along the way!
0:00 - Introduction to 2023 Figma Updates
0:35 - Variables in Figma
4:40 - Truncate text in Figma
5:02 - Advanced Prototyping in Figma
7:49 - Design Tokens in Figma
10:56 - Min Max Width & Height in Figma
11:48 - Auto Layout Wrap in Figma
12:16 - Font Preview in Figma
12:36 - Dev Mode in Figma
Thanks so much for checking out this video! If you enjoyed it & would like to watch all 30+ of my courses, you can get 10% for signing up at my website by clicking here: BYOL.com/fig10ytluc
Great balance between explaining the logical parts and easy to process demonstrations of what that logic means in practice. Thank you.
I have watched many videos of people trying to explain variables. This video was very clear and simple to understand. Thank you so much. You are a great teacher😊
I have literally watched so many videos on figma updates, but this one is the bestttt. You explained it so good!!! Thank youuu.🥺❤️❤️
Thanks. It was tricky to get my head around. It's cool stuff, just tricky to self teach.
brilliant! I was looking for a video of Figma's new update , I'm a die-hard fan of your teaching
Thanks :) Hope you like the updates.
Great video! Thank you so much!
Loved it❤
Thank you for making such great and useful videos
This is soooooo good. Thanks for making this video. Damn you made it all so easy to understand.
Thanks. I hoped this would clarify it a bit. It's all a bit tricky to get your head around. I found it hard too.
Waiting.... 💯💭
Love your teaching style. Hope at some point to be able to afford your Figma courses. But right now I’ve £0.48 to my name
Hey Daniel, Thanks for Figma Advance Course, is Webflow advance is comimg too soon?
I wonder if you can seamlessly export Figma prototypes to Qt/QML and magically just work like they work in Figma ..including variables, modes, styles, variants, states, auto layout .. whatever you can do in Figma to be replicated (after export) in Qt. For that matter it can be any actual application framework: react, ios, android etc.What would be the good of having this awesome flexibility to prototype in Figma if at he end of the day when you convert them to an actual app you lose the flexibility and be stuck with only one mode, or one variant etc.
Just watched your Figma essentials video and was about to get your udemy courses but first I want to ask if they are kept up to date with all the recent changes to figma such as devmode variables etc ?
Hello sir! Please make a course on DaVinci Resolve.
That one is high on my list.
Good evening Mr. Daniel.
Does the content in this video applies to the free plan in figma?
Nearly all of it. They plan to move the DEV mode into paid only in the future. At the moment it's free.
Let's go in 42 hrs offcourse 😅
Hey HELLO wHERE IS THE OPTION SPACE BETWEEN IN AUTO LAYOUT please tell me boss I am waiting
Now i know how to prototype a calculator 🥰
thanks sir
Thanks!
You're awesome 😎 thanks.
Totally unable to add min/max width. The option is simply not there. I get the variables icon to the right in the width section instead of an arrow. Does it have to be autolayout objects? So there's no way of adding min/max width for text columns for instance? Forced to add autolayout to every single column, or piece of text? What was Figma thinking here? Text has auto height and width properties as is.
Yeah, it's only for Autolayouts. They really want everyone to use Autolayouts for everything I guess. Not ideal. But maybe this will roll out to other frames/text boxes in the future.
Add this video to your Figma playlist :)
I need help! I have created some icons in figma and I wanted to export some of it but whenever I click on export, it says 'export in layers' and even if I go group them by Ctrl+G then click to export, it's only exporting an icon rectangle or maybe color but not the whole icon. I'm confused, how to export the entire icon?
Hi, Dan! I can't open/import in Figma exercise file Task Flow.fig from the Free Figma UX Design UI Essentials Course published on 1 Dec 2021. Can you help, is there any solution for this problem? Thanks!
Sir how I can be a successful ux designer I m a student. If u have any advice u can give me plz sir , humble request
I recently found your advance premier pro advance cource after login my id i faced issue in payment method.. i take tons hours in updating... What can i do .. hello from india
Hey, try messaging Stephen through the contact us part of the website. He'll help with payment issues. Good luck.
@@BringYourOwnLaptop issue resolve.. soon I will buy advance premiere pro course... Can I purchase in Indian rupees ??? 6k inr...
Not now dan i have exams!
:) I can't stop now!
Uiux designer complete road map give me please
Please always start the project from scratch it is unenable to understand sorry 😢
Do wish Adobe could hurry up and blow some floating palette magic into Figma. That variable panel is terribly static. Can't scale it, can't dock it, can't minimize it, it doesn't overflow etc. It just grows and grows and before you know it it's occupying 65% of your screen estate when viewed with sidebar and your constantly closing and opening it cause it's getting in the way no matter where your positioning it. For a UX tool Figma is not very user friendly 😨
Just started the essentials, but looking forward to learning about this more at some point!
Enjoy the essentials course Nick.