Introducing Figma: A Beginners Tutorial (2023 UI UX Design)

Тәжірибелік нұсқаулар және стиль

Learn the basics of Figma, the popular design tool for UI and UX designers. In this beginner-friendly tutorial we cover the essential features of Figma, including how to use auto layout, the color systems and the grid. Whether you're new to design or looking to switch to Figma from another tool, this tutorial is for you. Stay ahead of the game in 2023 by mastering Figma!
Join my Figma course waiting list: livingwithpixels.com/design-c...
Get Figma: livingwithpixels.com/figma
Download the exercise files here: www.dropbox.com/sh/trphwk442h...
→ Software I recommend
Hostinger for affordable webhosting: livingwithpixels.com/hostinger
Siteground for premium webhosting: livingwithpixels.com/siteground
Elementor for no-code web-development: livingwithpixels.com/elementor
Figma for Web Design: livingwithpixels.com/figma
All recommended software & discounts: livingwithpixels.com/software/
→ Full A-Z Courses
Elementor Pro Mastery Course: livingwithpixels.com/elemento...
Figma Design Mastery Course: livingwithpixels.com/design-c...
Business Course: livingwithpixels.com/business...
→ Starter Guides for Beginners
Elementor Starters Guide: livingwithpixels.com/elemento...
Figma Design Starters Guide: livingwithpixels.com/design-g...
→ My Social Media
Tiktok: / rinodeboer
Instagram: / rinodeboer
Twitter / X: / rinodeboer
Some of the links above are affiliate links, which means that I earn a commission when you make a purchase via my link. Thanks a lot if you decide to do that! I couldn't make all these videos without it.

