Using Figma to design a website in 30 minutes!

In this 30-minute Figma design challenge, Maddy needs to create a complete home page from scratch! Facing not only the pressure of the clock but also the requirement to include multiple sections in the layout, will she make it?
Download the Figma file to follow along or try out your own design 👉 bit.ly/4bdJjbP
🎓 Master Figma the right way with comprehensive lessons and 1:1 mentor feedback. Enroll in Figma for Web Designers here 👉 bit.ly/3RmNB9J
📱 Find us on SOCIAL MEDIA
Maddy’s UA-cam channel 👉 @MaddyBeard
Flux Academy's Instagram 👉 / flux.academy
Flux Academy's X (Twitter) 👉 / fluxacademyhq

[@melvindavelaar3801]

Awesome! More of these please 👏

[@FluxAcademy]

Thanks! Glad you like the format

[@TheChromePoet]

@@FluxAcademy You ever think about having Chatgpt to write a prompt for each section of a website individually then using ideogram 1.0 to generate it accurately? the results i got are pretty wild.

[@zeeq7331]

I missed this 30 min design so much. Was fun to watch. Thanks Maddy and Flux!

[@FluxAcademy]

Glad you enjoyed it!

[@RomiD7]

Amazing job! Love your chaotic “okay!” When it came to putting the yellow circular transition half way down the page 😅

[@FluxAcademy]

Thanks! 😅

[@avisa_writings]

Thanks the video - it did give some ideas for me to improve myself as a beginner

[@FluxAcademy]

Great to hear!

[@alexander-s]

This was great! More please (even if they are longer!!)

[@FluxAcademy]

Thanks, good to hear that people are enjoying this format. 🙏

[@kgenextreme]

Great stuff! One thing I always recommend to save time is working with a type scale. Any scale. Top of your head sizes like 14, 19, 24, 48, 96 etc. or go 1.6x base size if you want to be specific. It can easily cut down the time you need to type set in a layout.

[@berniceebenezer1128]

Maddie, this is awesome, really good tips and ideas for designing websites. Keep bringing more of these, please. It’s very useful!😊

[@marianne-fabre]

Perfect format of video ! I love the design (you only had 30 minutes !) particularly the form, the round and yellow background highlights it, it's great ! ❤

[@FluxAcademy]

Glad you liked it!

[@akshay.kumar.3939]

In the starting, at around 6:12 , you said you are being picky but actually you are not. I wasn't designing side by side but was observing what you do, and when you increased the font size, I too was like the spacing is too much, please reduce it, and bam you did that too xD
I guess we Designers think alike 😁

[@jamesmentor4746]

Wow. What a beast! Well done. Commentary was pretty funny too.

[@Tiger1AuasfE]

Very nice, I am a bout to start learn Figma, this inspires me even more 👍

[@FluxAcademy]

You can do it!

[@robertoinnocenzi3626]

5 stars for 30 min job !!!

[@xChikyx]

I'm learning to design these, and this kind of videos is so interesting to watch 🙌🏻

[@FluxAcademy]

Great, hope it was helpful!

[@unsa101]

Super video😍please continue this series. and give 45 min, please

[@MahbubRahman-q2j]

Flux Academy tutorial always good & more effective & this design really awesome...thanks @Maddy Beard

[@FluxAcademy]

Glad you like it!

[@juls2334]

Great job, Maddy! 💗💗

[@FluxAcademy]

Thank you! Not easy

[@garethellison01]

I always tell myself "you design what a website 'can' be. Not what it should be." Give people something they don't expect. Making the experience a memorable one. Because of this it takes me around an hour to even design 1 section. Doing a whole page in 30mins! 🤯

[@FluxAcademy]

You should have a go! (just for fun, not for a client 😉)

[@marcinzale]

Good work! 👏

[@CieloSkin]

Awesome! What software do you use for screen cast/recoding?

[@fatimasbee]

Thanks for this

[@DANNFIGDESIGNS]

You did a wonderful job. :)

[@daliafatima8463]

Need your amazing course 🚀

[@its_abi_and_you]

Cool ! 😍

[@007khowlage]

How you can cut the circle ⭕ for board?

[@ziyad-lx4gt]

Good morning thanks

[@YasserShaaf]

what was the action that done in 4:20?

[@FranciscoRestivo96]

My type

[@billysheppard5368]

How would I contact you if I wanted you to do some work for me?

[@Tomato-Tomahto]

can someone please help break down the last part of the video where Maddy was trying to create a transition using a mask and shape? i have spent like an hour trying to recreate it and the thing seems to break every time. Helppp

[@ivpavlovic1137]

Same here! It would be really helpful if someone could break it down step by step

[@NiHiKata]

No 12 colums?

[@cliphord_kapelo]

As a beginner, I don't think I can even manage doing what you have done in 30 minutes.

[@mehsterSkeletor]

Gee, you don’t say?

[@FluxAcademy]

Don't get disheartened! It takes time to grow

[@cliphord_kapelo]

​@@FluxAcademyThank you

[@Ibokimoh]

dyg😅, welldone maddy 👏

[@k16e]

Reviewing the brief should be included in your 30...haha just trolling

[@FluxAcademy]

Don't forget to include turning on your computer and making a cup of coffee as well.

[@k16e]

@@FluxAcademy Nice one love the humor