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/Instrument+Serif
https://fonts.google.com/specimen/Jost
Duplicate the Figma starter file to follow along https://www.figma.com/community/file/1476874590947884538
Ready To Master Figma? Check out our “Figma for Web Designers” course https://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 https://www.instagram.com/flux.academy/
Flux Academy’s TikTok https://www.tiktok.com/@fluxacademy/