Assemble the portfolio pages: Figma Design for beginners [11 of 13]

In this video, we’ll organize our main components using sections. Then, we’ll use instances to build the page layouts of our portfolio website.

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

Check out the dozens of case studies on Figma’s blog, Shortcut, for more inspirations: https://www.figma.com/blog/case-study/

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:25 Organize the components using sections
01:13 How to create a section
03:02 Remove and update background fills in components
03:55 Design the pages
04:13 Build the page with common elements
04:33 Apply auto layout to the elements
05:10 Duplicate the page
05:34 Build the home page
07:44 Build the case study page
08:37 Alignment troubleshooting
09:50 Customize instances
11:49 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/