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:
fonts.google.com/specimen/Instrument+Serif
fonts.google.com/specimen/Jost

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

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

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 👉 www.instagram.com/flux.academy/
Flux Academy’s TikTok 👉 www.tiktok.com/@fluxacademy/