Introduction To Figma | FREE COURSE

Sdílet
Vložit
  • čas přidán 5. 08. 2024
  • Learn how to use Figma, a powerful tool for user interface design with instructor Adi Purdila. If you're into UX, UI design, or app design, this Figma tutorial is ideal for you. ► Download Unlimited Stock Photos, Fonts & Templates with Envato Elements: elements.envato.com/?...
    What is Figma? It's a user interface design tool. While it’s similar in many ways to apps like Adobe XD and Sketch, the fact that it runs in the browser, coupled with some awesome collaboration features, makes it unique and thus far very well received both for interface design and as prototyping software. In this course, you’ll learn how to use Figma, from both a designer’s and a developer’s point of view.
    View on GitHub: github.com/tutsplus/introduct...
    1 - Introduction
    00:00:00 1 - Welcome to the Course
    00:01:31 2 - What Is Figma?
    2 - Getting Started With Figma
    00:06:16 3 - Working With Projects, Files, and Pages in Figma
    00:11:44 4 - Using the Figma UI
    00:20:47 5 - Working With Frames, Shapes, and Text in Figma
    00:31:44 6 - Creating Vector Networks With the Pen Tool
    00:40:16 7 - Working With Grids in Figma
    00:46:21 8 - Using Figma Plugins
    3 - How to Use Figma as a Designer
    00:51:00 9 - Let’s Design a Sign-Up Form in Figma
    01:25:55 10 - Let’s Create a Prototype
    01:30:02 11 - Sharing Work and Getting Feedback
    4 - How to Use Figma as a Developer
    01:41:39 12 - Inspecting a Design File in Figma
    01:46:48 13 - Exporting Assets
    ► Read more on Envato Tuts+: webdesign.tutsplus.com/introd...
    Discuss this course on the Envato Elements Forums: forums.envato.com/c/project-m...
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    Envato Tuts+
    Discover free how-to tutorials and online courses. Design a logo, create a website, build an app, or learn a new skill: tutsplus.com/?...
    Envato Elements
    All the creative assets you need under one subscription. Customize your project by adding unique photos, fonts, graphics, and themes.
    ► Download Unlimited Stock Photos, Fonts & Templates with Envato Elements: elements.envato.com/?...
    ► Subscribe to Envato Tuts+ on CZcams: / tutsplus
    ► Follow Envato Tuts+ on Twitter: / tutsplus
    ► Follow Envato Tuts+ on Facebook: / tutsplus
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Komentáře • 392

  • @batatatasfritas
    @batatatasfritas Před 3 lety +167

    I will always like a course/tutorial where the teacher isn't overly excited.

  • @sixtusopara53
    @sixtusopara53 Před rokem +53

    If you know nothing about Figma and want a course where everything is explained to you, this is the course for you. This is the very best beginner course you can find on Figma. Great job Adi, I doff my hat at the sheer brilliance and ease of teaching you displayed in this course. God bless you my brother!

  • @PfalzerGbr
    @PfalzerGbr Před 3 lety +13

    Awesome video, incredibly helpful. As a developer, way more interested in code than design, this is the first Figma tutorial that didn`t frustrate the hell out of me. Really appreciate the fact that you go through the actual interface, and how to do things. Thank you!

  • @francesca4721
    @francesca4721 Před 2 lety +7

    I hardly come across detailed tutorials like this. he is so patient in explaining, so calm. I didn't pick all in the first watch as a beginner, but if it's not a waste of time watching again. I was afraid it was gonna be a short video without proper details just to gain views. This is far from it. Thank You! I feel like an expert already. lol

  • @gichamba
    @gichamba Před 3 lety +8

    This is the simplest to understand, most comprehensive introduction to Figma out there. Thank you, good job!

  • @JR_______
    @JR_______ Před 3 lety +8

    This was life changing. THANK YOU!!! I had to learn Figma fast for a new project and your training was clean, fast, and everything I needed without any of the time wasting things I did not need.

  • @hsngraphics8228
    @hsngraphics8228 Před 6 měsíci +2

    i hardly come across detailed tutorials like this. he is so patient in explaining, so calm. I didn't pick all in the first watch as a beginner, but if it's not a waste of time watching again. I was afraid it was gonna be a short video without proper details just to gain views. This is far from it. Thank You! I feel like an expert already. lol

  • @Ovisky9
    @Ovisky9 Před 3 lety +26

    I started my journey as a UI/Ux designer 2 days ago and i know the journey is long and possibly never ending but im very excited and ready for anything.
    This is really good content. ill be sure to share to my friends

    • @aronwilliams1820
      @aronwilliams1820 Před 2 lety

      how's your ui/ux journey been going? I just started learning and was wondering how you got started?

  • @Deoye
    @Deoye Před rokem +1

    This is my first tutorial I've ever watched on Figma during my new journey in UI. I'm so glad i spent my time watching from beginning to end. I'm motivated to proceed.

  • @rahatfaruk2218
    @rahatfaruk2218 Před 2 lety +40

    This course is a masterpiece. Beginner friendly, explained every topic step by step with handy example. A great explainer in whole youtube :)

  • @favourogbuehi537
    @favourogbuehi537 Před rokem +2

    I am new to the design world and i am really grateful for this tutorial..I've been watching other CZcams videos on intro to figma but this stood out,well detailed and really explains every component.

  • @OctavChelaru
    @OctavChelaru Před 3 lety +1

    Brilliant job with the tutorial Adi, loved it! Thank you and the Envato Team!

  • @NicheMarketImpact
    @NicheMarketImpact Před 2 lety +1

    Straight to the point. No time wasting. Thank you for the tuto. I wish I could give "like" for every chapter

  • @182ef
    @182ef Před 2 lety +2

    thank you for this stellar tutorial! this was clear, concise and not at all intimidating for someone new to design and figma. appreciate the step by step process from signing up to organizing files as this is so important but sadly glossed over by many. your tutorial actually makes me excited to try this, kudos!

  • @dhanushholla9221
    @dhanushholla9221 Před 3 lety +16

    You guys made me feel selfworthy and capable to do something..😁.I was depressed and came across your channel..helped a lot..keep the good work up 🙏🙌

  • @waynekehoe3874
    @waynekehoe3874 Před 3 lety +2

    Great course. Clear, concise, calm. No playing up to the camera or annoying personality tics. Super professional.

    • @markhamilton8765
      @markhamilton8765 Před 3 lety +1

      I agree! I think a lot of CZcamsrs feel they need to be over-animated in order to hold people’s attention. Nothing could be further from the truth! The presentation in this training video could be a Master Class in how to be a world-class educator. Nothing but props and respect coming from me.

  • @iraakbar7666
    @iraakbar7666 Před 2 lety +9

    Well structured and well instructed. I love how he's so vivid in explaining all the concepts.

  • @user-li3fb4wr2m
    @user-li3fb4wr2m Před 3 lety

    EVERYTHING about the course was AWESOME

  • @siennalee3316
    @siennalee3316 Před 2 lety +22

    This Tutorial is just mind blowing. Has every details I want to know since I start using figma. And also, I really love that teacher isn't overly excited. Thanks for the cool and useful tutorial!

  • @umerfarooq3121
    @umerfarooq3121 Před 3 lety +15

    Please also upload *Advanced Adobe XD* course.
    Your channel is hidden gem. And Your channel helps a lot of peoples.
    Thank you.

  • @nataliea.3510
    @nataliea.3510 Před 3 lety +1

    Perfect! Loved learning Figma and you're a great teacher. Thank you for sharing!

  • @marsko9197
    @marsko9197 Před 3 lety +2

    Pure gold! Way better then some of the paid Udemy courses I bought, thank you for this great tutorial!

  • @kimberlymiddleton3040

    This was awesome. I am brand new to the Figma World, learning new resources to become a Graphic Designer. Your pace was perfect. Thank you! Will now be viewing ALL of your videos.

  • @user-zw3rg2go4o
    @user-zw3rg2go4o Před 3 lety +33

    I must’ve done something very good to be that lucky finding this channel. Keep up the good work guys!

  • @ayredinstoyanov7186
    @ayredinstoyanov7186 Před 3 lety

    This is the BEST tutorial I have seen so far! Good job sir! Many thanks.

  • @khakee
    @khakee Před 3 lety +3

    Sir, you are really a good teacher, especially as you made your video into lessons then it becomes more understandable for the students and viewer. the topic becomes clear and understandable by the style of teaching. Thank you very much

  • @psasistemas
    @psasistemas Před 3 lety +2

    How is it possible that this guy can teach basically every single tool in the web? And how can he do it so well?
    Man you deserve a million subs.

  • @juliaforneckpinheiro1820
    @juliaforneckpinheiro1820 Před 3 lety +2

    This is an amazing course, thank you so much for this content!

  • @carolinavillalobos514
    @carolinavillalobos514 Před rokem +1

    Great course! Easy to follow and you’re learning while each step is explained in detail.

  • @hunterhu8544
    @hunterhu8544 Před 2 lety

    I just want to express my appreciation, the course is simply the best!

  • @azramd
    @azramd Před 2 lety

    Thank you so much Adi! Very well explained. Loved it!

  • @reyba5430
    @reyba5430 Před 2 měsíci

    It was one of the greatest tutorials I've ever seen. Thank you!

  • @bahartahani2032
    @bahartahani2032 Před rokem

    Highly Recommended, the most detailed, well-explained Figma course. I recommended it to all my cohorts in my UX Design Course.

  • @hoodratstuffwmfrens
    @hoodratstuffwmfrens Před 2 lety

    I will be watching this several times, you're an awesome teacher! Thank you!

  • @bluemorphoify
    @bluemorphoify Před 2 lety

    I have wacthed so many videos to learn figma but here I understood perfectly. Thank you so much.

  • @TheSuperpinkstar1
    @TheSuperpinkstar1 Před 2 lety +1

    Thanks for the tutorial. Amazing how powerful and simple figma is!

  • @abdulkadir_sobuj
    @abdulkadir_sobuj Před rokem

    The course is awesome! Thank you so much for sharing this.

  • @Kim-wm2hq
    @Kim-wm2hq Před 3 lety +2

    Thank you very much! Thanks to you now I'm in love with Figma

  • @sojourners1268
    @sojourners1268 Před 3 lety

    The best Figma training video ever! Thank you.

  • @frazsohail3012
    @frazsohail3012 Před rokem

    This was toooo good! Glad I watched it instead of purchasing another course.

  • @kenjayreyes6142
    @kenjayreyes6142 Před 2 lety +1

    Man, this video is gold! So helpful!

  • @dejiadebisi7325
    @dejiadebisi7325 Před 11 měsíci

    I saw how easy and accurate your teachings are and this has made me interested in learning wed design, I have no knowledge of it but I believe I can learn from you. Thank you for giving us this free opportunity to learn web design

  • @basudevmoharana8142
    @basudevmoharana8142 Před 6 měsíci

    I love his communication so clear and soothing voice

  • @jocelynmagtubo6505
    @jocelynmagtubo6505 Před rokem +6

    I watched your other courses and I'm so happy, been learning a lot! Thank you so much!

  • @schfrlm
    @schfrlm Před rokem

    CZcams MVP award! Thank you❤

  • @amaliafrancoaful
    @amaliafrancoaful Před 2 lety

    This has been a great tutorial, thanks! i was talking with a friend about figma and she told me she pays for the Envato resource website for icons and others, and i told her that the tutorial that im watching its from the same creator, what a coincidence!

  • @user-lm2uq9oz1r
    @user-lm2uq9oz1r Před 10 měsíci

    No words to say .great video. As soon as I watched the beginning of the video, I subscribed and clicked on the bell icon. This is the first time I have subscribed in the first minute of a youtube video.😍

  • @jeromedanvers8559
    @jeromedanvers8559 Před 3 lety

    Awesome tutorial man, thanks for putting this together!

  • @jimphippen3687
    @jimphippen3687 Před 9 měsíci

    Super helpful intro to Figma in a short space of time. Thanks!

  • @playmambo9573
    @playmambo9573 Před rokem

    Thank you Adi. You are a great instructor!!!

  • @samuelogbe9235
    @samuelogbe9235 Před 2 lety

    I am just 30 minutes in and I must say, this is really good. Thanks for this amazing tutorial.

  • @byulttol
    @byulttol Před 2 lety +4

    A thorough, comprehensive and easy to follow tutorial. Simply amazing.
    I've learned so much. What I really needed.
    Thank you so much :)

  • @satishkumardommeti8282
    @satishkumardommeti8282 Před 3 lety +1

    Very well structured and delivered. Indeed Figma too is a great tool for designers and developers to collaborate.

  • @mohamadahmadi2441
    @mohamadahmadi2441 Před 2 lety

    Great course. Highly recommend you take this course if you want learn the basic knowledge for start working with figma. It gives you all you need to do this.

  • @rahulanand2516
    @rahulanand2516 Před 2 lety

    indeed the great one! Loved this course..and it is so certain and simple. Thanks

  • @RIOLASIDE
    @RIOLASIDE Před 5 měsíci +1

    Great explanation so far 🙌 as a new bee in tech this was the best I understood on YT, thanks

  • @feliciafarcas7149
    @feliciafarcas7149 Před 5 měsíci

    Super prezentare! Bravo si multumesc!

  • @joshadimx
    @joshadimx Před 11 měsíci

    This is amazing and captivating,my introduction to design just got better

  • @MarginlessProperties
    @MarginlessProperties Před rokem

    The style of talking is very impressive!.... Can adopt this by everyone those who likes to communicate well

  • @adab6888
    @adab6888 Před 3 lety

    Seriously! How is this free? I bought a Figma course with 200 videos and yet I've learnt more in this 2h course! Thank you Thank u thank u!! Such a great video!!

  • @opeyemiodunsi3672
    @opeyemiodunsi3672 Před 3 lety

    I love your classes. You make it easy for me to grab. Thank you

  • @guillemsalinas
    @guillemsalinas Před 3 lety

    Thanks Adi! you are a great teacher!

  • @sodiqayilara1519
    @sodiqayilara1519 Před 6 měsíci

    Brilliant, watched the whole thing, made my own design and I feel very confident now to jumping in and collaborating. Thanks 😊

  • @chadaebennett7040
    @chadaebennett7040 Před rokem

    THANK YOU SO SO SO MUCH GOD BLESSS YOU !!! IM DOING A CLASS AND YOU FAR MORE A BETTER TEACHER FIR BEGINNERS ! YOU HAVE HELPEDD ME ALOTTTTTTT!!!!!SAVED ME FR !!🥺❤️🙏🏾

  • @genesiscgq
    @genesiscgq Před rokem

    You are amazing! every content I`ve watched from you was super helpful! Thank you :)

  • @ead5590
    @ead5590 Před 3 lety +1

    Ha ha! This tutorial has been more beneficial than the other ones on CZcams or probably on Udemy too. Thanks a lot! ✌🏻

  • @stefanwoldekidan8880
    @stefanwoldekidan8880 Před 3 lety

    Amazing course! Thanks you for uploading and sharing your knowledge. Thanks to you the world is a better place.

  • @afterkwiss
    @afterkwiss Před 2 lety

    Thank you so much for that tutorial. Perfectly explained and complete enough to get started with Figma.

  • @tonytony-fc6gq
    @tonytony-fc6gq Před 3 lety

    THIS BY FAR IS THE BEST FIGMA TUTORIAL ON CZcams, and I have watched numerous THANK YOU !!!!!!!

  • @ledelaVishnu
    @ledelaVishnu Před 8 měsíci

    man this is the best beginners video.. loved it

  • @waleakin5632
    @waleakin5632 Před rokem +1

    Thank you so much for your video. It really helps me a lot as I am new to UX Design and figma😊

  • @AmolImpal
    @AmolImpal Před 2 lety

    Just loved this tutorial. Simple and nicely explained 👌👌

  • @TheMrBrendo
    @TheMrBrendo Před 3 lety

    Such thorough and well thought out content. thanks for helping get the full power out of figma!

  • @bijubh1
    @bijubh1 Před 6 měsíci

    Thanks Adi for this superb video. God bless you

  • @infodawg
    @infodawg Před 2 lety

    Brilliant, thank you so much, intensive and comprehensive. Thanks!!!!

  • @umerfarooq3121
    @umerfarooq3121 Před 3 lety +2

    I watched this course from Start to End. Every single step is covered in detail and with a great project as well.
    Thank you Adi Purdila and Envato Tuts+ as well.

    • @envatotuts
      @envatotuts  Před 3 lety +1

      Glad it was helpful! Thanks for watching!

  • @diyajaffery4684
    @diyajaffery4684 Před rokem

    just finished the course, hats off to the creators

  • @douge.zambrano4060
    @douge.zambrano4060 Před rokem

    Thanks for this Intro. Love it 100%. Just wanted to congrat you for your excelent English command. English is a second language for you and for me. So, I recognize it is not easy and take a lot of effort to do what you did here. You mastered it big time. Keep it up !!!.

  • @lisarushworth9241
    @lisarushworth9241 Před 2 lety

    Thank you for this! - really great overview of this program

  • @nicennice
    @nicennice Před rokem +4

    Extremely clear, concise and well-presented tutorial. The best I've found for Figma so far. Totally have a handle on it now. Thanks Adi great stuff. Shame that Figma free version is now a bit more restrictive.

  • @ishmaelsunday6238
    @ishmaelsunday6238 Před 3 lety

    Thanks Adi and the Envato tuts team

  • @omaralmkhlf2387
    @omaralmkhlf2387 Před rokem

    Thank you so much for making stuff in soft a lot easier to understand.

  • @amulyaraj9172
    @amulyaraj9172 Před 3 lety

    THANK YOU SO MUCH FOR SUCH A LOVELY EXPLANATION.

  • @zonerashaikh2033
    @zonerashaikh2033 Před 3 lety

    Thank you so much, I really enjoyed your way of teaching :)

  • @michalamsalem6135
    @michalamsalem6135 Před 2 lety

    WOW, Thank You! From A to Z... Great teacher...So Professional (:

  • @gabo1624
    @gabo1624 Před 2 lety

    great tutorial, just in the half of it and I have learned a lot of new stuff!

  • @sahilaujla
    @sahilaujla Před 3 lety +1

    Thank You So much Adi ... It really helped a lot

  • @mahnoormaryam8074
    @mahnoormaryam8074 Před 3 lety +35

    After taking this 1 hour 50 min lecture I feel like I m an expert in this figma... you taught so well More courage to you
    ❤️

  • @shamiul_islam
    @shamiul_islam Před rokem

    Detailed and super easy to understand. Who doesn't have any idea or want to refresh his/her knowledge of the basics, this video is highly recommended. Instructor made it very easy to understand. Really appreciated.
    Thank you.

  • @mcad006
    @mcad006 Před 2 lety +2

    Thank you. This is totally new for me, and you kept the lessons very simple and easy to follow. Great!

  • @itsoniamatos
    @itsoniamatos Před 4 měsíci

    I agree with everyone else, this is THE BEST FIGMA COURSE EVER!! I've learned Figma by watching designers at my job, but this is was VERY THOROUGH course that helped me understand the full benefits of Figma and some best practices to follow as well. Thank youuuuu!

  • @johnajike5814
    @johnajike5814 Před 3 lety

    This is so helpful!!...Thanks Envato❤️

  • @LoremIpusum4257
    @LoremIpusum4257 Před 3 lety

    Thank you so much, this video is priceless!

  • @helenchinweike8080
    @helenchinweike8080 Před 3 lety +2

    woaw this is so helpful, am a complete beginner here with this free course i can use figma... anytime! anywhere!! Am kinda having issues somewhere

  • @vigintiunus5132
    @vigintiunus5132 Před 2 lety

    Another amazing course, you from Envato are awesome!

  • @soulkiller4387
    @soulkiller4387 Před rokem

    Thanks sir your is free and your honest person in the world

  • @mdsowrob7834
    @mdsowrob7834 Před 3 lety

    He is the best teacher i have ever seen

  • @mtackit7626
    @mtackit7626 Před 2 lety

    Wow, Excellent tutorial for beginners. Thanks

  • @naz5978
    @naz5978 Před rokem

    Thank you very much, it was too much helpful!

  • @anilve
    @anilve Před 2 lety

    Amazing course. I have not experienced anything easier.