Figma Tutorial for Beginners

Ғылым және технология

⚡ Get Figma: psxid.figma.com/lqjg97licpry
In this step-by-step tutorial, learn how to use Figma. Whether you're aiming to craft stunning apps or vibrant websites, Figma stands as your go-to tool, offering both robust features and seamless collaboration - all for free!
We begin by walking through how to get Figma. Then, we launch your first project. From the fundamentals of adding frames and shaping your ideas into reality, to the nitty-gritty of text formatting and layer management, we cover it all! Plus, we delve into the art of image and mask placements, component creation, and enforcing constraints to refine your designs. Next, we cover prototyping so you can visualize the end product. And finally, we demonstrate how to share your prototypes with others, gathering feedback to polish and perfect your design.
By the end of this video, you'll be well on your way to crafting and building beautiful and functional designs using Figma.
Host: Kevin Stratvert
📚 RESOURCES
- Get Figma: psxid.figma.com/lqjg97licpry
⌚ TIMESTAMPS
0:00:00 Introduction
0:01:00 Get Figma
0:01:28 First run flow
0:03:50 File browser
0:07:57 Figma editor layout
0:08:59 Frames
0:12:06 Panning and zooming
0:13:13 Rename frames
0:13:58 Pages
0:14:56 Add frame fill / background
0:17:42 Design properties
0:18:38 Add rectangle shape
0:21:26 Place image
0:23:13 Layout grid
0:24:25 Add text
0:26:07 Add navigation frame
0:28:33 Design icons
0:39:21 Community assets
0:43:14 Components
0:46:42 Constraints
0:51:38 Design component cards & spacing
0:57:38 Masks
0:58:59 Styles
1:01:24 Auto layout
1:06:19 Prototype
1:10:37 Share with others
1:12:06 Export designs
1:12:38 Wrap up
📺 RELATED VIDEOS
- Playlist with all my videos on Figma: • Figma
📩 NEWSLETTER
- Get the latest high-quality tutorial and tips and tricks videos emailed to your inbox each week: kevinstratvert.com/newsletter/
🔽 CONNECT WITH ME
- Official website: www.kevinstratvert.com
- LinkedIn: / kevinstratvert
- Discord: bit.ly/KevinStratvertDiscord
- Twitter: / kevstrat
- Facebook: / kevin-stratvert-101912...
- TikTok: / kevinstratvert
- Instagram: / kevinstratvert
🎁 TOOLS AND DISCOUNTS
✅ 🎙️ Voicemod AI Voice Changer | 5% off | link.xsolla.com/KZBi89AY
✅ 🌐 Squarespace Websites | squarespace.syuh.net/XYaqYM
✅ 🔍 Grammarly | grammarly.go2cloud.org/SH3nL
✅ 🛍️ Shopify | shopify.pxf.io/XY9rPa
✅ 📋 Notion | affiliate.notion.so/rffva4tr71ax
✅ 🖼️ Figma | psxid.figma.com/lqjg97licpry
✅ 🤖 ElevenLabs Text-to-Speech | try.elevenlabs.io/taqepq60mptr
🎒 MY COURSES
- Go from Excel novice to data analysis ninja in just 2 hours: kevinstratvert.thinkific.com/
🙏 REQUEST VIDEOS
forms.gle/BDrTNUoxheEoMLGt5
🔔 SUBSCRIBE ON KZread
kzread.info?...
🙌 SUPPORT THE CHANNEL
- Hit the THANKS button in any video!
- Amazon affiliate link: amzn.to/3kCP2yz
⚖ DISCLOSURE
Some links are affiliate links. Purchasing through these links gives me a small commission to support videos on this channel. The price to you is the same.
#stratvert #figma

