Figma Advanced Tutorial: A 2-hour Masterclass

Поделиться
HTML-код
  • Опубликовано: 19 сен 2024

Комментарии • 430

  • @BringYourOwnLaptop
    @BringYourOwnLaptop  Год назад +76

    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_ Год назад +1

      Thanks for sharing a sneak peak into your Figma Advanced course. Can't wait to begin my class project!!

    • @Sharifmollah
      @Sharifmollah Год назад +1

      i love this t-shirt can you send me this design for me with your signature ?

    • @da-sk7ye
      @da-sk7ye Год назад +1

      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 Год назад +1

      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 месяца назад +83

    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 месяца назад +1

      Thank you 😊

  • @ashwinbhutiya4195
    @ashwinbhutiya4195 Год назад +89

    Sir your are a legend because no one is giving free advance course 🙏

  • @cottonwood_lin
    @cottonwood_lin 3 дня назад

    Thank you Dan, your narration, delivery, pace, style, sense of humour are awesome and make it a lot less intimidating to follow

  • @werqaferaw
    @werqaferaw 5 месяцев назад +8

    I am one of the millions you've helped. thanks dan!

  • @samoeikelvin3649
    @samoeikelvin3649 Год назад +9

    I learnt adobe illustrator, photoshop and now I'm becoming a pro at Figma thanks to you. God bless you❤️.

  • @waleedawais5582
    @waleedawais5582 Год назад +2

    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.

  • @Mr777eduard
    @Mr777eduard 3 месяца назад +1

    Keeping the developer in mind when design is such a good tip..it will help them a lot and make the collaboration a success

  • @__jake.m
    @__jake.m 2 месяца назад +1

    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!

  • @tero247
    @tero247 Год назад +34

    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  Год назад +5

      Thanks for the long time support. 🤟

    • @atlandfashion997
      @atlandfashion997 Год назад +3

      would you like to share your esssential course?

    • @mydesignerlife
      @mydesignerlife Год назад +2

      Me too! Love his sense of humour. I remember things better.

  • @cincosetecinco
    @cincosetecinco Год назад +4

    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 11 месяцев назад

      YO! Thank you so muchh!! Almost wrecked my head thinking why I'm not getting it right! LOL!

  • @ehibble
    @ehibble Год назад +9

    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  Год назад +2

      Wow. You're flying through the videos. I appreciate the great feedback and the stellar testimonial. Much appreciated.

    • @atlandfashion997
      @atlandfashion997 Год назад +1

      would you like to share your esssential course?

  • @languaverage
    @languaverage Год назад +7

    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  Год назад +1

      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

    • @user-lf9zq4bj5u
      @user-lf9zq4bj5u Год назад

      ​@@BringYourOwnLaptop2:00

  • @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!!!

  • @Golden_Kelsi
    @Golden_Kelsi 3 месяца назад +2

    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!

  • @anitius101
    @anitius101 11 месяцев назад +1

    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!

  • @chukwumelagift
    @chukwumelagift Год назад +6

    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 RUclips is just amazing. Thank you Dan.

  • @mwycombe
    @mwycombe 3 месяца назад

    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.

  • @souvikpradhan1053
    @souvikpradhan1053 Год назад +12

    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 🤗👏👏👏

  • @cielryulater5381
    @cielryulater5381 Год назад +1

    Command Shift R -- Replace element with the copied one
    Hold Shift + Up/Down -- Change field value faster

  • @radoslavmilev1872
    @radoslavmilev1872 Месяц назад

    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!

  • @AniFaq
    @AniFaq Год назад +2

    Thank you, 'Bring Me Your Laptop,' for the fantastic masterclass! Your tutorial was incredibly helpful and had so much fun❤

  • @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

  • @isaacsanchez2003
    @isaacsanchez2003 Год назад +2

    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. 🎉🍰

  • @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

  • @domomilas
    @domomilas Год назад +1

    Finally, constraints well explained... Thanks in the name of the whole community.

    • @BringYourOwnLaptop
      @BringYourOwnLaptop  Год назад +1

      Constraints took me a while to wrap my head around too. Glad I was able to decode it.

  • @aminexpert
    @aminexpert Год назад +5

    Hi Dan, This video is valuable for designers who are having difficulties working with Figma and shifting from Adobe XD. Thumbs-up

  • @maimounah2001
    @maimounah2001 2 месяца назад +1

    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. 👌

  • @mightyladrecaps
    @mightyladrecaps Год назад +1

    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.

  • @k.kaiserahmed8013
    @k.kaiserahmed8013 Год назад +1

    Wrapping and preview feature is the best ones from recent update of config 2023

  • @mfarjr1848
    @mfarjr1848 4 месяца назад

    This is the best Figma tutorial for me so far. And this is the first video that I didn't save to watch later playlist since I watch it to the end. Haha

  • @roymohubu1294
    @roymohubu1294 9 месяцев назад

    I am a new designer/ entreprenuer, i recently found your videos, and i must say, they are very good 👌🏽 💯 💯 💯

  • @buildingsomething1
    @buildingsomething1 Год назад +1

    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)

  • @bojakcates2817
    @bojakcates2817 Год назад +2

    auto spacing was really cool. I didnt know that was a thing until now!

  • @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 :)

  • @sassisammi
    @sassisammi 6 месяцев назад +1

    "big waffly mess" - new favourite expression! I'm stealing it! 🤣

  • @Mariamadk
    @Mariamadk Год назад +2

    Thankkkk youu for making things much much easier, i am a beginner in the UX/UI field, i watched the essentials video and with practice i became better, so i am super excited for this one.. will always be my favorite mentor ❤❤

  • @saadbaig7919
    @saadbaig7919 9 месяцев назад

    Space between’ is now set by choosing ‘Auto’ via the gap dropdown, or double click the alignment box.

  • @jackgrey6408
    @jackgrey6408 Год назад +6

    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 3 месяца назад

      Right that is the method from Sir Dan!! just amazing

  • @flomobk
    @flomobk Год назад +2

    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!

  • @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.

  • @heenaverma2313
    @heenaverma2313 Месяц назад

    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!

  • @FaisalAhmadNoori
    @FaisalAhmadNoori Год назад +3

    Thank you in advance Daniel for this free tutorial!❤

  • @HollowsDarkness
    @HollowsDarkness Год назад +3

    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!!

  • @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!

  • @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

  • @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.

  • @ashraf_dz4769
    @ashraf_dz4769 Год назад +2

    With Danial, Always you are SUPERHERO!.. thank you D ❤

  • @mfarjr1848
    @mfarjr1848 4 месяца назад

    All the tips & tricks along the tutorial are spot on beneficial to my knowledge in using Figma.

  • @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

  • @cerosdotcom
    @cerosdotcom 11 месяцев назад +1

    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!

  • @AnjaGoth
    @AnjaGoth Год назад +1

    Made it easy for me to get back into job after parental leave ✌

  • @arthur1022
    @arthur1022 Год назад +1

    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!! 🤝

  • @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!

  • @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.

  • @pancamel8635
    @pancamel8635 Год назад +5

    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  Год назад +1

      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?

  • @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 ❤

  • @lindsayhp
    @lindsayhp 9 месяцев назад +1

    I love how easy and amazing components are!

  • @saquibshafique
    @saquibshafique Год назад +1

    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?

  • @anesa_omeragic
    @anesa_omeragic 2 месяца назад

    Thank you for this wonderful course! Great material!

  • @slipstream01
    @slipstream01 Год назад +1

    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.

  • @Glaclouds7
    @Glaclouds7 Год назад +1

    great videos, thanks broo, this really help !

  • @apdesign7015
    @apdesign7015 Год назад +1

    This is best one, I want more videos from this figma Superman

  • @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.

  • @julieta5773
    @julieta5773 3 месяца назад

    You are a gift to humanity. I love you!

  • @AByallo
    @AByallo Год назад +12

    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.

  • @НикиДимитров-г4е
    @НикиДимитров-г4е Год назад +1

    I literally subbed in 2 min from the vid intro I swear I love it already ❤

  • @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

  • @johnnydfred
    @johnnydfred 9 месяцев назад +1

    So first part of the video and I finally understand the component-instance relationship! Thank you SO much.

  • @hectorperea9386
    @hectorperea9386 Год назад +3

    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  Год назад +1

      Thanks man. Much appreciated. Everyone should go to BYOL 💪

  • @joeymuimuiuk
    @joeymuimuiuk Год назад +1

    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...

  • @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

  • @adelekedaniel2927
    @adelekedaniel2927 Год назад +1

    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  Год назад +1

      Lol. Glad you found it useful too. I love it, but what else can you call it! Lame but awesome.

  • @kill_switch_101
    @kill_switch_101 Месяц назад

    man ur teaching skills are great!

  • @Rebecca-xw5zi
    @Rebecca-xw5zi 2 месяца назад

    Thank you so much Dan. Your tutorials are always smooth.

  • @100deidara001
    @100deidara001 Год назад +1

    I'm loving the auto layout capabilities and variables at the moment! #BYOL1

  • @haringowda
    @haringowda 10 месяцев назад

    Sir, you are in my legendary mentors list 🔥

  • @psychogothkitty
    @psychogothkitty 6 месяцев назад

    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!

  • @timmekaedwards
    @timmekaedwards 3 месяца назад

    The Navigation bar was awesome

  • @MicaPatitucci
    @MicaPatitucci Год назад +4

    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!

  • @svettparre
    @svettparre 7 месяцев назад

    I did the whole course. I did learn a lot. Thanks! I will buy the full course now!

  • @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.

  • @RocknRollCEO
    @RocknRollCEO 11 месяцев назад +2

    Can't thank you enough. Superb stuff as always, Dan. Cheers.

  • @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...

  • @codexng
    @codexng Год назад

    I just bought your course on Udemy!🤗

  • @nasserpro2
    @nasserpro2 4 месяца назад

    This is definitely an advanced level for total beginners. Good content and quality explanations however the title is misleading and expectations not met.

  • @NyuvelUX
    @NyuvelUX Год назад +1

    Thank you so much. This video has helped me so much, and clarified some of the difficulties I had with auto-layout and responsiveness. I'm truly happy I went through this, practicing as I went along.

  • @chrismail
    @chrismail Год назад

    You made me understand weird stuff I had forgotten that I never understood :D Great job

  • @L0r110
    @L0r110 Год назад +6

    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!

  • @rupamgumber4747
    @rupamgumber4747 8 месяцев назад

    Learnt a lot till this point Dan!! Love the way you teach

  • @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

  • @shwetasrivastava7075
    @shwetasrivastava7075 3 месяца назад

    Thank you so much for this tutorial! it was constructive and informative!

  • @chris-danieluchendu
    @chris-danieluchendu Год назад

    You nailed it.
    I mean you always deliver. I watch your videos most especially because of your composure and delivery.

  • @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.

  • @1deplatt
    @1deplatt Год назад +1

    I liked this. You have a good approach to teaching. I just might sign up for the rest of this course :)

  • @kvnwlm
    @kvnwlm Год назад +3

    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

  • @chunkodotuk
    @chunkodotuk Год назад

    Formulas in integer fields!! Blew my mind!!

  • @miraclelekwauwa6433
    @miraclelekwauwa6433 11 месяцев назад

    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

  • @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