Learn UI/UX Design & Figma - 2022 Interactive Crash Course

แชร์
ฝัง
  • เผยแพร่เมื่อ 17 พ.ย. 2024

ความคิดเห็น • 202

  • @DesignCourse
    @DesignCourse  2 ปีที่แล้ว +34

    Yearly check-in! What is your primary UI/UX design app that you use today? Figma? XD? Sketch? Something else? Let me know below!

    • @mitch__tech
      @mitch__tech 2 ปีที่แล้ว +6

      Figma

    • @louiey8380
      @louiey8380 2 ปีที่แล้ว

      Gary, can you share the figma file with us?

    • @louiey8380
      @louiey8380 2 ปีที่แล้ว +1

      Btw, I use sketch because I use a MacBook and it really just feels like a native app and I like that feeling

    • @AbdulWahab-cu1tu
      @AbdulWahab-cu1tu 2 ปีที่แล้ว

      Figma

    • @AN_738
      @AN_738 2 ปีที่แล้ว

      Figma for sure😊

  • @Hamyhamster24
    @Hamyhamster24 2 ปีที่แล้ว +49

    Just wanted to let you know,
    You were the first person I watched on TH-cam to learn designs and inspired me to become a designer. That was beginning of 2021. I now got a full time job as a designer after transitioning out of my previous career.
    Thanks for the hard work you put in!

    • @satenikmnatsakanyan9567
      @satenikmnatsakanyan9567 2 ปีที่แล้ว

      HI
      I also want to change my profession and to become a ui ux designer and I started to watch the youtube videos of Gary Simon it is perfect
      I have a question . Please can you advise me what else do you sugest to do for improving and find a job in this domain?

    • @rafiaasif7843
      @rafiaasif7843 ปีที่แล้ว

      Thats inspiring me to take his course

  • @KalvinPatel
    @KalvinPatel 2 ปีที่แล้ว +72

    Hey Gary, thanks for this tutorial! Would you ever consider doing a mock case study and walking us through the design process from start to finish? Would love to see more videos on how to practice that as well

    • @DesignCourse
      @DesignCourse  2 ปีที่แล้ว +33

      Sure! I'll add it to my list of potential ideas.

    • @KalvinPatel
      @KalvinPatel 2 ปีที่แล้ว

      @@DesignCourse appreciate it! Really like your breakdowns on each topic

    • @Trazynn
      @Trazynn 2 ปีที่แล้ว

      Yeah like a custom cake shop or something, or a mushroom store.

    • @freebird3581
      @freebird3581 2 ปีที่แล้ว +1

      Aka no. Lol!

    • @KalvinPatel
      @KalvinPatel 2 ปีที่แล้ว

      @@freebird3581 whys that haha

  • @ashleyguza
    @ashleyguza 2 ปีที่แล้ว +7

    I'm in a UX Bootcamp and have been struggling with Figma and UI. This video was AMAZING! I just signed up for the full course! I'm so excited to go through the whole video library.

    • @dennou2012
      @dennou2012 ปีที่แล้ว

      How was the course? :)

  • @MohamedOsama-hm9vo
    @MohamedOsama-hm9vo 2 ปีที่แล้ว +4

    I cant believe this happens..
    I just needed something to start with to learn ui design and figma specifically yesterday..
    And here it is!

  • @RasmusBakKristensen
    @RasmusBakKristensen 2 ปีที่แล้ว +20

    I'm studying UI/UX here in Denmark and I love these courses - if school just taught us things like this it would be so much better... Thanks for sharing and teaching us. I've been using Figma for a long time now but you can always learn ✌🚀

  • @manasnagelia
    @manasnagelia 2 ปีที่แล้ว +3

    The websites you're designing every year in your beginner tutorials are keep on getting better and better

  • @AishaMohamed-fo2gy
    @AishaMohamed-fo2gy ปีที่แล้ว +2

    thank you so much learnt a lot

  • @shoe0nh3ad
    @shoe0nh3ad 2 ปีที่แล้ว +1

    As a Front-end Dev who sometimes lacks of inspiration. This is what i was looking for, create my UX/UI. Thank you so much for share your knowledge.

  • @MyPersonalChannel77
    @MyPersonalChannel77 2 ปีที่แล้ว +1

    I just finish my degree in computer science. As you know we study many things but not in deep. So I watched your video, just to brush some knowledge about design. I really enjoy the way you speak and make us engage with the lesson. I think you are a very good teacher.
    One of the things that I am most afraid of is if I am really prepared to work in programming? I am a bit scared of the industry.

  • @TheHoinoel
    @TheHoinoel 2 ปีที่แล้ว +3

    Just came here to say that the uEye game is such a great idea (and implementation). It helps train the eye with lots of examples in a fun and engaging way. I honestly believe there's no better way of training than that. Great fn job man, I'm super impressed.

  • @MisterChickenWing
    @MisterChickenWing 2 ปีที่แล้ว +1

    GARY YOUR HAIR!! You look great man. Wanted to drop this here to let you know I landed a Junior UI Designer role a few months back at a great agency in London. And honestly so much of it was because of your videos. So thanks man, I owe you so much!

  • @benspiracy
    @benspiracy 2 ปีที่แล้ว +2

    I think Gary Simon has a really interesting background and the UI/UX videos I've watched are top notch. Here's to pivoting from a graphic design to a UI/UX track. The website and its courses will become very beneficial as trends from UI/UX change over time, especially with SVG animations.

  • @madhavkwatra5888
    @madhavkwatra5888 2 ปีที่แล้ว +1

    Learnt figma to start learning more about ui/ux
    the ending sequence was awesome like in some movies

  • @maansibislam977
    @maansibislam977 2 ปีที่แล้ว +3

    best Figma crash course yet seen so far. You did so well🙌❤

  • @ndutasamwa9114
    @ndutasamwa9114 2 ปีที่แล้ว +2

    You're the best. Interestingly. I was watching the one you made on 4th Jan last year.

  • @victorcleftune7344
    @victorcleftune7344 2 ปีที่แล้ว +1

    I'm glad to witness this amazing work of Gary this early! Love you alot.

  • @FilippoVicari
    @FilippoVicari 2 ปีที่แล้ว +1

    With long hair you look like a UI/UX rockstar ! Love your content, keep up with this great work! 🔥

  • @captainfunnybonesvlogs
    @captainfunnybonesvlogs 2 ปีที่แล้ว

    Loads of love to you Gary. Thank you so much.

  • @sakshibadlani2637
    @sakshibadlani2637 ปีที่แล้ว

    Loved the concept and the way you taught creating components and their prototyping

  • @CraigDavisonDev
    @CraigDavisonDev 2 ปีที่แล้ว +5

    This is a great course, thank you Gary! Components are a game changer for me!

  • @azmatofficial9013
    @azmatofficial9013 2 ปีที่แล้ว +6

    Hello Sir,
    Big fan from Pakistan. I'm your student for more than a year.
    Please Upload Crash Course Of Frontend HTML & SCSS 2022 as soon as possiable

  • @aysenuruzun9785
    @aysenuruzun9785 2 ปีที่แล้ว

    This is the best ever UX/UI crash course everrrrr!!!!!! Thank you very much 🙏

  • @angelvelazquez1792
    @angelvelazquez1792 2 ปีที่แล้ว

    Thank you for this crash course. I feel very confident diving more into Figma and developing my UI career.

  • @old9
    @old9 2 ปีที่แล้ว +1

    You can hold command (ctrl on windows) while dragging the frame borders to prevent changing the aspect ratio of the cropped image.

  • @gretelrodriguez1842
    @gretelrodriguez1842 2 ปีที่แล้ว

    Hi Gary! Loved the whole video and followed along. Just noticed something funny at 1:08:32 you changed "Hang Gliding" to "Hang Gliding". Haha!

  • @gunjanchaudhary4546
    @gunjanchaudhary4546 2 ปีที่แล้ว

    Loved this tutorial! absolutely admire your skills, vision, and background of your studio, super killer!

  • @timothyduke
    @timothyduke 2 ปีที่แล้ว

    From start to finish in this course, i feel like a pro already😂

  • @davidschaer
    @davidschaer 2 ปีที่แล้ว +1

    absolute gold content.. i struggle with that variant navbar though.. the UI of figma changed, i have no clue how to accomplish this task.. the menu-structure of figma is cryptic as fck

  • @nicholasbinder5593
    @nicholasbinder5593 2 ปีที่แล้ว +1

    Starting 22 off with a smash

  • @mettathongpit1854
    @mettathongpit1854 2 ปีที่แล้ว

    Thank you for explaining this thoroughly!

  • @cristinaquitto9958
    @cristinaquitto9958 2 ปีที่แล้ว +1

    Gary, thank you for this crash course, I loved it and I learned a lot :)

  • @robertmulroney526
    @robertmulroney526 2 ปีที่แล้ว +1

    Really great Gary. I'm a software developer looking expand into UX. Your tutorial gave me a huge leg-up in Figma and some new design ideas.

  • @rajgopal9231
    @rajgopal9231 2 ปีที่แล้ว

    Hi Gary, Great Course, thanks for giving all these great tutorials for free and I think the button should say expand after the collapse button is pressed!

  • @ajbagh
    @ajbagh 2 ปีที่แล้ว +1

    loved it. great crash course and so easy to understand. you are a good teacher.

  • @mehdijai8804
    @mehdijai8804 2 ปีที่แล้ว

    This is what I was Looking for! Thank you Gary 🌹

  • @boxoffisa
    @boxoffisa 2 ปีที่แล้ว

    Thanks, Uncle Gary. You are feeding me well. Can't wait to be a pro.

  • @IGabs0
    @IGabs0 2 ปีที่แล้ว

    Thx for this content. Was very helpful for me see things that I only saw in theory being done.

  • @DamianSwarlik
    @DamianSwarlik ปีที่แล้ว

    that was awesome course but for me was missing part about creating website and scaling for iPad and mobile version, that would be great and almost completed course of designing from scratch, anyway I wasn't loose any minute of it. Thank you for your time and share your big knowledge

  • @lukkaew6327
    @lukkaew6327 2 ปีที่แล้ว

    What a great crash course!!! Thank you million times

  • @poorvashuklavideos
    @poorvashuklavideos 2 ปีที่แล้ว

    So detailed! Thanks for creating this!!

  • @JaswantSingh-bz5to
    @JaswantSingh-bz5to 2 ปีที่แล้ว

    Great video Garry! Just what I was looking for.

  • @GraveRave
    @GraveRave 2 ปีที่แล้ว

    I appreciate the work you put into this, I'm an early subscriber of your course. Thanks again!🔥🔥🔥

  • @cephas_knight
    @cephas_knight 2 ปีที่แล้ว +4

    Your timing is so perfect. I just got forced to be the UIUX of a team since we have no designers. Thank you so much!

  • @Underhills
    @Underhills 2 ปีที่แล้ว

    Figma needs page folders in the page section, guides that snap to stuff on canvas, like snap to things outside the artboards too etc (like XD), page tab folders, a faster engine (like XD) etc. Figma still feels like an unfinished product.

  • @iruska281
    @iruska281 2 ปีที่แล้ว

    Thanks Gary for a great tutorial! Would be nice if you make another crash course on how to build a website from this Figma website UI.

  • @davidjohnmorse
    @davidjohnmorse 2 ปีที่แล้ว +1

    Note for those who don't have the Adobe fonts you can use Lato in place of Aileron, looks pretty close anyway?

  • @olamideogundiran6892
    @olamideogundiran6892 2 ปีที่แล้ว

    was wondering what doing with a Kemper profiler then boom I saw a guitar lol. awesome stuff.

  • @mahdielhajuojy1112
    @mahdielhajuojy1112 2 ปีที่แล้ว +1

    The best year with ye 💙💙

  • @henkegiaretta
    @henkegiaretta ปีที่แล้ว +1

    This needs to be updated, Properties not functioning like this anymore

  • @jonisyo_graphics
    @jonisyo_graphics 2 ปีที่แล้ว

    This is awesome tutorial! Thank you so much!

  • @lakshaynagpal3626
    @lakshaynagpal3626 2 ปีที่แล้ว +1

    Thank you so much Gary for this indispensable free crash course. Although, I knew much about Figma already, but those principles and little tips are just icing on the cake. Thanks a lot man for putting all this stuff for free, I appreciate that :)

  • @teacafe2080
    @teacafe2080 2 ปีที่แล้ว

    Seeing this aesthetic design released in me alot of dopamine 🤯

  • @alyssawilliams6075
    @alyssawilliams6075 2 ปีที่แล้ว +1

    Great crash course. I’m a front end developer and am curious how would you expect the developer to deal with the wave image in a responsive instance? As the browser resizes and accounting for multiple devices I can guarantee the white portion of the wave will eventually conflict with the text. I think it’s super important to always consider that when designing and anticipate the developer asking. Anyways thank you!

  • @stylrart
    @stylrart 2 ปีที่แล้ว

    Great Content Gary!

  • @keithhunt7175
    @keithhunt7175 2 ปีที่แล้ว

    Wow! I just realized after taking several of your test challenges, that I have absolutely no intuition when it comes to design.

  • @AdesanyaAyodejiCeg
    @AdesanyaAyodejiCeg ปีที่แล้ว

    i did well in the challenge. i was seeing my correction [the interface changing based on my observation] but when trying to view your correction statement it doesn't last long. It should be static.

  • @chamaranuwan9808
    @chamaranuwan9808 2 ปีที่แล้ว

    good work king, love you

  • @rashman6691
    @rashman6691 2 ปีที่แล้ว

    Does the new course have lessons on how to ship off a finished product and documentation ?

  • @faizanahmed9304
    @faizanahmed9304 2 ปีที่แล้ว

    very interactive course, learnt a lot

  • @martiananomaly
    @martiananomaly 2 ปีที่แล้ว

    Okay. The UEye game is pretty darn epic. Was really fun! (Don't ask me to disclose my points though lol)

  • @savvymaryjane
    @savvymaryjane 2 ปีที่แล้ว +1

    I followed along through it all but ran into issues in the feature prototyping chapter. My slider didn't hover to the next. It just stayed in one place 😞

  • @chewingwildflower
    @chewingwildflower 2 ปีที่แล้ว

    Thank you for this! Such a big help!

  • @AN_738
    @AN_738 2 ปีที่แล้ว

    Wow Gary, I love this tutorial!

  • @drout3643
    @drout3643 2 ปีที่แล้ว +2

    Did anybody else get stuck with the variant / properties portion of this video? My figma doesn't look the same and not letting me add a second property to the nav links. Weird that I can't seem to get this to work

    • @MrIkesimba
      @MrIkesimba 2 ปีที่แล้ว

      Having the exact same issue. As much as I don't like XD, I absolutely HATE figma and the way they did this.

  • @carlosfranciscohernandezuz8028
    @carlosfranciscohernandezuz8028 2 ปีที่แล้ว

    Love you content! Actually I bought your course for Figma and is wonderful, by the way, as someone who lives in a tropical country from where the name Punta Monita came? Haha!

  • @joshuaj4903
    @joshuaj4903 2 ปีที่แล้ว

    OMG, looks so good!

  • @aldotube88
    @aldotube88 2 ปีที่แล้ว

    I do not possess that eye for UI, failed miserably on the ueye quiz! 😂😂

  • @wibbs88
    @wibbs88 2 ปีที่แล้ว

    Great course. Thanks. My animation on the hero links is super slow no matter what time I set.

  • @afzalmahmud1974
    @afzalmahmud1974 2 ปีที่แล้ว +1

    Hope you do this on code as you always did. ❤️ love you.

  • @studiousnr
    @studiousnr 2 ปีที่แล้ว

    hopefully will join in a month or two since i dont have the money right now, i hope i get to use the discount at that time

  • @DaBigin
    @DaBigin 2 ปีที่แล้ว

    Any chance of a lunacy tutorial in the future?

  • @victorhugosanchezhuerta5715
    @victorhugosanchezhuerta5715 2 ปีที่แล้ว

    Great content! thank you.

  • @adevikthur
    @adevikthur 2 ปีที่แล้ว

    Thanks Gary

  • @imanevibes25
    @imanevibes25 2 ปีที่แล้ว

    thanks for the tutorial , How can we change the design to html and css?

  • @JimKernix
    @JimKernix 2 ปีที่แล้ว +4

    For the wave logo around 24:00 I was holding SHIFT but I did not get a curved line. Anyone know what I was doing wrong?

    • @jetzemeilink
      @jetzemeilink ปีที่แล้ว

      Apparently you need to click for the first point, then hold shift, click the second point (but don't release the mouse button) form the shape, let the mouse go and continue

  • @sufyankambohh
    @sufyankambohh 2 ปีที่แล้ว

    Your video is very helpful 🔥

  • @DesignWithTBD
    @DesignWithTBD 2 ปีที่แล้ว

    hello! great course! i love. although your design course website has UI flaw. The chatbot is blocking the collapse feature. kindly check and fix.

  • @annbui6900
    @annbui6900 2 ปีที่แล้ว

    Thank you so much!!!!

  • @doitaprenderhaciendo5444
    @doitaprenderhaciendo5444 2 ปีที่แล้ว

    thank you for your video, very handy

  • @pauljohn3898
    @pauljohn3898 2 ปีที่แล้ว

    Thank you Gary you arevso amazing

  • @mahdipakravan676
    @mahdipakravan676 2 ปีที่แล้ว

    what can i say...
    its fantastic👍

  • @nurisafif9932
    @nurisafif9932 2 ปีที่แล้ว

    GR8 IDEA TYTY

  • @vladimirpetroski7089
    @vladimirpetroski7089 2 ปีที่แล้ว

    Lol, dude, that's the funniest shit ever 1:18:32 xD! "Correct"! Great video man, I really learned a lot. Thanks.

  • @whitebj21906
    @whitebj21906 2 ปีที่แล้ว

    Thanks Gary 💪🏿

  • @jeffknight7976
    @jeffknight7976 2 ปีที่แล้ว

    Gary thank you so much for this crash course ! I have a question, when you copied the components and copy-pasted them in the components page, you should be able to find them in the assets section? I followed along and cannot find them there, did I miss a step?

  • @hamilton7181
    @hamilton7181 2 ปีที่แล้ว

    As a beginner looking to get into UX with an interest in eventually doing interaction design, what is the best program to learn on i.e. Sketch, Adobe XD, Figma, etc.?

  • @jamesblock8384
    @jamesblock8384 2 ปีที่แล้ว

    Just curious, Is there a reason why you prefer starting with a desktop layout instead of doing a mobile first approach? Personally, I do feel like it's more enjoyable to design for desktop size layouts.

    • @LuminousWhispers11
      @LuminousWhispers11 2 ปีที่แล้ว

      🤔 From what it normally seems when looking at sites on mobile devices. They are usually more watered down than desktop websites. So, you wouldn't be able to design for the full experience starting off with which can make things complicated.

  • @ceejay_gaming9636
    @ceejay_gaming9636 2 ปีที่แล้ว

    Can we have a coding tutorial for this design please

  • @itzboyon6983
    @itzboyon6983 2 ปีที่แล้ว

    I know absolutely nothing about this content. I have never studied for it. Can anyone give me a tip on whether I should take this tutorial as a complete beginner or not? I'm not asking for certainty, I just want to start with something. I know Python and also I have worked as a web developer.

  • @stylusazn9787
    @stylusazn9787 2 ปีที่แล้ว

    Awesome! I'm a UI UX Designer. Would love to work with you.

  • @r.adithya8829
    @r.adithya8829 2 ปีที่แล้ว

    i need this, thanks

  • @zaynqureshi56
    @zaynqureshi56 2 ปีที่แล้ว

    UR GENIUS

  • @truthmatters7573
    @truthmatters7573 2 ปีที่แล้ว

    I think they changed how boolean values work.... I can't get it to work the same as you .

  • @anthonyswanink1318
    @anthonyswanink1318 2 ปีที่แล้ว

    Hi Gary - can you recommend what method you would use to create the vertical and horizontal lines as well as the lighter grey rectangle on the left when taking toi design to the creation stage with html /css? Absolute positioning for the lines? Using grid for the overall layout and the lighter grey rectangle?

  • @clarkcant
    @clarkcant 2 ปีที่แล้ว

    The Boolean (add propery) method at approximately 34:00 is outdated.

  • @coderXgaming
    @coderXgaming 2 ปีที่แล้ว

    Thank you

  • @xapollox127
    @xapollox127 2 ปีที่แล้ว +1

    Is there a reason you use Figma in a browser rather then the desktop app?

    • @chei86
      @chei86 2 ปีที่แล้ว +2

      It's the same. No benefit in using the Desktop app regarding speed or more features. The Desktop app is using a framework called Electron to display the Browser version of Figma as if it were a native app. But it's basically just a fake native app. Just use whatever you want in the end... :-)

    • @xapollox127
      @xapollox127 2 ปีที่แล้ว

      @@chei86 Thanks for the reply, that makes total sense!

  • @gratefulnnamani198
    @gratefulnnamani198 2 ปีที่แล้ว

    Hey Garry can I actually make a career out of this course or are there any other free courses you recommend

  • @alexsc1309
    @alexsc1309 2 ปีที่แล้ว

    Great video, the source file would be nice to have :)