Using Figma to design a website in 30 minutes!
August 6, 2024 2024-08-06 16:57
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 👉 https://bit.ly/4bdJjbP
🎓 Master Figma the right way with comprehensive lessons and 1:1 mentor feedback. Enroll in Figma for Web Designers here 👉 https://bit.ly/3RmNB9J
📱 Find us on SOCIAL MEDIA
Maddy’s YouTube channel 👉 @MaddyBeard
Flux Academy’s Instagram 👉 https://www.instagram.com/flux.academy/
Flux Academy’s X (Twitter) 👉https://twitter.com/FluxAcademyHQ
source
Comments (26)
@unsa101
Super video😍please continue this series. and give 45 min, please
@NiHiKata
No 12 colums?
@its_abi_and_you
Cool ! 😍
@007khowlage
How you can cut the circle ⭕ for board?
@MahbubRahman-q2j
Flux Academy tutorial always good & more effective & this design really awesome…thanks @Maddy Beard
@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.
@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 😁
@billysheppard5368
How would I contact you if I wanted you to do some work for me?
@Tiger1AuasfE
Very nice, I am a bout to start learn Figma, this inspires me even more 👍
@Midland_Wolf_71
I was designing websites over 20 years ago, we literally designed each page in Photopshop, building buttons and button states in Image Ready, exporting it all out as sliced graphics (heavily optimised for slower internet speeds) and then recompiled with Dreamweaver in a WYSIWYG environment, learning the code as went along.
It was soooooooo much work compared to these new tools. I've not done any webdesign since around 2005 but may just dip my toe back in the water with some of these new tools as they simply look like page layout apps (Indesign stylee).
@DANNFIGDESIGNS
You did a wonderful job. 🙂
@CieloSkin
Awesome! What software do you use for screen cast/recoding?
@fatimasbee
Thanks for this
@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
@jamesmentor4746
Wow. What a beast! Well done. Commentary was pretty funny too.
@berniceebenezer1128
Maddie, this is awesome, really good tips and ideas for designing websites. Keep bringing more of these, please. It’s very useful!😊
@FranciscoRestivo96
My type
@alexander-s
This was great! More please (even if they are longer!!)
@xChikyx
I'm learning to design these, and this kind of videos is so interesting to watch 🙌🏻
@ziyad-lx4gt
Good morning thanks
@RomiD7
Amazing job! Love your chaotic “okay!” When it came to putting the yellow circular transition half way down the page 😅
@k16e
Reviewing the brief should be included in your 30…haha just trolling
@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! 🤯
@daliafatima8463
Need your amazing course 🚀
@marcinzale
Good work! 👏
@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 ! ❤