Skip to content

PRO TIP Block youtube.com at the DNS level — Pi-hole, NextDNS or your hosts file — but allow youtube-nocookie.com and i.ytimg.com. These tutorials keep playing; the rabbit hole does not.

Learning without distractions

Create the landing page hero: Figma Design for beginners [4 of 13]

113.5K views on YouTube

Figma 71 tutorials here

In this video, we’ll learn about a few fundamental layer types in Figma Design and use them to build the hero for the landing page of our portfolio website.

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 is a hero
00:35 What are we building
00:58 Layers
02:49 Create a shape using the shape tool
03:45 Images and fills
05:12 Use image as a fill
06:28 Text
08:00 Create text layers
09:00 Text resizing properties
11:14 Align layers using the alignment tool
11:26 Update title text styling
12:33 Nudge settings
13:50 Update paragraph text styling
15:11 Frames
17:01 Add layers to a frame
17:51 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/