Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Design Your First Website in Figma - A Beginner's Guide

Flux Academy via YouTube

Overview

Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
Learn the essential tools and techniques for designing websites in Figma through this comprehensive 2-hour video tutorial. Master the fundamentals of Figma's interface, including frames, styles, and grid systems while building a complete website design from scratch. Progress through practical sections covering navigation design, hero sections, content layouts, and responsive components. Create professional design elements like buttons, work portfolios, service offerings, team profiles, testimonials, blog sections, social media feeds, and footers. Follow along with provided starter files to gain hands-on experience with Figma's core features and design workflows. Develop the confidence to tackle web design projects by understanding layout principles, component creation, and styling techniques demonstrated throughout this step-by-step guide.

Syllabus

Figma layout
Overview of starter file and resources
Frames
Styles
Buttons
Grid
Navigation
Hero
Section - We work with all dog breeds
Section - How we can help
Section - About us
Section - Reviews
Section - On the blog
Section - Instagram feed
Footer

Taught by

Flux Academy

Reviews

Start your review of Design Your First Website in Figma - A Beginner's Guide

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.