Figma Crash Course 2025: Responsive Website Design

In this free crash course you will learn how to use Figma to design a website, turning a rough sketch into a beautiful design for both desktop and mobile devices.

No prior knowledge is required for this course but we are going to cover a lot of ground including working with text, shapes and images, masking, gradients and effects, auto layout, components and prototyping.

Install the fonts before you begin:
https://fonts.google.com/specimen/Ins...
https://fonts.google.com/specimen/Jost

Duplicate the Figma starter file to follow along 👉 https://www.figma.com/community/file/...

🚀 Ready To Master Figma? Check out our “Figma for Web Designers” course 👉 https://bit.ly/4igLZtq

FREE TRAINING: 3 Steps to Build a Thriving Web Design Career 👉 https://bit.ly/3Tiua2G

CHAPTERS
0:00 How to get started
3:34 Reviewing provided assets
6:03 Desktop frame
7:20 Images
11:20 Text
37:38 Plugins
40:50 Auto layout
58:34 Button design and prototyping
1:35:20 Mobile version

📱 Find us on SOCIAL MEDIA
Matt's YouTube channel 👉 ‪@MattBruntonUK‬
Flux Academy's Instagram 👉   / flux.academy  
Flux Academy’s TikTok 👉   / fluxacademy