Create the skills list: Figma Design for beginners [10 of 13]

In this video, we’ll learn a few ways to edit vector layers and craft a skills list to showcase our areas of expertise. For a personalized touch, we’ll start by creating some custom shapes which we’ll then combine with text layers in an auto layout frame. Finally, we’ll add the skills list to a container frame and turn it into a main component.

Playlist of full course here → http://bit.ly/4lPoklZ

Feel free to make a copy of the Figma community file to check out the final design and additional resources: https://www.figma.com/community/file/1499455316701927850/figma-design-for-beginners-2025-course-assets

Visit https://help.figma.com/ to view a written version of this course, along with up-to-date information on specific features.

Timestamps:
00:00 Intro
00:23 What are we building
00:39 Vectors
01:20 Prepare the file
02:00 Build the first shape
04:13 Boolean operations
07:25 Build the second shape
08:51 Build the third shape
10:49 Build the fourth shape
11:10 Adjust the shape using vector edit mode
12:54 Build the fifth shape
13:31 Arc properties
15:47 Flatten
16:55 Clean up and create components
17:30 Create the skills list
19:52 Wrap in auto layout
20:35 Update the color fills of the shapes
21:02 Add a container frame to the skills list
21:40 Create the skills list component
21:45 Outro

#Figma #design #beginners #tutorial #course
____________________________________________________

Find us on ⬇️
X (formerly Twitter): https://x.com/figma
Instagram: https://www.instagram.com/figma
LinkedIn: https://www.linkedin.com/company/figma
TikTok: https://tiktok.com/@figma
Figma forum: https://forum.figma.com/