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/... 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: / figma LinkedIn: / figma TikTok: / figma Figma forum: https://forum.figma.com/
![Add prototype connections: Figma Design for beginners [12 of 13]](https://i.ytimg.com/vi/ScsAc99PT_w/hqdefault.jpg?sqp=-oaymwEjCNACELwBSFryq4qpAxUIARUAAAAAGAElAADIQj0AgKJDeAE=&rs=AOn4CLCk661dkzYj-YeD-9nIPw-uQfUb7w)
Add prototype connections: Figma Design for beginners [12 of 13]

What is SonarQube | Introduction SonarQube | SonarQube Tutorial | SonarQube Basics | Intellipaat

Your Background Removal Technique is Killing Your Designs
![Create the skills list: Figma Design for beginners [10 of 13]](https://i.ytimg.com/vi/9g04XTM_clE/hqdefault.jpg?sqp=-oaymwEjCNACELwBSFryq4qpAxUIARUAAAAAGAElAADIQj0AgKJDeAE=&rs=AOn4CLBmdC40QPdZS7kEGagFDEMrtzxZ9Q)
Create the skills list: Figma Design for beginners [10 of 13]

Rural Countryside Field Path Oil Painting | 4K Vintage Wallpaper Art Screensaver | Vintage Frames

Figma for Edu: Learning Auto Layout workshop

A Guide to Auto Layout: Best Practices, Tips & Tricks | Figma

Build a Design System - Full Course

Figma tutorial: Intro to variables

New Jellyfish Aquarium • Healing of Stress, Anxiety and Depressive States • Goodbye Insomnia #30

Figma Make tutorial: Getting started

Figma Design for K-12: Using frames

Office Hours: Introducing grid in Figma

Designing With AI: Claude, Codex, Figma | Full Guide

Listen and Feel the Peace | Tibetan Healing Sounds for Deep Meditation, Inner Peace & Soul Healing

Learn Web Design For Beginners - Full Course

How to Wireframe in Figma in 2026

Figma for Edu: Smart animate with Figma Design
![Create the case study page: Figma Design for beginners [5 of 13]](https://i.ytimg.com/vi/G9ojik2MEeQ/hqdefault.jpg?sqp=-oaymwEjCNACELwBSFryq4qpAxUIARUAAAAAGAElAADIQj0AgKJDeAE=&rs=AOn4CLCGQMUBK-7TvYxNqO1OHqBZojHGag)
Create the case study page: Figma Design for beginners [5 of 13]