Пікірлер: 111

  • @KevinStratvert
    @KevinStratvert2 ай бұрын

    ⚡ Get Figma: psxid.figma.com/lqjg97licpry

  • @liamlg1314
    @liamlg13142 ай бұрын

    I watched your microsoft access video but am too lazy to get back to it, so I am commenting here instead. I just want to say Thank you. I have been on the internet for a while and every tutorial I find is long, complicated and frustrating. I have seen a couple of your videos now and honestly these tutorials are incredible, it's like somebody has read my mind for how tutorials should be, I am annoyed I am only finding you now. Thank you so much!!

  • @britishcrimewriter-LeeWood

    @britishcrimewriter-LeeWood

    Ай бұрын

    I totally agree. Kevin's videos are always brilliant.

  • @archangel0137
    @archangel01372 ай бұрын

    I've been looking to learn Figma. Glad I stumbled across it!

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

    Excellent delivery of knowledge - not a second was a waste. Thank you!

  • @crazycatlady-overwatchpowe1111
    @crazycatlady-overwatchpowe11112 ай бұрын

    Hello from a Bulgarian girl, who lives in Belgium! You explain it amazingly and in very much detail! Thank you for your content!

  • @melanyartz7565
    @melanyartz75652 ай бұрын

    Thank you for the tutorial, It was really easy to follow. Your explanations were gratifying. Keep going!

  • @EdsonNascimentoEN
    @EdsonNascimentoEN2 ай бұрын

    Great tutorial Kevin - as always you rock.

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

    This was the best lesson I’ve ever had, wish I could show you what I made with you, thank you so much ❤

  • @otienooliver9557
    @otienooliver95572 ай бұрын

    From Kenya love what you are doing

  • @HasnainChess
    @HasnainChess2 ай бұрын

    Amazing, that was quite helpful now I know the Figma too. Thanks to you man

  • @KasiaMalad-md3td
    @KasiaMalad-md3td15 күн бұрын

    The best ever tutorial. Thanks Kevin. Great job!

  • @nic-ori
    @nic-ori2 ай бұрын

    Thanks! Useful information.👍👍👍

  • @user-dn3wl5zf1l
    @user-dn3wl5zf1l22 күн бұрын

    Thanku very much!!!!!!!!!! for your such adorable guidance 🥰🥰🥰

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

    I learned so many things. thank you.

  • @Atulwebdesigner
    @Atulwebdesigner21 күн бұрын

    As a web designer, I am trying to master Figma. This tutorial really helped. Thanks for sharing Kevin 🌟✨

  • @karjedav
    @karjedav18 күн бұрын

    Excellent tutorial. Thank you.

  • @sayyedashfak1463
    @sayyedashfak1463Күн бұрын

    Thanks Kevin. Such a Good Tutorial.

  • @Rockerfeller26
    @Rockerfeller263 күн бұрын

    I think figma is an incredible resource if you learn to use it wisely. Your video provided me so much insight. For a complex interface like this, you broke it down nicely. Keep up the good work.

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

    Thanm you so much for this very helpful tutorial. Well-organised, good speed, nice cadence of speech, basics covered. 👏👌

  • @SADEGEORGE
    @SADEGEORGE20 күн бұрын

    Well explained! thank you

  • @danovenchjean9710
    @danovenchjean97103 күн бұрын

    Just what I needed

  • @excellenceosuolalevictor52
    @excellenceosuolalevictor5220 күн бұрын

    Thanks so much, this was helpful

  • @karencohn5382
    @karencohn538210 күн бұрын

    Great tutorial! I'm ready to get started on Figma!

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

    Great teaching style!

  • @VaibDesigner
    @VaibDesigner14 күн бұрын

    I am new in designing , Excellent tutorial. Thank you.

  • @sathwik9661
    @sathwik96612 күн бұрын

    Thank you bruh🙌🏼🙌🏼

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

    Incredible video

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

    Thanks sir, it's really helpful ❤❤❤

  • @Freelancingwith_Muna
    @Freelancingwith_Muna8 күн бұрын

    Thank you sir

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

    Thank you

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

    Great Tutorial, I want to learn more about figma, Please make more videos.

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

    Very good thank you

  • @AlphezDesign-cu4nz
    @AlphezDesign-cu4nzАй бұрын

    amazing one Kelvin

  • @Mr-Caco
    @Mr-Caco2 ай бұрын

    thank you mr. kevin

  • @gul.iam.3195
    @gul.iam.31952 ай бұрын

    Great stuff

  • @wealthwave-fy9sg
    @wealthwave-fy9sgАй бұрын

    Amazing tutorial. Thank you for taking the time to make quality content for others to learn. I am very glad I found your channel. Keep up the good work. 👏👏

  • @KevinStratvert

    @KevinStratvert

    Ай бұрын

    Awesome, thank you!

  • @muhdamsyar4800
    @muhdamsyar48002 ай бұрын

    Thanks

  • @SweetKhan-yj7kl
    @SweetKhan-yj7kl2 ай бұрын

    Amazing👍

  • @zaynabali5649
    @zaynabali564920 күн бұрын

    Greetings from Somalia🥰 and really love your contents

  • @arnab_d9
    @arnab_d917 күн бұрын

    beautiful

  • @iamalfofficial
    @iamalfofficial6 күн бұрын

    Oh my God I missed this, Ill Sign up under your link🙂

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

    Thank you so much sir for helping 🙏👍🇮🇳👏👏👏

  • @VICTORGITAU-do5oh
    @VICTORGITAU-do5oh20 күн бұрын

    damn bro you're a lifesaver, thanks...really

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

    hi..i am from indonesia. thank for your tutorial. you are amazing tutor sir

  • @saftbrain
    @saftbrain2 ай бұрын

    You should make a video about how to use Ligma...

  • @NauticalStrings
    @NauticalStrings2 ай бұрын

    Hi Kevin, i have a question about the Google Sheet, I have a dropbox with Monday to Sunday, next to that i have a ''Label'' with the name ''Hours'' and next to that i have a ''Formula'' cell where i should see the Hours, Monday is 1 hour, Tuesday 2 hours and that up to Sunday 7 Hours, so when i click in the dropbox on Monday i want to see 1 hour in the ''Formula'' cell next to the Label ''Hours'', if i click on Tuesday 1 want to see ''2 Hours'', what video do i need to look at to learn how ?

  • @user-kz4dp1rr7y
    @user-kz4dp1rr7yАй бұрын

    Great tutorial @kevin

  • @KevinStratvert

    @KevinStratvert

    Ай бұрын

    Thanks for the note!

  • @pgkannan
    @pgkannan2 ай бұрын

    Great

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

    How can I have access to the photos you used in this course?

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

    What happens after that, how do you get it to the App Store, does it cost? Can you do a Part 2 Video for this? (You are just amazing!! - just too good👍) - Await your feedback!!

  • @srijanmishra7747
    @srijanmishra77472 ай бұрын

    Been waiting for this since 6 months 😢

  • @AniBuddy.

    @AniBuddy.

    12 күн бұрын

    did u learnt figma from this tutorial? how was it? did you able to get a job in figma?

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

    Thank you very much for this tutorial! However, if I create "scroll to action" to Rectangle 1 on Home button it doesn't work on Locations and Cart. Maybe someone had the same issue? I had to change it manually to "navigate to" on Locations and Cart.

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

    you are too much. thank you for this tutorial

  • @Ben_Pratt
    @Ben_Pratt2 ай бұрын

    What happens after that how do you get it to the App Store does it cost?

  • @agbopepertual5523
    @agbopepertual552318 күн бұрын

    Hi Kevin, how did you get the background image

  • @vlogmedia793
    @vlogmedia7932 ай бұрын

    Hello tutorial for Lunacy pls

  • @lucaspatterson890
    @lucaspatterson89022 күн бұрын

    I'm having trouble with newly added images, frames, vectors, etc. popping into the original frame, instead above the previous layer. So I have to keep dragging the new layer above everything else I've already done. (hope that made sense)

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

    i found figma interesting!

  • @shivamarora309
    @shivamarora3092 ай бұрын

    Figma ❤

  • @victornwora
    @victornwora2 ай бұрын

    We the first one the post!

  • @terryterryd
    @terryterryd2 ай бұрын

    Figma..? Learn Figma you ask..? You can learn to Figma bawws 😘🕺😅

  • @BallsworthBallsbury

    @BallsworthBallsbury

    27 күн бұрын

    GOTTEM

  • @youngbillioner3525
    @youngbillioner35252 ай бұрын

    This means we used this to crate an app Or For design purposes. I don't understand

  • @muhammadasim8873

    @muhammadasim8873

    2 ай бұрын

    Design Only

  • @youngbillioner3525

    @youngbillioner3525

    2 ай бұрын

    @@muhammadasim8873 Thanks

  • @golamrabbani4499
    @golamrabbani44992 ай бұрын

    That's what you a call a "GOD TIER CONTENT"

  • @americanbadger6986
    @americanbadger69862 ай бұрын

    Figma nuts

  • @cw1217

    @cw1217

    2 ай бұрын

    Ligma

  • @yolamontalvan9502
    @yolamontalvan95025 күн бұрын

    I was learning it but I heard that Adobe bought it and that is a NO, NO. Adobe is a company that I love and hate. Can you make a video about the alternative?

  • @zoharmoyal
    @zoharmoyal2 ай бұрын

    Dude! how do you know everything??

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

    i want to use the same images. where can i find them?

  • @ginilance7427

    @ginilance7427

    Ай бұрын

    Use Ai

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

    Pls do inshore video too.

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

    mine is not responding

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

    Please Add Hindi Language Auto Translation In Your Video Like it's been In Your Excel Video ....❤

  • @user-ht3uw3uz6s
    @user-ht3uw3uz6s2 ай бұрын

    first pips for real

  • @nasersaeidi9370
    @nasersaeidi93702 ай бұрын

    hi Figma is free ?

  • @marisaparvez3354
    @marisaparvez335412 күн бұрын

    10:00

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

    43:15

  • @ayodejifunmilola2559
    @ayodejifunmilola255919 күн бұрын

    💃💃

  • @Ryhze10_
    @Ryhze10_2 ай бұрын

    3 views in the first minute 😢😬

  • @flicks1887
    @flicks18872 ай бұрын

    1k views in 1 hrs

  • @LivingGuy484
    @LivingGuy4842 ай бұрын

    Fimga seems pretty useful, not as cool as its sister Ligma though

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

    Kevin: do you know how to read deleted messages on WhatsApp on the iphone?

  • @gerdsfargen6687
    @gerdsfargen66872 ай бұрын

    Ligma is a better alternative

  • @not_sure_about_that_but

    @not_sure_about_that_but

    2 ай бұрын

    Real

  • @KevinStratvert

    @KevinStratvert

    2 ай бұрын

    I heard Sugma is even better than Ligma though.

  • @gerdsfargen6687

    @gerdsfargen6687

    Ай бұрын

    @@KevinStratvert 😂😂😂😂 Yes yes good good 🤩🤩🤩😂😂😂

  • @diegof.8052

    @diegof.8052

    Ай бұрын

    Ligma it's nothing compared to Sigma

  • @-Cocell

    @-Cocell

    24 күн бұрын

    ​@@diegof.8052🗿

  • @pokemontrainer8729
    @pokemontrainer87292 ай бұрын

    Lol, I thought this was some new female version of Sigma. Nice tutorial though.

  • @twistedtee648
    @twistedtee6482 ай бұрын

    So it’s not a figma of my imagination, it’s really this good? 😂😂😂

  • @not_sure_about_that_but
    @not_sure_about_that_but2 ай бұрын

    Is Figma the twin of Ligma?

  • @Blackoutfor10days
    @Blackoutfor10days2 ай бұрын

    😂

  • @danmchardy6424
    @danmchardy64242 ай бұрын

    I something of a Figma male myself

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

    100% ai

  • @nomoremrniceguy007
    @nomoremrniceguy0075 күн бұрын

    Ok now to explain to the dumbest person in the room.... Me

  • @wholeNwon
    @wholeNwon2 ай бұрын

    Glad I retired and don't have to do any of that stuff.

  • @mehwishhanif-nm1pj
    @mehwishhanif-nm1pj15 күн бұрын

    Are you ai character?

  • @rationalintellect
    @rationalintellect2 ай бұрын

    i thought figma isnt popular because you didnt made a tutorial on it

  • @WaqasAli-dq9wg
    @WaqasAli-dq9wg2 ай бұрын

    Figma is rubbish

  • @balckfire344

    @balckfire344

    2 ай бұрын

    ​@@MajorImpacthave you tryed sigma?

  • @not_sure_about_that_but

    @not_sure_about_that_but

    2 ай бұрын

    Sigma is trash too use ligma instead ​@@MajorImpact

  • @TykkeThomas

    @TykkeThomas

    2 ай бұрын

    So are you 😁

Келесі