Advanced responsive website in Figma

In this tutorial, Maddy demonstrates how to design a beautiful, responsive website in Figma.
Download the starter file and follow along 👉 bit.ly/3yfsoIn
CHAPTERS
0:00 Intro
0:45 Desktop version
28:49 Scrolling animation
30:30 Tablet version
35:45 Mobile version
Learn Figma for Web Design 👉 bit.ly/4dwIddP
📱 Find us on SOCIAL MEDIA
Maddy’s KZbin channel 👉 @MaddyBeard
Flux Academy's Instagram 👉 / flux.academy
Flux Academy's X (Twitter) 👉 / fluxacademyhq

[@itsmeobito6385]

one of the best ever Figma tutorials on KZbin. Cheers! ❤

[@FluxAcademy]

Glad you think so!

[@germantrumpet]

Fabulous! Thank you.

[@FluxAcademy]

You're very welcome

[@teeeenioo6066]

Thank you so much for the video! I have a question about the Milestones hovering effect. After I added all the interactions and trying it in the presentation mode, when my mouse move out of the list group, the default always goes back to the ford car (the first one in the list). It sometimes would also move randomly to other list item before going back to the first item. Is there a way to fix that?

[@Webonso]

Awesome. A lot was learnt here

[@FluxAcademy]

Love to hear that

[@shmanya-non]

Hello! I have been learning web design since April and I have a question. Why we add several frames for each information (I don't know how to explain this)?

[@georgeyuviki]

I think you are talking about auto layout. That is to make it responsive.

[@shmanya-non]

@@georgeyuviki Thank you so much!

[@robbiyoung85]

this is amazing

[@FluxAcademy]

Thanks Robbi!

[@ruddro29]

maddy is the figma Goat 🐐

[@FluxAcademy]

She is! 🙌

[@user-jk9ly8gs2c]

mükemmel anlatım, çok güzel bir video...yalnız tek eleştirim : manuel olarak altyazı eklenmemesi...ingilizce bilmediğim için dersi pc'den izlemek zorunda kaldım. çünkü mobil youtube uygulaması otomatik çeviri seçeneğini sadece manuel olarak eklenen altyazılarda sunuyor...

[@akashchopperla9809]

Hey there is a problem for me. After componetize the milestones frames, while hovering property is disabled, i cant use it. Is there any solution for that

[@LuisGustavo-iu8zp]

you problaly have anoter interaction that is blocking the "While Hovering". Try to remove the interaction of the component and replace.

[@akashchopperla9809]

@@LuisGustavo-iu8zp Thanks man for the info. But i already figured out by figma communinty

[@Kartik_Jaglan]

Just moved to Figma from XD and fuck this shit is goooood....

[@web.deslgner]

The asset website doesn't show the email input form, so we can't build along...

[@RolaYoutube]

Shit tipped me off about 8 tutorials ago... I still finished tho

[@web.deslgner]

@@RolaKZbin Lol, yea the tutorial seems as if I can just use my own imagery

[@FluxAcademy]

Sorry you’re having trouble accessing this resource. Can you try reloading the page and if that still does not work, please click "Help" on our website (bottom right corner) and a member of our team will assist you.

[@RolaYoutube]

@@FluxAcademy the site is broken family No input page for email

[@FluxAcademy]

@@RolaKZbin sometimes the form loads slowly, give it a moment. If you're still having trouble email [e-mail] Thanks