Learn Figma For Beginners

Keen to learn Figma? This 3-hour compilation will cover everything you need to master the basics.

CHAPTERS:
0:00 Intro
0:35 Beginner Tutorial: Website Design
41:24 Variables
48:23 Auto Layout
1:09:22 Multi-editing
1:18:17 Vertical, Sticky, Horizontal scrolling
1:26:53 Animations
1:53:02 Micro-interactions
2:13:48 Free plugins for higher productivity
2:18:01 Advanced responsive website

📱 Find us on SOCIAL MEDIA
Maddy’s YouTube channel 👉 @maddybeardUX

[robberto]

I love how Maddy explains things during tutorials. She is so good, and she is the only one who uses "a frame within a frame within a frame within a frame." Lol! Everyone else just uses a rectangle, which isn't very professional. I keep watching all of your videos, and you are always the best. Thank you for making your videos; they help me understand so much more as a beginner. Thanks a lot!

[J.CDANIEL]

If anyone else is facing the same issue I encountered with horizontal scrolling not triggering in the final preview, it's because if your main frame has vertical scrolling, Figma doesn’t support horizontal scrolling with a mouse wheel alone. To achieve horizontal scrolling, you need to either press the wheel and then move your mouse horizontally, drag, or use a trackpad’s horizontal scroll gesture. Maddy I wished you had mentioned this in the tutorial, as I spent hours re-watching the same section thinking I might have missed something and finally decided to Google it. Nice tutorial, by the way! Thanks a lot.

[andrewwainaina]

Glad to have you Maddy. Much needed and timely. Thanks.

[SaadAlShiekhAli-sgdl]

thanks to flux, I am no longer a beginner but, thanks for the course

[EnglishShortcutt]

Your video deserves more likes. because it's so helpful.

[alexdsdebasis]

video's are not clear in 4k ? it's difficult to udnerstand these concepts .

[AJ-Pixelyze]

Can you create video on how you would plan a web page going from a brief to section layout?

[teckyone]

Then how do you download this whole design to your website, copy paste? Then I also have a feeling that you're going to have to rearrange stretch or shrink certain pictures in font again you're just redoing stuff. Then you are going to have to click on each element and actually program it to slide or whatever, again just repeating stuff you already did. Because figma is just a prototyping or simulating a programmed website but it is not coded yet. Wix and other websites have way more dynamic interactions and animations like 4.0. figma is like 2.0.

[Itgirl-sy]

8:17 icon
10:25 Frame size
16:55 auto layout

[AbdullaXayitov-ns]

You quickly explained the projects in animation one two did not look like

[SamanticsNL]

I still love to see tutorials about whole website processes. After this fase, lets develop.

[teckyone]

Nice tutorial but I don't know why employers want you to still have figma because now it's just easier to go ahead and create a website in wix no code and just give CRM accessibility so someone can approved or edit it. With figma you're wasting a lot of time static designing and somebody still has to program it. Figma bills and whistles are limited versus an actual website. the website itself can be the prototype. And can be done faster😮

[gabrielmiller]

for some reason on animations im not able to click the "change to" state.

[nangduong]

just wondering if anyone knows how to align the 5 elements in the row (closed, negotation, prospecting)?

[giftmukupe]

Great tutorial but the video resolution is quite low, it needs to be at least 1080p.

[somaltech]

how can make the workspace seem like her iam new to figma but i have my toolbar and sidebars are separated and toolbar floating in the bottom how can solve this issue

[RedaMouhib-uvgf]

Hey flux academy when you gonna start giving us first projects to work on in your courses instead of us searching for ones when we don't have a protfolio, it will really help ☝️🤓

[LongNguyen-lgyd]

Can you please check the link? I think it has been damaged

[Steveoliverdesign]

Please reupload the video, it is such poor quality. Definitely not 4K. Otherwise, great content!

[nicorubino]

Do they have updated Figma recently? why the keep change things?