Design A Website In Under 1 Hour With Figma



Check out my courses and become more creative!

Check out Web Dev Simplified Here:

Design A Website In Under 1 Hour With Figma

Today I am super excited to bring you a full website design from scratch video using figma. We are going to learn how to use all the tools that figma gives us to create a website design in just under 1 hour.

I will also teach you how to prototype in figma, design a logo and structure all the pages that we are going to be designing.
These concepts don’t only apply to web design, you can implement these techniques in apps, games and more.

This video is intended to help beginners learn about web design (color theory, fonts, structuring, creating CTA’s) to create nicer looking websites.

❤Become a patreon for exclusive videos and more!

Microphones I Use
Audio-Technica AT2020 – (Amazon)
Deity V-Mic D3 Pro – (Amazon)
BEHRINGER Audio Interface – (Amazon)

Camera Gear
Fujifilm X-T3 – (Amazon)
Fujinon XF18-55mmF2.8-4 – (Amazon)

PC Specs
Kingston SQ500S37/480G 480GB – (Amazon)
Gigabyte GeForce RTX 2070 – (Amazon)
AMD Ryzen 7 2700X – (Amazon)
Corsair Vengeance LPX 16GB – (Amazon)
ASRock B450M PRO4 – (Amazon)
DeepCool ATX Mid Tower – (Amazon)
Dell Ultrasharp U2718Q 27-Inch 4K – (Amazon)
Dell Ultra Sharp LED-Lit Monitor 25 2k – (Amazon)
Logitech G305 – (Amazon)
Logitech MX Keys Advanced – (Amazon)

DISCLAIMERS:
I am a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for us to earn fees by linking to Amazon.com and affiliated sites.

📔 Materials used in this video:

Images and Code:

🛴 Follow me on:

Twitter:
Github:

🎵 Music:

Outro:
LAKEY INSPIRED – Me 2 (Feat. Julian Avila)
Music By:

Intro:
Dj Quads
Track Name: “Every Morning”
Music By: Dj Quads @

Creative Commons — Attribution-ShareAlike 3.0 Unported— CC BY-SA 3.0

22 comments

  1. Making this site was a ton of fun. Thanks so much Ed for creating this amazing design! It was really fun to work through the difficult parts of programming this site.
    After you are done watching this amazing video, make sure to come checkout part two on my channel where we program the entire site in under an hour! https://youtu.be/RZ-Oe4_Ew7g

  2. Thank you for this wonderful video. It really is a great resource for me. I've learned a lot from your video. Good job!

  3. Wow I didnt know that you could make a website with Figma, Thanks for all of the tips and tricks you showed us.

  4. I can't find the landing page girl file, I know nothing of what I'm doing at this point and step 2 is stomping me on the curb.

  5. That's very nice that you are good at simplified things out. I actually really enjoy your creativity and perfectionism until you misspelling "About Us" haha.

  6. Hai, can anyone help me. If I do prototype preview in my web design it's size not match with my laptop screen size..please help me… If anyone knows…

  7. The thing that you don't show for beginners how you use to past all this pictures and stuff to layout, as design this is cool but how you actually do it step by step?

Leave a comment

Your email address will not be published. Required fields are marked *