Shapes, Boolean, Flatten vs Outline — Figma Vector Tutorial — Part 1

Mastering vector design in Figma is easy. Learn to use Rectangle, Line, Ellipse, Polygon, and Star shapes. Learn how to use boolean operations, Nested boolean groups to create complex vector shapes. Finally, discover the difference between Flatten and outline stroke.

Link to Practice file -

Figma Styles Tutorial-

Timestamps -
0:00 Intro
0:25 Rectangle
1:21 Line and Arrows
3:20 Ellipse - Circle, Pie Chart, Donut Chart, Circular Graph
5:28 Polygon - Triangle, Diamond, Pentagon, Hexagon, etc.
6:19 Star Shape
7:38 Pen and Pencil - Modifying curves and shapes
13:05 Boolean Operations - Union, Subtract, Intersect, Exclude
17:00 Boolean vs Flatten vs Outline Stroke

Playlist for Free and most complete Figma Course

Figma is my personal favorite Design Tool. It's one of the fastest-growing design tools right now. That's why I am creating a complete course on this to help new designers which will cover the Basics and Expert features of Figma.

If you're a beginner to Figma or planning to switch to Figma from Sketch/Adobe XD, don't forget to subscribe to this channel and hit the bell icon.

-----------------------------------------------

ABOUT ME

I am Udayraj, and I’ve created this channel to share the things I learned in the last 5 years of my career. On this channel, I’ll share Figma Tutorials, Adobe XD tutorials, Various Prototyping Tools & lots of design tips.

I am a UX Designer with 5+ years of experience. I have worked with Startups as well as Fortune 500 companies in various domains such as - Healthcare, E-commerce, Logistics/Supply Chain, Infotainment, Mobile Gaming & E-Learning.

Please subscribe and say hi in the comments or connect with me on social media :)

-----------------------------------------------

SOCIAL

-----------------------------------------------

#figma #design #tutorial #ui #ux

[TheLumebrosOfficial]

this type of explanation is what is needed on youtube, well done friend.

[ugurkorkmaz]

Thank you man. The best video in youtube. Exellent.

[bharatmodiTechFist]

Thank you so much for sharing amazing stuff.

[nateli]

Thanks for your tutorial! I'm wondering for the last part of the tutorial if the outline one would be the version we draw our icons.

[myriahchristopherson]

This tutorial was awesome! Thank you so much!

[adishamandlik]

Thank you for the lesson!! It was so helpful!!Waiting for part 2✌🏻😄

[tangophenomena]

You are a great teacher! Thank you for the video :D

[mkarthigadevi]

how to increase the stroke size of the outline icon? please clarify

[prajwalbhat]

So underrated!
Could you do a video on case study and portfolio buildup?

[GraciaClara]

Hi, thanks for the video. I want to make sure the reason; why we need to outline first before handing out to devs?

[KinlennByKorn]

How can we cancel the flatten selection as before?

[SurajKumar-yesm]

How to use page tear animation in Figma

[ankita-mishikar]

Thank you for the tutorial.
However, I don't have the paint bucket tool in figma. Is that available in an upgraded version ?

[aysunbat]

Hi! It is really helpful video. Thanks a lot. I have a question. whenever I use flatten, the text I type in is weird. why?