Пікірлер: 546

  • @mikee2765
    @mikee276511 ай бұрын

    One of the best tutorials I have seen. Walking through some development with clear,concise explanations. Very helpful!

  • @adelakunoluwatobi8930
    @adelakunoluwatobi8930 Жыл бұрын

    This is unbelievable. I've been struggling to get better with auto layout and components and after watching tons of KZread tutorials. I'm like where have u beeeeeeeeen. Like I wish u made more of such videos. I am so pumped, the video was so straight to the point clear and advanced at the same time. By the way, the design is dope. I'm going to finish all my unfinished projects thanks to uuuuuu. Awesomeeeeeee!!!

  • @rizkydharma8373
    @rizkydharma8373 Жыл бұрын

    This is amazing. Not only that you strategically make us train our mind and flow with each and every possible beginner buttons and functions and everything. Your delivery is crazy good, it fits a beginner like me! You're amazing man, love this 🔥

  • @anhvu6824

    @anhvu6824

    Жыл бұрын

    er

  • @deborah8607
    @deborah860711 ай бұрын

    This was perfect! Thank you! I looked at so many videos before that didn't explain how to actually begin, even a lot of the "beginners" videos started like I already knew Figma. Again, thanks! Great tutorial!

  • @shachaha
    @shachaha Жыл бұрын

    I was fiddeling around with Figma for around 2 years now. But I never had a tutorial where I learned sooo useful stuff that keeps me doing stuff without having to google them 1 one week later because, the tutorial was so all over the place that I forgot everything! You just showed the important stuff for beginners to create a decent design. From here I can move forward. Thanks for your work! 😘

  • @bananaberry3427
    @bananaberry34279 ай бұрын

    step 1: The Structure of The Layout (1:05) step 2: Images & Soc Med icons (7:32) step 3: Working With Text Layers (11:23) step 4: Advanced Auto Layout (18:51) step 5: Floating Icon Row (25:16)

  • @PlayzPhenix

    @PlayzPhenix

    7 ай бұрын

    The hero we didn't want but didn't know we needed. Thanks :D

  • @kendrick_ukc

    @kendrick_ukc

    7 ай бұрын

    U are a life saver❤❤❤

  • @felixotieno5277

    @felixotieno5277

    6 ай бұрын

    7:43 I have a challenge adding the images. What sizes are recommended

  • @user-in9jp2dr1d
    @user-in9jp2dr1d Жыл бұрын

    Thank you so much for this video! It was perfect for me, i followed a deep training 3 years ago but did not use figma any more since then and it was just perfect. Excited to see the full course!

  • @chrisyay2024
    @chrisyay2024 Жыл бұрын

    The best figma tutorial for a beginner like me. It's straightforward, clear, easy.

  • @Ylldrit.Miftari
    @Ylldrit.Miftari5 ай бұрын

    I had a go at creating a template on Figma following your steps. At the end of this video, the final result turned out really well. I hope you make more videos related to this in the future because I find them really helpful and engaging. Keep up the good work!

  • @HiPnautique
    @HiPnautique Жыл бұрын

    You were the first that really showed why figma is so well liked and powerful. the others only barely scratched the surface by moving stuff around and changing basic properties.

  • @RhaevanHeims
    @RhaevanHeims Жыл бұрын

    What a timing, brother!!🤠 I just started a course and wanted to learn Figma and here you are!!!

  • @El3iram
    @El3iram Жыл бұрын

    Love your tutorial! It's very easy to follow and I can't wait to watch more of your videos

  • @codenathan
    @codenathan Жыл бұрын

    You just earned a subscriber! I opened up Figma and I was struggling to get my head around it, this was super useful! keep up the good work!

  • @RoxaneLapa
    @RoxaneLapa7 ай бұрын

    Thanks, that was a perfect intro tutorial. You showed us what it can do and some problem solving without being long winded. I also found your enjoyment of the small handy things very endearing. I’m sure I’ll be watching this again because there’s so much packed in here.

  • @alvarojflores
    @alvarojflores Жыл бұрын

    Thank you, Rino! For sharing your resources and knowledge. Be healthy and successful! 👍🏻💪🏻

  • @mjacksonjones
    @mjacksonjones8 ай бұрын

    Thank you!! I was looking for this basic intro that I haven't found looking at a ton of vids. Thank u much!!

  • @renealbrechtsen9743
    @renealbrechtsen9743 Жыл бұрын

    Been struggling for a while with figma, so this is super helpful. Thanks :)

  • @tailsupdogtraining2950
    @tailsupdogtraining2950 Жыл бұрын

    Once again, a detailed step by step tutorial delivered with great clarity so is very easy to follow. Thank you, Rino.

  • @MMOLEARN

    @MMOLEARN

    11 ай бұрын

    I loved the tutorial too!

  • @forgeeky
    @forgeeky Жыл бұрын

    No one on KZread does a job like you. Creating a design on a design tool and transferring a design into a website which is the professional way of doing the job. Hats off to you brother 😊🙏

  • @MMOLEARN

    @MMOLEARN

    11 ай бұрын

    I liked how good his videos are, the quality is A+.

  • @elifsimsek17
    @elifsimsek172 ай бұрын

    Thanks for this beginner friendly tutorial! After felt like confused with so many tutorials, this one is very clear and contains everything that i need! Keep up with good work!

  • @Unatainnable
    @Unatainnable7 ай бұрын

    I learned a lot with you! All explained in very simple way. Such a motivating video to keep practicing. Thank you so much!

  • @SBEtherwave
    @SBEtherwave9 ай бұрын

    Nice video! I like how when you showcased features they would often be under your self facing camera box! I find it helps with paying attention as if you were here in person. Keep up the good work!

  • @RizaHariati
    @RizaHariati Жыл бұрын

    Hi. Thank you so much for your tutorial. It's so fast, straight to the point, and easy to understand. More power to you.

  • @georgikanev6745
    @georgikanev67458 ай бұрын

    I just downloaded Figma and with your guidance I recreated your design as my very first work. It turned out EXACTLY the same. Kudos to you for your great ability to explain with clarity and in such detail so that even beginners like me could understand. Thank you.

  • @rinodeboer

    @rinodeboer

    8 ай бұрын

    That is awesome to hear. Thanks for sharing 🙏🏻

  • @ronygrafo
    @ronygrafo Жыл бұрын

    This video is PURE GOLD, what a nice and simple way to teach, Thank You!

  • @mimirogers4568
    @mimirogers45689 ай бұрын

    Thanks a lot! I just started to learn UX/UI. Your lesson is very helpful.

  • @oliviademetriou8397
    @oliviademetriou83979 ай бұрын

    Thankyou!! Created this my very first time trying figma, super easy to follow :)

  • @aliercholalier1553
    @aliercholalier155312 күн бұрын

    Thank You. This Tutorial Is Straightforward

  • @agatatretkowska8280
    @agatatretkowska82806 ай бұрын

    OMFG I love you, I would never start from "base" to "details"... but thanks to you, I did... and it changes everything. Work is so much smoother. Love this video! Thanks for explaining Figma to newbies like me.

  • @jeshero11
    @jeshero1111 ай бұрын

    Thank you! I learned a lot. The presentation is very clear and have a strategic approach. You are amazing!!!

  • @azuur1435
    @azuur1435 Жыл бұрын

    i just can't thank you enough you helped me a lot to understand figma in the easiest way thanks buddy ☺

  • @specialkev
    @specialkev29 күн бұрын

    Outstanding tutorial. Easy to follow along, covered so many features without confusion. Really enjoyed. Thank you.

  • @danivicario
    @danivicario8 ай бұрын

    Thank you very much. You are a great communicator and learned a lot watching this video.

  • @orientmedltd.1920
    @orientmedltd.1920 Жыл бұрын

    The best tutorial ever for figma beginners. i've got a lot from this video, thank you sir!

  • @annak7905
    @annak79053 ай бұрын

    Way!! You have a talent for explaining. Thank you!!

  • @siimraudsepp7862
    @siimraudsepp78623 ай бұрын

    Super tutorial, thank you! Amazing how fast you can pick up Figma with this tutorial.

  • @lizaheron5117
    @lizaheron5117Ай бұрын

    Fantastic tutorial! Thank you

  • @Bessnebess
    @Bessnebess4 ай бұрын

    Man this is just beautiful! you are a great teacher!

  • @betulterzioglu7311
    @betulterzioglu73118 ай бұрын

    This is the best figma tutorial video ever in KZread . Thank you for this video

  • @bfjrd
    @bfjrd8 ай бұрын

    1 template but packed with important functions/techniques and explanations.. amazing tutorial!

  • @sierrinsupp
    @sierrinsupp2 ай бұрын

    Clear and good for learning

  • @Superduperhumanbeing
    @Superduperhumanbeing4 ай бұрын

    thank u so much for the video. It's slick and stunningly simple.

  • @nataliel7601
    @nataliel76016 ай бұрын

    so far the best figma tutorial I've ever seen! Thanks Rino

  • @monahaddad8662
    @monahaddad86622 ай бұрын

    Love your tutorial! That was amazing😍 thank you

  • @fatimaezzahraelmaskoune5179
    @fatimaezzahraelmaskoune517917 күн бұрын

    Great video and good explanations, thank you

  • @alxandrws
    @alxandrws Жыл бұрын

    I literally just came on KZread to watch your other video on Figma! That was good timing.

  • @rinodeboer

    @rinodeboer

    Жыл бұрын

    Haha awesome!

  • @ILY.RY.

    @ILY.RY.

    Жыл бұрын

    @@rinodeboer what was the little text that you inserted under fight like a champion? I heard you say the name but I don’t know what it is😅

  • @bernadettewilson6469

    @bernadettewilson6469

    8 ай бұрын

    Lorem Ipsum

  • @yarencelik3725
    @yarencelik3725 Жыл бұрын

    thank you! this was exactly what I needed for a simple project

  • @Ronobuildstech
    @Ronobuildstech Жыл бұрын

    Thanks ... i'm a programmer but got a side gig to design a webpage used this tutorial to learn while on the job

  • @mefromyoufy
    @mefromyoufy6 ай бұрын

    Awesome video, thanks!

  • @melissawebster1040
    @melissawebster10408 ай бұрын

    Wow, that's awesome! Thank you so much!

  • @user-cs9jr2nm2j
    @user-cs9jr2nm2j6 ай бұрын

    Rino I am really impressed with your teachings on figma thou am new here hoping to try it myself so I could see my out come ❤

  • @AshantiChristal
    @AshantiChristal2 ай бұрын

    So packed with information! Loved it!

  • @LordJHouse
    @LordJHouse Жыл бұрын

    Rino, I'm really impressed with your teaching skills, from start to finish. I'm coming from XD and PhotoShop too, so I had different ways of approaching design tasks. I've watched several Figma videos by some legends, but felt like I was missing key components and clarity to make nice UIs quickly and efficiently. In 30 minutes, you gave me a very solid foundation, which is incredibly timely because I'm starting on a new site design, using Figma for the first time. I'm absolutely confident it's going to look awesome, especially with the help of your video. Thanks! Oh yeah, you not only understand Figma very well, but also design. PS - I'm going to join your Figma waiting list right meow!

  • @rinodeboer

    @rinodeboer

    Жыл бұрын

    This is great to hear! Thank you 🙏🏻

  • @suman121069
    @suman121069 Жыл бұрын

    thank you so much for all the detailed details 🙂

  • @HangtheGreat
    @HangtheGreatАй бұрын

    Thank you for the tutorial, well explained and concrete!

  • @certtechwebsolutions
    @certtechwebsolutions Жыл бұрын

    YES! Been waiting for this! :)

  • @JakeRichardsong
    @JakeRichardsong Жыл бұрын

    Your explanations are more clear than other YT videos.

  • @iherogames95
    @iherogames956 ай бұрын

    this is like the first tutorial that acutally works with me very helpful i have a competition coming up so this was very helpful i recreated your design as well but what i am looking for right now is how to develop it like if u press the sign up button it actually takes you to sign up page thats what i am looking for to design right now but overall very helpful thanks mate!

  • @galiarimon3689
    @galiarimon3689 Жыл бұрын

    excellent tutorial, I learned a lot and really enjoyed it, you are a great teacher! thank you

  • @jilliannas.outfits
    @jilliannas.outfits8 ай бұрын

    this was amazing first time using figma and i got it! thank you!

  • @ihdharnurhadyan8669
    @ihdharnurhadyan86695 ай бұрын

    amazing just amazing, love your tutorial so much 💌

  • @mughalkhan5031
    @mughalkhan50319 ай бұрын

    Bro thankyou so much for helping me to take my first step in figma,u really helped

  • @ecovillaraza2953
    @ecovillaraza2953 Жыл бұрын

    Thank you so much Rino, I learned a lot.

  • @user-oh3xz4fs8h
    @user-oh3xz4fs8h5 ай бұрын

    Thank you so much ❤.It's so good.

  • @phkoon
    @phkoon4 ай бұрын

    Looking forward to watch this one

  • @unshackledai
    @unshackledai Жыл бұрын

    This is an amazing tutorial. Thank you so much for sharing it.

  • @alexandersimmo7033
    @alexandersimmo70338 ай бұрын

    Layers inside of individual shapes is in all it's simplicity actual pure genius.

  • @MindsetProgression
    @MindsetProgression3 ай бұрын

    Thank you G!

  • @dmar4501
    @dmar45015 ай бұрын

    Thank you so much!

  • @joffreykagayo9195
    @joffreykagayo9195 Жыл бұрын

    Thank you so much for sharing your knowledge.

  • @fabioconstantino9424
    @fabioconstantino94244 ай бұрын

    Amazing Job !!

  • @magdapugnator
    @magdapugnator Жыл бұрын

    Your videos are the absolute best!!!!!!! Thank you!!!

  • @morningstarsleeps
    @morningstarsleeps Жыл бұрын

    Nice video buddy! Thanks!

  • @bahrainhasnan
    @bahrainhasnan9 ай бұрын

    Thanks for the video. A great tutorial for me to start my Figma journey!

  • @kasali310
    @kasali3104 ай бұрын

    Awesome!Thanks!For the icons i have used iconify plugin

  • @mayoliverfran
    @mayoliverfran10 ай бұрын

    Thank you for your video! It was very well detailed and clarifying !!

  • @9branding
    @9branding Жыл бұрын

    I had a great getting started with Figma thanks to your awesome video

  • @viklon1980
    @viklon1980 Жыл бұрын

    Best tutorial i ever saw. Thank you!

  • @mikeonochie7548
    @mikeonochie75486 ай бұрын

    very good and beginner friendly. thank you

  • @Cineluvideos
    @Cineluvideos Жыл бұрын

    Excellent beginner tutorial! Thanks rino!

  • @christabelleezeani8362
    @christabelleezeani83627 ай бұрын

    This is so beginner-friendly. Thank you.

  • @malillomokone
    @malillomokone3 ай бұрын

    This is useful, thank you man❤

  • @rachelnelson5122
    @rachelnelson51225 ай бұрын

    Love this!! I'm already in your Elementor course and can't wait to bin in the Figma course when you create it. Your videos are easy to follow. Thank you for your videos they are changing the way I make websites.

  • @rinodeboer

    @rinodeboer

    5 ай бұрын

    Awesome to hear 💪🏼

  • @lilangulap8276
    @lilangulap82768 ай бұрын

    Thank you very much for this tutorial!

  • @ugurkorkmaz7968
    @ugurkorkmaz79685 ай бұрын

    Thank you man.

  • @allentorillos5728
    @allentorillos572810 ай бұрын

    Thank you so much for this type of tutorials

  • @MeezanTheFairBloke
    @MeezanTheFairBloke6 ай бұрын

    Very nice tutorial, thank you!

  • @droy589
    @droy589 Жыл бұрын

    That was some nice cool tips and tricks on Figma. Some nice features that I just did not know until now.

  • @anurouth2907
    @anurouth29073 ай бұрын

    Very helpful and concise video, appreciate it!

  • @TCakes
    @TCakes9 ай бұрын

    Incredibly helpful! Thank you

  • @user-qn6zq4zx6h
    @user-qn6zq4zx6h7 ай бұрын

    Thank you for your clean explanation

  • @nrgpixch
    @nrgpixch6 ай бұрын

    really good Tut - many thanks

  • @jaypeepiquero7800
    @jaypeepiquero78003 ай бұрын

    You're so great about every details. As a beginner, I learned a lot. More content like this God bless ♥

  • @PioneerWhoDreams
    @PioneerWhoDreams9 ай бұрын

    Learned so much from this video. I really liked working with figma !

  • @vizualpop_ph
    @vizualpop_ph8 ай бұрын

    Thank you so much for the tutorial.

  • @luzdluar
    @luzdluar5 ай бұрын

    Thank you so much. It's very helpful🤩

  • @BeniaminMirek
    @BeniaminMirek2 ай бұрын

    Very helpful and easy to follow. Thanks!

  • @sergisanodze7580
    @sergisanodze7580 Жыл бұрын

    thank a lot, that was useful toturial

  • @BigSupercast
    @BigSupercast Жыл бұрын

    this is a fantastic tutroial, taught me more about figma then any other youtuber

  • @davidrivers2734
    @davidrivers27344 ай бұрын

    Good work - really enjoying this, learning a lot

Келесі