Тёмный

Figma Advanced Tutorial: A 2-hour Masterclass 

Bring Your Own Laptop
Подписаться 626 тыс.
Просмотров 422 тыс.
50% 1

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

 

26 сен 2024

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 431   
@BringYourOwnLaptop
@BringYourOwnLaptop Год назад
I hope you enjoyed the video! If you'd like to get unlimited access to all 30+ of my courses & so much more, you can join me at BYOL and get 10% off here: BYOL.com/FIG10YTLCOM
@akaedia_
@akaedia_ Год назад
Thanks for sharing a sneak peak into your Figma Advanced course. Can't wait to begin my class project!!
@Sharifmollah
@Sharifmollah Год назад
i love this t-shirt can you send me this design for me with your signature ?
@da-sk7ye
@da-sk7ye Год назад
Hey Dan, love your courses. Is this a short version of a course on your paid website? Was looking at your colour variants section but missing the part where it explains the naming. Thanks Dan
@sandragredo4673
@sandragredo4673 Год назад
Thank you very much?
@godwinonwumere3589
@godwinonwumere3589 Год назад
Hi Mr Dan, I'm a member of the BYOL community and unfortunately I've had issues with playing the videos on the website.
@beingrongpoka-thecolourbug9978
@beingrongpoka-thecolourbug9978 4 месяца назад
Everyone watching this... I’m proud of you for wanting to improve yourself, I wish you the best of luck in your future endeavors.
@jake4404
@jake4404 2 месяца назад
Thank you 😊
@ashwinbhutiya4195
@ashwinbhutiya4195 Год назад
Sir your are a legend because no one is giving free advance course 🙏
@werqaferaw
@werqaferaw 5 месяцев назад
I am one of the millions you've helped. thanks dan!
@samoeikelvin3649
@samoeikelvin3649 Год назад
I learnt adobe illustrator, photoshop and now I'm becoming a pro at Figma thanks to you. God bless you❤️.
@tero247
@tero247 Год назад
I've bought a lot of your Udemy courses, Dan. And also recommend them to my friends. Just because you are the best design instructor I have ever had. Your courses are so funny and well organized. Thank you so much for your hard work!
@BringYourOwnLaptop
@BringYourOwnLaptop Год назад
Thanks for the long time support. 🤟
@atlandfashion997
@atlandfashion997 Год назад
would you like to share your esssential course?
@mydesignerlife
@mydesignerlife Год назад
Me too! Love his sense of humour. I remember things better.
@__jake.m
@__jake.m 3 месяца назад
The biggest revelation for me has been the world of plugins! They have been a lifesaver. It got me so excited to explore them and see how many plugins I could potentially use to make my workflow more pleasurable and efficient. Thanks for the free advance course, by the way! I'll definitely be checking out your paid course in the future!
@chukwumelagift
@chukwumelagift Год назад
Wow.. I've been reading comments about everyone buying Dan's courses from udemy. I don't have the money to buy any of the courses but your channel on RU-vid is just amazing. Thank you Dan.
@ehibble
@ehibble Год назад
I usually don't write reviews, but Dan is the man. I watched through this video, then signed up for his course. I'm currently 110 videos deep out of 200. I couldn't be happier with how in depth and comprehensive the course is. He's taught me so much that I'm contemplating making a 'credits' page in my app to show my appreciation. Best $10 I've ever spent! Cheers Dan & BYOL team : )
@BringYourOwnLaptop
@BringYourOwnLaptop Год назад
Wow. You're flying through the videos. I appreciate the great feedback and the stellar testimonial. Much appreciated.
@atlandfashion997
@atlandfashion997 Год назад
would you like to share your esssential course?
@souvikpradhan1053
@souvikpradhan1053 Год назад
Hello Dan! I cannot express my gratitude enough for your course. Your ability to simplify fundamental rules and use cases in UX/UI has been immensely helpful. I want to extend my heartfelt thanks to you. You have made it incredibly easy for us, and I hope to apply your teachings to contribute to creating better designs for the world.
@user-11DiACasti88
@user-11DiACasti88 3 месяца назад
Exactly what i want to express to him as well 🤗👏👏👏
@Golden_Kelsi
@Golden_Kelsi 3 месяца назад
Thank you so much Sir. I've been following your tutorials for a couple of years. This tutorial is so spot on and much appreciated. Very detailed!
@Mr777eduard
@Mr777eduard 3 месяца назад
Keeping the developer in mind when design is such a good tip..it will help them a lot and make the collaboration a success
@JAdam301
@JAdam301 3 месяца назад
The BEST Figma Tutorial I have had the real pleasure to follow. Wayyyy better than the Figma original ones! The pacing, the tone, the details, the ADDITIONAL explanations, they why and how of critical features! What a delight and luck you are out there! Thank you!!!
@anitius101
@anitius101 11 месяцев назад
This masterclass is awesome, I might subscribe to course the after finishing this. In the meantime: I learned that 1. Elements in a nested component can't be deleted, they will just hide. 2. I also learned that even if the 8-point grid is a good practice, we should check Material design guidelines, Bootstrap and Tailwind frameworks to know the recommended spacing for gaps/gutters, and that complying with the framework specs used by the devs will make them happy :). 3. I learned that to save the constraints for a component, the component needs to be inside a frame, this way, the constraints will apply in all instances it's going to be used, nice!
@cottonwood_lin
@cottonwood_lin 10 дней назад
Thank you Dan, your narration, delivery, pace, style, sense of humour are awesome and make it a lot less intimidating to follow
@languaverage
@languaverage Год назад
Hi Dan! I’m a 26-year-old full-time mum and I’ve recently discovered UI/UX Design. It’s fascinating! I’m a beginner and I’ve already watched your Essentials Course and was considering subscribing :)
@BringYourOwnLaptop
@BringYourOwnLaptop Год назад
I'm excited for you. Getting started and learning it all is the best part! I want to do it all again. It's a fun industry.
@ThisDesignLife
@ThisDesignLife Год назад
That's excellent Sabrina
@JyotiYadav-c4n
@JyotiYadav-c4n Год назад
​@@BringYourOwnLaptop2:00
@waleedawais5582
@waleedawais5582 Год назад
I have Tried Many Figma Courses From Many Respected instructors but You are THE BEST FIGMA INSTRUCTOR to ever exist No question about it, I'm actually a student and trying To save money to buy a membership on your website. But thankyou for this free preview.
@BringYourOwnLaptop
@BringYourOwnLaptop Год назад
Thanks for the lovely comment. Made my day 💪
@atlandfashion997
@atlandfashion997 Год назад
would you like to share your esssential course?
@jackgrey6408
@jackgrey6408 Год назад
That was structured differently than other Figma tutorials I've watched, which is great, and I learned some new tricks! I appreciate that it was focused more on documentation and structure than making one flashy design. Thank you!
@user-11DiACasti88
@user-11DiACasti88 4 месяца назад
Right that is the method from Sir Dan!! just amazing
@flomobk
@flomobk Год назад
I finally understand that in order to get developers to code my designs pixel-perfect, a designer has to set it up correctly so they can easily see the spacing (margins/padding) to be used and so on. Thanks for a super thorough explanation!
@aminexpert
@aminexpert Год назад
Hi Dan, This video is valuable for designers who are having difficulties working with Figma and shifting from Adobe XD. Thumbs-up
@isaacsanchez2003
@isaacsanchez2003 Год назад
This is the best tutorial/masterclass i have ever seen for anything, it is so well put together, this should have 1M+ views atleast!
@BringYourOwnLaptop
@BringYourOwnLaptop Год назад
Thanks Isaac. I'm looking forward to the day it breaks 1m. We'll have a party here at BYOL. 🎉🍰
@AniFaq
@AniFaq Год назад
Thank you, 'Bring Me Your Laptop,' for the fantastic masterclass! Your tutorial was incredibly helpful and had so much fun❤
@mwycombe
@mwycombe 4 месяца назад
The key revelation for me was how to structure nested components by putting instances of components inside container components so you can control the contained instances from the master components. Very insightful.
@user-11DiACasti88
@user-11DiACasti88 3 месяца назад
the most i watch Dann the most i like him, i really enjoy his course and i can't wait to buy his Courses and get every day better
@pancamel8635
@pancamel8635 Год назад
I bought your courses last month. I'll never regret this decision. It is sooo much fun. I'm half way through my figma essentials course. Can't wait to finish it, and start the advanced one!
@BringYourOwnLaptop
@BringYourOwnLaptop Год назад
Thanks so much! I'm glad you're enjoying BYOL and the community !
@PatriciaCarvalho0
@PatriciaCarvalho0 Год назад
Does he have an advanced one? Where can I find it?? Need it ASAP 😊
@pancamel8635
@pancamel8635 Год назад
@@PatriciaCarvalho0 he just have released it, on his course page
@atlandfashion997
@atlandfashion997 Год назад
would you like to share your esssential course?
@AByallo
@AByallo Год назад
just doing the first course now. moving along pretty quick, so will be on this one next! loved your AE course. had me animating for work immediately. best adobe instructor out there.
@cielryulater5381
@cielryulater5381 Год назад
Command Shift R -- Replace element with the copied one Hold Shift + Up/Down -- Change field value faster
@FaisalAhmadNoori
@FaisalAhmadNoori Год назад
Thank you in advance Daniel for this free tutorial!❤
@BringYourOwnLaptop
@BringYourOwnLaptop Год назад
You're welcome mate!
@radoslavmilev1872
@radoslavmilev1872 2 месяца назад
Hello, Dan! My revalation as a beginner was Alt + L, for those who don’t know it collapses all opened layers - like if you’ve got a frame with 10 things in it, it will collapse it to parent frame and thats been super useful to me, hope it helps someone else as well!
@cincosetecinco
@cincosetecinco Год назад
For users having problems with the Autolayout's automatic icon spacing, go ahead and deselect 'Absolute Position' for each individual icon that has that feature selected.
@nefariox
@nefariox Год назад
YO! Thank you so muchh!! Almost wrecked my head thinking why I'm not getting it right! LOL!
@constellation007
@constellation007 11 месяцев назад
ur actually the best teacher in the world u mention the tiny details that might not seem like a big deal but those tiny details are what really sets someone from being proficient to an expert and i appreaciate that because im one of those people that care about those tiny details :)
@mightyladrecaps
@mightyladrecaps Год назад
Resources to understand design standards on android, IOS, tailwind, and bootstrap were very helpful. quite frankly, I didn't know where to gather the knowledge from. Thanks.
@BringYourOwnLaptop
@BringYourOwnLaptop Год назад
You're welcome. There are loads more but that's what has helped me with most of my work.
@maimounah2001
@maimounah2001 2 месяца назад
I just would say that I finished this course, it was so informative, this course enable you to take the knowledge in a funny and excited way, I really recommend to follow this course. Congratulations for everyone who finished this course! you did it, keep going on! , and I want to say Thank you so much for making this video Bro I really appreciate your nice work and I wish you a bright future. 👌
@Static27o
@Static27o 3 месяца назад
Everything has been helpful and new to me, I’m new to figma and I have just been designing with boxes and going based on feel. This has been eye opening.
@k.kaiserahmed8013
@k.kaiserahmed8013 Год назад
Wrapping and preview feature is the best ones from recent update of config 2023
@domomilas
@domomilas Год назад
Finally, constraints well explained... Thanks in the name of the whole community.
@BringYourOwnLaptop
@BringYourOwnLaptop Год назад
Constraints took me a while to wrap my head around too. Glad I was able to decode it.
@lindsayhp
@lindsayhp 9 месяцев назад
I love how easy and amazing components are!
@Glaclouds7
@Glaclouds7 Год назад
great videos, thanks broo, this really help !
@HollowsDarkness
@HollowsDarkness Год назад
19:45 you can also double click the auto layout grid box as well and it will switch it to auto spacing too, Just another quick way. Also something that was my "I wish I knew this before" was the design doc for android (m3) and iphones, thats really helpful. Ive been looking for a more specific sizing for everything for a while now so that was really helpful!
@newtodesign
@newtodesign 10 месяцев назад
Great tip - I don't have all the options Dan shows for auto spacing!!
@arthur1022
@arthur1022 Год назад
Adding this to my Watch List! I can tell this is gonna be really insightful! I’ll come back to my comment and let you know how it goes! Thanks for creating this in-depth video!! 🤝
@hectorperea9386
@hectorperea9386 Год назад
This is one of the best, if not the best course I watched on Figma. Well organized and super structured. I will definitely go to BYOL and be a subscriber to watch the entire course. Thanks Dan!
@BringYourOwnLaptop
@BringYourOwnLaptop Год назад
Thanks man. Much appreciated. Everyone should go to BYOL 💪
@roymohubu1294
@roymohubu1294 9 месяцев назад
I am a new designer/ entreprenuer, i recently found your videos, and i must say, they are very good 👌🏽 💯 💯 💯
@slipstream01
@slipstream01 Год назад
Mate, absolutely loved the 2 hours + useful content, learnt a lot of new things about constraints and auto layout , plugins, widgets, rows. Thank you indeed.
@BringYourOwnLaptop
@BringYourOwnLaptop Год назад
Cool that you made it to the end. Glad it helped 💪
@bojakcates2817
@bojakcates2817 Год назад
auto spacing was really cool. I didnt know that was a thing until now!
@carlakalache3381
@carlakalache3381 7 месяцев назад
Thank you so so much! Not only you're an amazing teacher but you're also really kind to share your knowledge! This is the best online class I've ever seen.
@Storiesbyhomes
@Storiesbyhomes Год назад
the power of auto layout, crazy i had designed some project previously without properly utilizing auto layouts but this knowledge has been a game changer
@mfarjr1848
@mfarjr1848 4 месяца назад
All the tips & tricks along the tutorial are spot on beneficial to my knowledge in using Figma.
@L0r110
@L0r110 Год назад
Thank you Dan for all your videos!!! Such great material for a beginner like myself and understanding the functions of Figma. I have learned some great tips and shortcuts along the way so far. Looking forward to completing more with you!
@michaelharris8040
@michaelharris8040 Год назад
Vectorize is my favorite Figma plugin. The prototype feature is by far my favorite, as a designer to see your design finished and its functions working is a great feeling.... similar feeling to taking your socks off after a long day.
@johnnydfred
@johnnydfred 9 месяцев назад
So first part of the video and I finally understand the component-instance relationship! Thank you SO much.
@heenaverma2313
@heenaverma2313 2 месяца назад
i learned so many things from ur videos dan. thankyou so much , u r the best!!!!
@Sam_UX62
@Sam_UX62 3 месяца назад
How much I appreciate your amazing Figma tutorials on your channel. Your videos have been incredibly helpful and have made learning Figma so much fun! Your clear explanations and practical examples make it so easy to follow along and improve my skills. I do have a question though - where should I submit the assignments you mention in your videos? Is there a specific link or platform you prefer? I'd love to get your feedback on my work! Thank you for all the hard work you put into creating such valuable content. Keep up the great work!
@ashraf_dz4769
@ashraf_dz4769 Год назад
With Danial, Always you are SUPERHERO!.. thank you D ❤
@joeymuimuiuk
@joeymuimuiuk Год назад
This video was very helpful. Lots of useful tricks. I wish I discovered Dan earlier. Watching 30+ courses is a lot. If it was broken down to groups of topics I would be interested. Seeing how you teach it in a tutorial format really helps. Eg small group of videos on the topic of animation. Another one to create responsive website etc...
@RocknRollCEO
@RocknRollCEO 11 месяцев назад
Can't thank you enough. Superb stuff as always, Dan. Cheers.
@sassisammi
@sassisammi 6 месяцев назад
"big waffly mess" - new favourite expression! I'm stealing it! 🤣
@anesa_omeragic
@anesa_omeragic 2 месяца назад
Thank you for this wonderful course! Great material!
@julieta5773
@julieta5773 3 месяца назад
You are a gift to humanity. I love you!
@sassisammi
@sassisammi 6 месяцев назад
I had no idea you had to be zoomed in to a certain level to see elements like 'tidy up' etc!!! bahahah crazy. Also I took sooooo long to realise my mac mouse could in fact zoom in super quick! Sometimes I just feel so dumb and other times I feel like a figma champ! I guess we all go through it... Dan is definitely one of the best figma trainers I've found for sure!
@buildingsomething1
@buildingsomething1 Год назад
Helpful tip, changes to constraints on a main component don't seem to copy to instances (it's why he had to keep making the change manually when he was talking about the first task)
@Rebecca-xw5zi
@Rebecca-xw5zi 2 месяца назад
Thank you so much Dan. Your tutorials are always smooth.
@MicaPatitucci
@MicaPatitucci Год назад
Hi, Dan! I´m a newbie and your course of Figma Essentials is helping me a lot. I hope to finish it soon in Udemy to start the advanced!
@al75an
@al75an Год назад
OMG, this is the best tutorial for Figma! THE BEST!! Thank you so much sir for your time, and please keep doing this your videos are amazing
@saadbaig7919
@saadbaig7919 9 месяцев назад
Space between’ is now set by choosing ‘Auto’ via the gap dropdown, or double click the alignment box.
@НикиДимитров-г4е
I literally subbed in 2 min from the vid intro I swear I love it already ❤
@BringYourOwnLaptop
@BringYourOwnLaptop Год назад
Thanks for the sub 🤜🤛
@omaralhajali3915
@omaralhajali3915 5 месяцев назад
You are very wonderful at explaining and the information in this course is great, not found anywhere else My notes: 1- Please speak a little slower while explaining 2 - I hope you can make a video about building a website from scratch 3- Continue publishing what is useful on your channel because you are amazing
@hagarnahari7505
@hagarnahari7505 10 месяцев назад
1:37:30 - Knowing this shortcut could have saved me so much time, I thought this was a feature that is missing in Figma. Thank you for this video, it helped me
@newtodesign
@newtodesign 10 месяцев назад
AHA moment so far - spacing and conneting it to CSS and other frameworks. I had some prior exposure - but this clarified a lot for me! thanks
@psychogothkitty
@psychogothkitty 7 месяцев назад
OMG, this is exactly what I have been looking for... You are amazing! Other people are charging heaps and they aren't even covering everything that you have taught in this video. Thank you so much!
@Da_Covenant
@Da_Covenant Год назад
Dan Scott, I love you. I love your style of teaching; the best online Tutor I've ever seen. Already finished the beginner's essential's, and now on the advanced course. I'll join for the full course very soon. Thanks man.
@Realihasan
@Realihasan 7 месяцев назад
I have just started watching your videos and am already hooked on to it,,,you make it look so easy...kudos to you my friend...
@Alto_K
@Alto_K Год назад
Thnak you! those small tricks I didn't know existed. 💯 One of the unique thig I leart was how we can not make components within components. I was suprise to see how figma threw out the componest within the organism. Maybe that's why I like the atomic theory of making desing systems.
@kvnwlm
@kvnwlm Год назад
I honestly love all of the plugins! Coming from the Adobe suite, I was hesitant at first to give up what I knew, and realizing figma can do everything I need and more. #BYOL1
@apdesign7015
@apdesign7015 Год назад
This is best one, I want more videos from this figma Superman
@AnjaGoth
@AnjaGoth Год назад
Made it easy for me to get back into job after parental leave ✌
@1deplatt
@1deplatt Год назад
I liked this. You have a good approach to teaching. I just might sign up for the rest of this course :)
@chris-danieluchendu
@chris-danieluchendu Год назад
You nailed it. I mean you always deliver. I watch your videos most especially because of your composure and delivery.
@ugyenofficial
@ugyenofficial 10 месяцев назад
Thank you for giving it for free. i saw many of your udemy courses being provided for free on youtube. We appreciate you sir. I benefits a lot for students form remote Asian countries where buying a udemy course is just impossible. We have no method to pay the amount since no payment method is supported in our region. Thanks and we appreciate you sir ❤
@rupamgumber4747
@rupamgumber4747 8 месяцев назад
Learnt a lot till this point Dan!! Love the way you teach
@SaddamObaid
@SaddamObaid Год назад
Very good lesson. My best wishes to you
@cerosdotcom
@cerosdotcom 11 месяцев назад
A 2-hour Figma masterclass - now that's a deep dive! We at Ceros appreciate comprehensive tutorials that provide an in-depth understanding of key tools. Your content is a great resource for designers looking to level up their skills. Keep up the great work!
@j_ryan_n
@j_ryan_n 11 месяцев назад
Thank you for the incredible resource. I did not know about the scale shortcut (k) and have been scaling things all wrong. Lots of other great tips, but that one was a real obvious tip that I've totally missed and appreciate
@funmadecabin7585
@funmadecabin7585 9 месяцев назад
Knowing you is a blessing 😊 Thank you so much
@kill_switch_101
@kill_switch_101 2 месяца назад
man ur teaching skills are great!
@miraclelekwauwa6433
@miraclelekwauwa6433 Год назад
Thank you for this insightful lecture, w have more understanding of how auto-layout works, would also love to be part of the weekly exercises
@JDMedia
@JDMedia Год назад
Thank you for your wonderful lectures.. its really easy to understand the way you are presenting especially mixed with funny 😄
@shwetasrivastava7075
@shwetasrivastava7075 3 месяца назад
Thank you so much for this tutorial! it was constructive and informative!
@stephanieredgment
@stephanieredgment Год назад
I haven't discovered which tool I find the most challenging because I'm just getting started! Yay for Figma and Dan. #BYOL2
@100deidara001
@100deidara001 Год назад
I'm loving the auto layout capabilities and variables at the moment! #BYOL1
@chunkodotuk
@chunkodotuk Год назад
Formulas in integer fields!! Blew my mind!!
@haringowda
@haringowda 11 месяцев назад
Sir, you are in my legendary mentors list 🔥
@fionayin-688
@fionayin-688 Год назад
Thanks for your content sharing!
@amandastauffer5703
@amandastauffer5703 11 месяцев назад
At minute 44, you ask us to share what our 'aha' moment has been so far - mine is that you can't add or change an icon in a component (ie, nav bar) unless it is the main component. That part also cleared up for me what an 'instance' is. Hoping we talk about variants, too!
@ibrahimkolawole6036
@ibrahimkolawole6036 Год назад
Amazing, as always!
@64ester
@64ester Год назад
Thank you so much for this toutorial! its teach me a lot nore than just a figma. I like the idea to give the phone frame size as the same size as my phone. and that you shows all the ather tips and grate plugins that could save my alot of time if only i discover tham half a year ago...):
@adelekedaniel2927
@adelekedaniel2927 Год назад
Advanced copy and paste, i frowned my face, only to hear Daniel say "yes copy and past" like he was talking directly to me😂😂😂. Well I learnt the past to replace.. pretty advanced. Thank you Daniel
@BringYourOwnLaptop
@BringYourOwnLaptop Год назад
Lol. Glad you found it useful too. I love it, but what else can you call it! Lame but awesome.
@zulaykhasulaiman3296
@zulaykhasulaiman3296 Год назад
Hello thanks for this i didnt know much about components and Auto layout but now i am better with it thanks 😅
@ErenI
@ErenI 3 месяца назад
the content of the training is wonderful, but if I may suggest, it would be perfect if the shortcut keys were also displayed on the screen separately for UX purposes.
@saquibshafique
@saquibshafique Год назад
I learnt Figma basic from you only on Udemy, I love the way you teach, making fun of things and you teach very neatly.
@BringYourOwnLaptop
@BringYourOwnLaptop Год назад
Thanks 😊 This Advanced course is now up on Udemy when you're ready to go further.
@atlandfashion997
@atlandfashion997 Год назад
would you like to share your esssential course?
@AwoleriAyomide-lx7fu
@AwoleriAyomide-lx7fu 23 дня назад
So love your video..looking forward improving myself
Далее
Figma Tutorial: A Crash Course for Beginners
1:22:49
Просмотров 334 тыс.
10 Advanced Figma Hacks in 2024
16:09
Просмотров 19 тыс.
Why Beautiful Websites Don’t Convert
12:57
Просмотров 143 тыс.
Amateur vs Pro UI Design | with examples
20:46
Просмотров 119 тыс.
world's shortest UI/UX design course
6:53
Просмотров 1,2 млн
6 UI Hacks I Wish I Knew As A Beginner
11:11
Просмотров 811 тыс.
If I started UI/UX Design in 2024, I'd Do This!
8:22
Просмотров 234 тыс.
60-30-10 Color Rule
6:18
Просмотров 1,9 млн
Free Figma UX Design UI Essentials Course
2:57:40
Просмотров 2 млн