Designing a Website Homepage Using Figma (Under 20 Minutes)

Описание: Meet designers at your level each month. Share work, swap notes, leave with clear next steps. Apply here → https://www.thedrafthq.com/

GET THE Flat Character Illustration Masterclass (60+ step-by-step videos): https://cosminserban.gumroad.com/l/ve...
and learn how to create flat vector characters from scratch.

→ Download your 23 GRAIN BRUSH BUNDLE for Illustrator and Photoshop here: https://cosminserban.gumroad.com/l/hc... ←

In this video you’ll learn how to design a website homepage using Figma from scratch in 20 minutes. Even if you’re a beginner you’ll be able to create unique backgrounds for your website and leverage the shapes in Figma to create an amazing UI design.

We’ll leverage a 1440 Bootstrap grid for Figma: https://dribbble.com/shots/5778082-Bo...

Here’s the Figma board where you can download and use the website ui design: https://www.figma.com/file/QfVPJeQ8Q8...

Here are the steps:

0:00 Intro and inspiration
0:27 Brief for the website design
1:33 Using a Bootstrap grid in Figma
2:44 Tips to design faster in Figma
4:15 Page layout breakdown
5:05 Header design
7:40 Create a unique background
9:05 Benefits section design
10:30 Third section design + icons
13:05 Fourth section design
15:10 Meet the team section design
16:30 Final section
18:50 Homepage design scroll + outro

━━━━━━━━━━━━━━

Find me on Dribbble: https://dribbble.com/cosminserban
Tag me on Instagram:   / cosmindesign  
Website: https://www.cosminserban.com/

#webdesign #design #figma