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

YouTube

Web Design For Beginners - Figma Sites Crash Course

Flux Academy via YouTube

Overview

Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
Learn how to design and publish a fully functioning website using Figma Sites in this comprehensive 1-hour 28-minute crash course. Transform a rough sketch into a professional website design optimized for both desktop and mobile devices. The tutorial covers essential web design skills including sketching layouts, working with templates, implementing auto layout, typography, creating custom components, designing buttons, ensuring accessibility, adding interactions, and making responsive designs. Access helpful resources like Google Fonts and a starter Figma file to follow along, though note that Figma Sites requires a paid subscription. Perfect for beginners looking to quickly develop practical web design skills with one of the industry's leading design tools.

Syllabus

0:00 What you’ll learn
5:02 Sketching layouts
6:18 Layout templates
8:53 Selecting and editing
11:43 Grids and guides
13:11 Auto layout
18:01 Embeds
20:53 Preview
21:22 Layout templates: Features
25:07 Typography
26:15 Resizing images
31:14 AI writing tools
33:08 Typesetting
35:31 Logo wordmark
39:50 Variables
41:48 Custom layouts
45:25 Button design
50:10 Freefrom layouts
55:56 Corner radius
58:42 Accessibility
1:02:22 Interactions
1:10:23 Responsiveness
1:24:58 Publishing

Taught by

Flux Academy

Reviews

Start your review of Web Design For Beginners - Figma Sites Crash Course

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.