Intro to Figma - Beginners guide to Figma Basics

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

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

  • @chrisz2140
    @chrisz2140 4 года назад +38

    You're one of my favorite channels online. I'm a UX designer who stumbled upon your work while trying to learn Sketch. You helped me learn Sketch and it seems you are also helping me learn Figma! Thank you for being so generous with your knowledge.

    • @JesseShowalter
      @JesseShowalter  4 года назад +10

      I’m so glad your finding value from my channel. Thanks for the encouragement 👍🏼

    • @teeess9551
      @teeess9551 10 дней назад

      @@JesseShowalter *you're. You are.

  • @roeelcohen
    @roeelcohen 4 года назад +19

    One of the best studying videos I watched lately (And I watch a whole lot of them).
    down to business, not wasting viewer's time, no 2 min sponsorship bullshitting!
    sound 10/10
    video and editing 10/10
    also, I liked we can see you talk while you work and it's not a voice over. You got my sub sir.

    • @JesseShowalter
      @JesseShowalter  4 года назад

      Thank you so much for your support and kind words! Welcome aboard🤘

  • @gtillustrated2304
    @gtillustrated2304 4 года назад +32

    design undergrad student here. We're currently using figma to design and prototype a music app for android and ios interfaces. Figma seemed pretty overwhelming for me at first, (and still kinda does) but I've been playing around with different tools and features in the app and seeing what they do. Figma is a very powerful design software.

  • @AjaBlanco
    @AjaBlanco 4 года назад +8

    This was incredibly helpful. I'm a frontend developer trying to learn more about UI/UX Design. I'm glad I watched this video. THANK YOU SO MUCH!

  • @ilariaiacoviello1596
    @ilariaiacoviello1596 2 года назад +2

    Thank you for this easy tutorial from Italy, I have 2 days to learn how to use Figma and this tutorial was very useful!

  • @kchunkzz
    @kchunkzz 4 года назад +4

    This video knocked down a massive wall between me being an observer of Figma & using others' templates vs. creating my own work. (I guess it takes a shelter in place to take the leap...) THANK YOU!

    • @JesseShowalter
      @JesseShowalter  4 года назад

      Gotta make use of the time you got. Glad you are getting value from my channel 👍🏼

  • @nunez2717
    @nunez2717 4 года назад +76

    Dude, thank you so much for this! I seriously learned everything I needed to know about Figma in this short video compared to some videos on Udemy.

    • @JesseShowalter
      @JesseShowalter  4 года назад +7

      Thanks so much, bro! Still so humbled and honored to share my insight with you all! 🤘

    • @PhoenixPerryisawesome
      @PhoenixPerryisawesome 4 года назад +8

      RUclips as a platfrom is so much better for stuff for speed. Udemy can be slooooow paced.

  • @zqlovejuven
    @zqlovejuven 6 лет назад +83

    If you already proficient in you current tools, doesn't matter it's Sketch/Invision or Adobe XD, embrace them! End of the day, it's just a tool you use to make design deliverables. But, If you were new to wireframing tools or don't have a mac, embrace Figma!

    • @JesseShowalter
      @JesseShowalter  5 лет назад +5

      Good call 👍🏼

    • @digigoliath
      @digigoliath 5 лет назад

      I am in the Embrace Group, yeah!

    • @chrisbmx116
      @chrisbmx116 4 года назад +3

      Figma combines multiple tools and offers additional features. Using Invision in 2020 is insanity.

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

    bro thanks for the playlist glad youtube reccommend me this i have been struggling from last 1 week where to start from i go through multiple playlist where they didn't taught the way i want ......i bet even this playlist is 5 years old but no one can beat this ... thanks man respect 💯

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

    4years and still valuable. Thanks

  • @JuhiGoyal
    @JuhiGoyal 3 года назад +8

    Thank you Jesse! This was all I needed as a beginner. Quick, to the point and you didn't waste a lot of my time. Thank you.

    • @JesseShowalter
      @JesseShowalter  3 года назад +2

      I’m so so glad you enjoyed it!!

    • @jamielwilliams3069
      @jamielwilliams3069 2 года назад

      If you wanna test collaboration, let me know. I want to get started with Figma right away and would love to work with others on any random and fun project. I'm an Enrolled Agent and love pirates. I want to make taxes more accessible to everyone. I have some ideas started. Lmk.

  • @akinremipelumi4907
    @akinremipelumi4907 3 года назад +2

    Just started my tech journey two days ago and this was really helpful, only got stuck at filling in the colors. thank you

  • @annieky1401
    @annieky1401 4 года назад +4

    Thank you!!! Great intro vid. Straight to the point. I've just downloaded and had no idea what to do with it. Thank you!

  • @christineutomo3627
    @christineutomo3627 4 года назад +11

    Oh wow, this is the most well-made tutorial I have seen! So clear, to the point, and easy to understand. Thank you!

    • @JesseShowalter
      @JesseShowalter  4 года назад +1

      Thank you so much, Christine! I really appreciate your support and encouragement!

    • @alecsandras1209
      @alecsandras1209 2 года назад

      :)) that means you are not a beginner.

  • @ErickAdrianM
    @ErickAdrianM 3 года назад +2

    I was learning design on Sketch and then my trial run out so I transitioned to Figma and wow, I love it. Thanks for the tutorials Jesse.

  • @toffenher
    @toffenher 5 лет назад +3

    Thank you so so much for this!! I have been looking around in figma NOT understanding what the heck I can do with it, since it's not too intuitive! This is a really big help!

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

    Great video, I’m currently starting to go from graphic designer to UI UX designer. This channel will be a very good help!

  • @mmv9155
    @mmv9155 4 года назад +1

    man, fastest and easy to understand ...fastest of all and easy to understand ... superfast and easy to understand. ..

  • @wisamecxgh
    @wisamecxgh 2 года назад +33

    This tutorial should be the standard for all tutorials. concise and straight to the point. Thanks man!

  • @cplusplusdude8189
    @cplusplusdude8189 5 лет назад +8

    Backend developer here lol trying to get me hands on all these fancy and dandy things that I used to be too far away from. I've got about 16 minutes to master it, so in terms of timing your video is promising.

    • @JesseShowalter
      @JesseShowalter  5 лет назад +4

      How did it go? Were you able to master in 16 mins?

    • @cplusplusdude8189
      @cplusplusdude8189 5 лет назад +5

      @@JesseShowalter You know actually yes. I was able to figure out the rest on me own and accomplish everything I had planned to. It's not one of those hard technologies to master. It's not easy to create a great looking site, there's no denying that but with tools like this one it's definitely much easier. I'm convinced that's what good technologies are supposed to do, they should simplify our life and not the other way around.

    • @cplusplusdude8189
      @cplusplusdude8189 5 лет назад +3

      @@JesseShowalter And thanks for asking.

  • @trissytanman
    @trissytanman 2 года назад +1

    Im 12, and my dream job is to be a web designer. This really Helped!!!

  • @headwayio
    @headwayio 4 года назад +1

    This is such a great and quick way to get people up to speed on designing with Figma. Thanks for helping the community grow!

    • @JesseShowalter
      @JesseShowalter  4 года назад

      Thank you so much, Headway! I’m so blown away that the design community is so welcoming!

  • @miguelbm1989
    @miguelbm1989 3 года назад +2

    Ok You just save my life at work today :) I´m a jr developer...I needed to do a circle graph! and this video helped me make it!

  • @ov3rheat.gamestreams
    @ov3rheat.gamestreams 3 года назад +2

    I moved from Photoshop - Sketch - Adobe XD and finally to Figma! Love to be a UI DESIGNER!

  • @danielpashaliyski9364
    @danielpashaliyski9364 6 лет назад +29

    I moved from Sketch to Figma not long time ago and I'm very happy with my choice. Sadly that it's still PSD era and Figma doesn't support it.
    Thanks for the video.

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

    the best 16 minutes I could have spent on a tutorial

  • @pgk60
    @pgk60 3 года назад

    I appreciate the brevity and focus.

  • @dannielynpasingan6420
    @dannielynpasingan6420 4 года назад +2

    Thanks for this video. I know that Figma was released years before but I had just learned about it recently. This video gave me an overview of the software that I needed to know.

    • @JesseShowalter
      @JesseShowalter  4 года назад

      Yes!! Glad you enjoyed it and found what you were looking for!

  • @uchennaanochilionye4313
    @uchennaanochilionye4313 2 года назад

    I hit the "like" button after the first few seconds of this video. Energy is ⚡⚡⚡👌👌👌👌. Now lemme press play and continue ▶️▶️💯💯

  • @ak-loz
    @ak-loz 6 лет назад +164

    That intro is a lot energy for me, always unexpected

  • @sh9494
    @sh9494 2 года назад +4

    This was an amazing tutorial! One of the best I've come across. It was well explained, concise, to the point and also a quick one. Thanks for this. you've saved my day :)

  • @MrudulaKulkarni-b7i
    @MrudulaKulkarni-b7i 9 месяцев назад

    I love the music you use in intro, I was totally vibing to it !

  • @Maltratyz
    @Maltratyz 3 года назад

    Thank you! I'm working on a mockup for a customer and this works flawlessly!

  • @meredithanderson3386
    @meredithanderson3386 3 года назад +5

    Great intro, just what you need and no fluff, direct and to the point, efficient, smart order, easy to follow even from slightly different Desktop app. Thank you!

    • @JesseShowalter
      @JesseShowalter  3 года назад +1

      Thanks so much, Meredith! Happy to help!

  • @josephjoestar995
    @josephjoestar995 2 года назад

    I'm a data scientist who uses Power BI for data visualisation but this looks like a great tool to pick up to show UI/UX designs to clients! Thanks for the overview

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

    Such a valuable video for all the Beginner designers

  • @jdanarbinsoon7754
    @jdanarbinsoon7754 5 лет назад +4

    Thank you this is a really great beginner video now I'm even more pumped to use it

  • @blazhespireski2259
    @blazhespireski2259 2 года назад

    King! Up to the point! Believe me this is everything that someone will explain you in 5 hours course...

  • @ProgrammingWithPax
    @ProgrammingWithPax 4 года назад +6

    You taught me everything I needed to know to get started. Thank you!

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

    This is oddly good. You're a natural for keeping attention.

  • @hassanjuy7314
    @hassanjuy7314 3 года назад +1

    The best learning guideline

  • @MatrixRex05
    @MatrixRex05 4 года назад +2

    This is the only tut I needed to start using Figma. (subscribed)

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

    My dad works in creating little games and apps in early childhood development. He has asked me to create a very simple app. It needs to:
    1. Have a table with all letters of the alphabet, capital and lowercase, in random order.
    2. Use a simple font that is easy for young kids to read. eg. not this one, as "a" is not how most kids will write it, and "I" (capital i) is impossible to differentiate between capital i and lowercase L. And "q" looks just like a 9.
    3. Each letter must be in a tab on a table with all the other letters. The teacher will go through it with the child asking them to identify a letter. If they can understand it, they must tap the button, and it must change colour to show that it was a letter the child understands.
    4. At the end, the app must calculate how many of the letters the child got right, and make a list of the letters they struggled with.
    It sounds much more complicated than it really is, but I am struggling to find an app/website that can help me do it. Any suggestions?

  • @yugantsonawale
    @yugantsonawale 4 года назад +1

    Jesse your tutorials are very helpful. Thanks for all of them.

  • @GabrielTheiss
    @GabrielTheiss 4 года назад +5

    Thanks! That's exactly the kind of material I was looking for when started to see your video.

  • @AnhNguyen-ho2ld
    @AnhNguyen-ho2ld 4 года назад +3

    Thank you for the great video! I learn literally everything I need to know in 16 minutes :-)

    • @JesseShowalter
      @JesseShowalter  4 года назад

      I’m so so glad you enjoyed the video! Have a great day!

  • @tomasvylicil1055
    @tomasvylicil1055 4 года назад +2

    Best quick intro to Figma ever! Thanks Jesse :-)

  • @jkkproductdesign5142
    @jkkproductdesign5142 4 года назад +1

    You're the best! Thanks for sharing your knowledge.

    • @JesseShowalter
      @JesseShowalter  4 года назад

      Thanks so much, J! So stoked you enjoyed it!

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

    Thanks! So easy to follow and thorough at the same time. :)

  • @thomasedwardking7286
    @thomasedwardking7286 2 года назад

    I learnt more from this 15 minute video than I did from a month of lectures. You rule dude! 😎 🆒

  • @summonersaisai
    @summonersaisai 5 лет назад +21

    straight to the point and covered the things i needed to know about Figma - really good job! thank you.

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

    This is an amazing intro to Figma. Thank you.

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

    Thank you big time for this master class!

  • @digigoliath
    @digigoliath 5 лет назад +2

    Thanks for a great & enjoyable Intro! Now I am ready to Download & Explore. Faved & Subbed, of course.

  • @Irisha_Lucky
    @Irisha_Lucky 3 года назад

    Thank you so much. This video is what I really needed!

  • @minstreet_studio6265
    @minstreet_studio6265 4 года назад +1

    CREDIT TO YOU JESSE, I've learned something from you than other RUclipsrs there,thank you I can now work on my website and fancy design it lol

    • @JesseShowalter
      @JesseShowalter  4 года назад

      Thank so so much for your kind words! You’ve got this!! 🤘🤘

  • @graceatinukefelix2426
    @graceatinukefelix2426 3 года назад

    Thanks for this. I think i need to take some time to follow this step by step. New to the tech thingy

  • @skylerjayy9956
    @skylerjayy9956 2 года назад

    This was exactly what I needed, Thanks

  • @enwongoakpakpan7265
    @enwongoakpakpan7265 2 года назад +1

    This is very helpful.

  • @emeseszorenyi5245
    @emeseszorenyi5245 4 года назад +24

    Awesomeness!! It looks like Figma combines Adobe XD's vertical ability of designing and prototyping and sharing and commenting with Sketch's ability to edit vectors and do more sophisticated editing within the app! Plus, its birth online and living fully online makes it even more accessible. Great education, Jesse, thank you!!!

  • @stevenbannister9069
    @stevenbannister9069 4 года назад +1

    Really clear and quick. Thanks!

  • @sheliaregita7716
    @sheliaregita7716 3 года назад

    Thank you. Very helpful. Keep creating and inspiring!

  • @jankohlbach
    @jankohlbach 6 лет назад +4

    they have evolved pretty awesome since your last video about it
    really like figma, doing my portfolio with it right now

    • @JesseShowalter
      @JesseShowalter  6 лет назад +1

      Ya it's come a long way so I wanted to dive back in and... I love it!!!

  • @mecheey4497
    @mecheey4497 5 лет назад +1

    awesome tutorial, awesome video-editing, awesome lighting. awesome video all around! i personally don't mind seeing your face because it makes the video more engaging! i love your contents!!!

  • @tejalbhavsar4610
    @tejalbhavsar4610 3 года назад +1

    hey jesse that was really nice video thankyou

  • @geoseason5800
    @geoseason5800 3 года назад

    You are so hyped! i love your energy

  • @temogomezane7383
    @temogomezane7383 4 года назад +1

    Thanks a lot
    I loved this video, it is very informative and its good for tyros like me

  • @davenails
    @davenails 5 лет назад +1

    Thanks for this video!!!! Very very very useful

    • @JesseShowalter
      @JesseShowalter  5 лет назад

      You’re very welcome! Thank you so much for the support!! Get out there and make amazing things!

  • @kelleefernandez4803
    @kelleefernandez4803 2 года назад +1

    Amazing tutorial. I got so much out of it... super informative yet perfectly focused. Thank you!

  • @perre-lamarshelton6331
    @perre-lamarshelton6331 4 года назад +1

    This was an awesome video! Thank you so much.

  • @riteshniranjan3081
    @riteshniranjan3081 5 лет назад +2

    How to rotate an object from different pivot point?
    For example creating clock and then rotate by changing pivot point to top.

    • @JesseShowalter
      @JesseShowalter  5 лет назад

      I might be wrong but i dont think Figma has this but Sketch does.

  • @novaladitya5777
    @novaladitya5777 4 года назад +1

    its sooo easy with my first look, and i understood now. thankss

  • @neilstevenplayz3395
    @neilstevenplayz3395 12 дней назад

    thank you for this great tutorial

  • @loujon191
    @loujon191 3 года назад

    You are a great teacher

  • @misturaojulari9707
    @misturaojulari9707 3 года назад +2

    This was really helpful, straight and to the point! 👌

  • @ismaelamado3700
    @ismaelamado3700 5 лет назад +3

    Dude, thanks for the share! Just jumping into Figma from XD and I LOVE IT.

  • @nigelnovak3096
    @nigelnovak3096 4 года назад +1

    WOW! Clear and concise overview Jesse, thanks so much really helped.

    • @JesseShowalter
      @JesseShowalter  4 года назад

      Thank you so much, Nigel! Go make rad things!!

  • @Paul-lo7mz
    @Paul-lo7mz Год назад +1

    j'ai tout compris !!! merci ;)

  • @mariamhambardzumyan8134
    @mariamhambardzumyan8134 4 года назад +1

    Thank you for the guide, it was really helpful!

    • @JesseShowalter
      @JesseShowalter  4 года назад

      I’m so stoked I was able to help you out, Mariam!

  • @neriprg
    @neriprg 3 года назад

    Just a tip: Do not have your volume to the hilt when this vid begins. Scared the crap out of me with his greeting. lol I love you Jesse, tho! 😅 Thanks for your channel!

  • @ryanblackwell6402
    @ryanblackwell6402 4 года назад +6

    Thank you for this I’m just starting out in design and trying to learn sketch and Figma! Should I stick to one or learn both?

  • @pixl8013
    @pixl8013 4 года назад +1

    detailed tutorial thanks really informative

  • @mimi.yolova
    @mimi.yolova Год назад

    Thank you so much, Jesse! This video helped me a lot. I'm making my first steps in figma and it looks it's not that hard it's actually very similar to adobe xd but I now I think I like Figma more after watching your video.

  • @chenvashadi8463
    @chenvashadi8463 2 года назад

    You have such amazing videos! thank you for that! any chance of a constrains video soon?

  • @mohsinskshah8378
    @mohsinskshah8378 4 года назад +1

    I didn't know figma is soo awesome illustrator is soo far behind it i loved it

  • @iqramunir1468
    @iqramunir1468 3 года назад

    Thanku for the powerful introduction ❤️

  • @pamakamu
    @pamakamu 4 года назад +1

    It helped me a lot, thank you very much!

    • @JesseShowalter
      @JesseShowalter  4 года назад

      So so stoked I was able to help you out!

  • @bagerazyara7375
    @bagerazyara7375 4 года назад +1

    Hi, Im new UX/UI designer this helped me so much. Thank you so so much :) cheers

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

    thank you for this amazing video jesses 🤩🤩🤩🤩🤩🤩🤩🤩🤩🤩

  • @mosesidu1266
    @mosesidu1266 2 года назад

    I am 100% interested in Product Design and I find your video quite educative and pretty insightful.
    How do I get started as a product designer?

  • @HeyoDabido
    @HeyoDabido 2 года назад

    Amazing video, super helpful for beginners, very straight forward...but why does the motion blur on your pointer bothers me so much?!!

  • @ozzyfromspace
    @ozzyfromspace 5 лет назад +4

    And this shows you all the people that are working on this project with you
    *only him*
    Hello darkness my old friend 🎶😭😂
    Jokes aside, your discussion was fantastic

  • @mattcroat
    @mattcroat 6 лет назад +11

    I'd also recommend the Figma Dark UI browser extension 👍

  • @aranzazudelcastillofigueru3147
    @aranzazudelcastillofigueru3147 4 года назад +1

    Cool video!!! Thanks so much for the intro

  • @kaitsilvar
    @kaitsilvar 4 года назад +1

    Thanks, the video helped a lot. Love the hype

  • @MannYgfx
    @MannYgfx 5 лет назад +4

    Been using XD for some time but most agencies are using Sketch and are transitioning to Figma it seems. Great intro, awesome production and a quick cover of the basic features! Might be too fast for total noobs, but for users experienced with similar software it's a great pace. Thanks!

  • @aina9873
    @aina9873 2 года назад

    Great energy n intro into figma

  • @leontermolen2356
    @leontermolen2356 3 года назад

    Awesome! Very helpful! Thank you for the great video!

  • @eunhaeseo6561
    @eunhaeseo6561 5 лет назад +2

    I am waiting for your next tutorial for Figma!

    • @JesseShowalter
      @JesseShowalter  5 лет назад

      Probably soon, I've been using it a lot more.

  • @Rio-by1eh
    @Rio-by1eh 4 года назад +1

    I came here for figma but ended up watching international rescue ad , so now I will donate .