Figma For Beginners: Create designs (2/4)

In this series, we walk you through Figma fundamentals while building an app. This video will cover designing in Figma.

#Figma #FigmaTutorial #FigmaForBeginners

Timestamps:
0:00 Create Design
0:32 Pages and set up
1:24 Measuring and Layout Grids
2:33 Corner Radius and Place Image
3:40 Text properties and Styles
5:40 Plugins, color, and accessibility
7:23 Auto Layout
10:20 Create Components
11:37 Clip Content
12:20 Overrides
13:06 Vector networks and boolean operations
16:04 Boolean operations
16:38 Create a navigation bar
18:13 Floating Action Button (FAB)
19:18 Scrolling and Fix Position
20:53 Let's recap

[peterdavids]

20:29 Now that checkbox has been removed. To do the same thing now, you go to the Prototype bar and there will be a position dropdown menu, select Fixed to make it so those layers don't scroll.

[sonaligupta]

I have been so scared to learn any new application as it takes a hell lot of time but then I stumbled upon this playlist and man! today, after watching this video, I have finally made something in figma! Thanks a lot for this playlist.

[anamuenz]

I'm self-learning UX/UI Design and i'm really glad i've found these videos. Thank you so much!

[தமிழோன்]

Perfectly paced tutorial! Not only that, this tutorial taught me all the important features I need to know as a beginner! I'm actually a web developer who started learning web designing for my personal projects. I was afraid of using design tools. Now this tutorial helped me to enjoy designing with Figma!

[iceknight]

This tutorial gives a wholesome & pragmatic foundation.
I could learn and try to apply it directly.
Even tho I need to pause frequently & switch back and forth between the Youtube screen & my own Figma screen to test it out, I feel quite satisfied to follow and learn from it.
Thanks for creating and sharing this tutorial! :>

[qmagix]

Finally clear and up-to-date answers to a lot of questions.

[petervarley]

I found it necessary to Lock the Feed component (by clicking on the padlock icon) before dragging the Floating Action Button component over it or the button would insert itself into the feed, or above it.

[MsAsom]

Thank you for saving me a lot of time by teaching the basics in an easy way !

[pb-]

20:32 That checkbox has been removed. To do the same thing, select your FAB button/icon, go got Prototype > Under scroll behaviour > set the position to Fixed.

[votienhoang]

Love it so much I just finished the wireframe video now I'm taking some rest and back to this section soon :).

[jitheshlm]

This is a super helpful video covering all the important aspects of Figma ❤️

[abdelbarimessaoud]

if you are trying to get the shadow effect to work 18:57 and you can't because it doesn't look like the video, just know you can either set a bigger frame and use the shadow effect on the circle itself, or just untick the "Clip content" box on the frame.
Hope this helps!

[raphaelpaulino]

This is another fantastic guidance! I had loved it!

[Runeansfelt]

Tagging along in these videos has helped me tremendously! Thanks.

[petervarley]

At 14:52, the setting to change the ends of the lines to Round is no longer in the Advanced Stroke popup; instead, there are left and right line endings dropdowns with the first several being arrow types but then at the bottom is round/square selection.

[KuroManX]

I always felt scary of figma and never tried to learn it, how naive I was, it is incredible simple. Thanks for this tutorial!

[yusra]

6:04 renk kontrast kontrolü
I'm taking notes here, thanks to all team for this excellent explanation and video <3

[suelahaxhi]

Thank you!! Great content...finally normal human can learn how to design easily
without interrupting the process of learning at some point...

[mahyamansouri]

Thanks for your helpful videos. I found something as a missing part in this video in part "Floating Action Button (FAB)". You didn't say we should lock the main frame before putting this button in the Home frame!

[alfiematthews]

Super helpful! Enjoying this playlist/mini series a lot, thanks