Learn Webflow in 2024 (Beginner Crash Course)

[@backpacker57]

Definitely the best tutorial I've seen. After probably more than 50 tutorials, yours is the one that made me understand what the others could not. Thanks so much. Unbelievably valuable. I'm now a subscriber.

[@FluxAcademy]

Great to hear! Thank you

[@drylitas]

I would like 365 videos like this by 2025, even if it's just 1 per month

[@drylitas]

​@@FluxAcademyI would like 365 videos like this by 2025, even if it's just 1 per month

[@ianmbuya9217]

Finally been able to actually do something on webflow, Best Tutorial ive come across

[@SyedMuneebAli]

I am a Visual Designer, I want basic stuff about development but this really helped me understanding the structure and design. Love it!

[@FluxAcademy]

Great to hear!

[@JohnSavin-pz8qv]

This video closed me on doing the course. Explained in a way that gave me better confidence to build in WebFlow.

[@FluxAcademy]

Love that!

[@anonymousalone1434]

I have been a developer since the time there was no react or all these advance tutorials, I have worked with some big organisations as a UI/UX developer writing lots of code- all my life I have told inters or new people is that all u see is boxes and u need to put things properly in the box. You said it so correctly it’s boxes inside Box it’s all box

[@carloscodling5084]

Right!

[@ASAP-w5l]

I'm Korean and I've never worked in design before. I stumbled upon this video because I'm interested in webflow, and it's really helpful for a beginner like me. I understood the concept of how each feature of webflow is used. Thank you.

[@FluxAcademy]

Great to hear

[@Jessesmithmail]

Hands down the best tutorial ever. I have a degree in digital publishing and I've been learning web design for the last 4 years. One the biggest frustrations is poor teaching.

[@FluxAcademy]

Glad it was helpful!

[@anonymousalone1434]

You know how beautifully you explained this better not many people have such great clarity, if you could be a coder with this clarity you can design wonders in UI/UX many kids from ivy leagues did not had this good clarity with design.

[@sales.vanquisher]

Thanks Ran, just finished the lockdown playlist for web design. Before I start designing, thought I could know my way through Webflow. #selfwebdesigner One love sir. I just understand you better.

[@RockstahRolln]

Ran you never fail to impress me with all your videos... this was brilliant! In fact I signed up for your course because of the way you explain and go through every step in your videos. Thanks for all you do and share with us

[@FluxAcademy]

Thanks! Excited to see you in our community!

[@therunaway3547]

Great tutorial. Watching this makes one wonder why they would ever deal with a service like Wix. Webflow is such a beautiful, intuitive and robust tool for anyone with a background in design.

[@UmairUlhaque]

Many thanks, Ran, it has been a very easy-to-follow and useful tutorial. I thought I was late to build my skills on Webflow but I got motivation from you.

[@FluxAcademy]

Great to hear!

[@shelbytessier6508]

Best tutorial I've seen! Really appreciate the way you highlighted and explained all the boxes in a visual way!

[@FluxAcademy]

Glad it was helpful!

[@nerathevannuavan4974]

​@@FluxAcademyCan We Able To Create Weather API Like This Without The Code?

[@lilianesoares2453]

Great! Now I have my first webflow project! It was amazing class, very good going to the point! Success! Thanks

[@FluxAcademy]

Fantastic!

[@parv_jani]

I am working on my new website for my own brand and this is very very helpful. Thank you!

[@FluxAcademy]

Glad to hear!

[@swapnilkawade]

Wow -very simple and interesting way of teaching - appreciate 👏

[@augdan88]

Loved the video. I understand designing on Webflow much better now and the tutorial was easy to follow. Amazing job!

[@FluxAcademy]

Awesome! Glad that this was helpful for you

[@TinaKumari-zj1rn]

JUST LOVE THIS!!

[@User-uj6ie]

I'm Palestinian and I appreciate your videos 🥲☮

[@actualherb]

I’m Scottish and I appreciate your comment 🎉🎉😢😢

[@Temp-j2x]

Hey buddy more love you too you brave guys , how was the situation now. ❤

[@ShereenAli-kc1ze]

May Allah protect you and grant you victory

[@ayoubthegreat]

​@@ShereenAli-kc1zeAmeen 🕊️

[@jeyqwe8623]

Hello, this is me before watching this tutorial. I never tried web designing and i dont know anything on webflow, ill leave my answer after finishing this tutorial and try to make a site. I trust you Flux

[@FluxAcademy]

Can't wait to hear your thoughts!

[@honeynet]

Super detailed and easy to understand, well done!🎉

[@MoniHuang]

Hi Ran, At 4:26 in the video, the body has three sections. Why are three Div blocks added within a section instead of adding three sections? I don't quite understand the logic here. I'm wondering if others have the same question as I do.🤔

[@FluxAcademy]

Becuase if the page was longer, there would be other sections, and you'd like to put the BG image only on the first section, so you need to wrap them in a DIV

[@ChitraSutraSanchaya]

Thank you so much!!! It really helped me to start working in webflow.

[@FluxAcademy]

Great to hear!

[@estevao_fsilva]

Nice, thanks for sharing, i'm really interested to get into this, looks like interesting.

[@FluxAcademy]

Have fun!

[@westfield90]

You teach so well

[@disco.jellyfish]

This is actually very straight forward. Not as "complicated" as many people claim it to be.

[@rajaaibourhan8375]

by far, the best tutorial.

[@Jessesmithmail]

...just when i felt stuck here comes this AMAZING tutorial!

[@anarchoflow]

Man that was so helpful and actionable. You're a very good teacher, I built right along with the tutorial. I'll look in to the masterclass! Cheers.

[@FluxAcademy]

Thank you!

[@carloscodling5084]

Amazing! Thank you

[@oogabooga98]

Great video! Thank you

[@marianzozaya7687]

Great tutorial! Thank you

[@masterstubborn9947]

Great tutorial 😍❤

[@pikachu20245]

the best video tutorial about webflow

[@FluxAcademy]

Thanks!

[@Eric-Sweet]

I hope Webflow pays you. There content is creative. Your content is concise and all the essentials to get to functionable for someone who has no experience.

[@FluxAcademy]

Thanks! Happy to hear.

[@vnixz]

by far the best one that has helped me understand webflow, the webflow uni tutorials are atrocious

[@FluxAcademy]

Glad to hear it helped!

[@movie.lover.]

Need a tutorial on responsiveness ❤❤

[@lcnbn]

Muchísimas gracias por el excelente tutorial! me ayudó bastante con una tarea de la uni

[@gerry4221]

Keep on updating~~u've got this.

[@nextzombie7143]

I loved! I'm a little scared that AI will replace us when it comes to making websites

[@SappPictures]

It can be scary, but that will not happen anytime soon

[@shahriarkhaneasan3268]

Always Best!😍

[@katewolfson505]

Amazing tutorial, thank you! Might be comfortable for Figma users, gonna move to webflow right now

[@ceneisamarvida6032]

That was perfect.

[@BuseDolmac]

Amazing tutorial absolutely.

[@swordandsorcerergaming]

great tutorial, thank you so much for sharing

[@VimalrajMothiravally]

Thank you for this tutorial.

[@ProfitPrincess0]

I’m trying to recreate Jacob & co website, it’s so hard! Maybe you can make a tutorial on how to recreate such complicated website, that includes advanced animations?

[@FluxAcademy]

Had a quick look and it's definitely possible in Webflow. Our Webflow Masterclass covers advanced animations.

[@ProfitPrincess0]

@ can you do a yt tutorial on such animations?

[@ximena-cuenca]

Great tutorial to help choose!

[@tjveach]

Very well done my friend

[@uchihaexzox1152]

Want more like, this is very easy to learn with you

[@ehabomar2656]

Thank you for your efforts and very good and clear explanation. It will be appreciated if you make video for responsiveness for this design especially.

[@HaiderAliCreative]

amazing tutorial

[@tomascech6772]

Clever and pretty. This guy is a full package.

[@FluxAcademy]

🙏❤️

[@rizkihidayatulfadli]

24:44 "You can stack" Looks like you are using Framer, is it right?

[@FluxAcademy]

haha, there's a reason framer called it stack - beacuse it make sense for this usecase.

[@sadepennbrook]

Make sure you’re always referencing your layer hierarchy when applying styles. In fact, just keep them open and visible the entire time. I get easily lost and confused on what’s affecting what. On the part you started adding padding and margins to the content, I immediately forgot what your layers looked like and what had what in it when you panned away. So I don’t know to what hierarchy did you start adding padding to: the Body or the wrapper containing the hero content. I am so bad at hierarchy and it easily confuses me, I need to have a visual reference at all times to figure it out. 😰

[@abigailgrace1191]

This is super helpful! Thank you so much!

[@FluxAcademy]

Glad it was helpful! Thanks Abigail

[@aahanmansuri3071]

First Student 😀 👨‍🎓

[@FluxAcademy]

Welcome!

[@mircoschafer8800]

Hi Ran, great tutorial, just build it with the assets you provid. One question: Can you explain why the images in the card div are slightly more left. The padding on the card is 7px in the tutorial, also in your tutorial if you look closely the white border on the left side seems visible thinner than on the right side. when i change it to 9px left and let it on 7px right padding, it seems "centered". Why isn't it centered with 7px left and right. I don't get it, but want to "understand" it. Would be great if you could clarify. Thanks a lot. Best from germany

[@lawrenzo1109]

Thanks Ran. I love Flux Academy’s content!🔥👍🏻

[@FluxAcademy]

Appreciate it

[@firuzemahmudova4094]

Thank you very much

[@gracemar3078]

This was very helpful. Thank you!

[@FluxAcademy]

Glad it was helpful Grace!

[@ahmedai_tech]

If you can design it in Figma and transfer it wo Webflow, why would you go this way. I would be happy is someone would explain

[@empanada420]

Super insightful! 😮

[@FluxAcademy]

Appreciate it 🙏

[@vmee]

"Just add some videos about animation & interaction, and you'll complete the Webflow game!" FLEX

[@Interstellgretz]

About to get started on my first ever independent site , chat gpt told me web flow is number one on the list for some of the things I would like to see on my central hub , really floating bubbles and like a roller coaster going through the site , does it show where the links will lead .?

[@believe2344]

this is so helpful! Thanks :)

[@FluxAcademy]

Glad it was helpful!

[@daliafatima8463]

Amazing !!!

[@Fluent_English_Club]

Plz help!!!! 🙏 How can I connect my wrbflow login & signup pages to USIP or somewhere else???

[@patrickpuma]

Thanks for sharing. New sub

[@Miltonhn]

Thanks for this video, I have been following the webflow 101 tut, but they make a lot of mistakes there and takes forever to build just a very simple example.

[@FluxAcademy]

Glad it helped

[@Supreme_bihari]

nice explanation sir thnx for this.

[@FluxAcademy]

Most welcome

[@Supreme_bihari]

​@@FluxAcademy All of your viewers have to appreciate for this level of work and explanation.

[@GizemArak]

Thanks for the video. I have a problem with the HERO SECTION. It shows up a little space of the BODY and while adding a photo, it's just a little part appears in the little HERO SECTION. Can anyone please help me with this?

[@ayodeleadeyemi965]

From Nigeria 🇳🇬 thanks for this video

[@Poncki]

Awesome video! When is part two?

[@FluxAcademy]

What would you like to see there?

[@xypher1288]

How to make it responsive for phone layout?

[@omairhussain86]

I see that you don't use 4px or 8px grid system in this design. Is there any specific reason?

[@markusbuls9469]

Wow, insane video editing. I got inspired by these animations and sound effects. Are you doing edit by yourself? Or you have a editor?

[@FluxAcademy]

We have a team

[@fivati5126]

Why is my nav-buttons-wrapper 3x bigger compared to your size and I can't find where I can make it smaller.

[@fivati5126]

Also the blur doesn't work for me

[@Technical_Ved]

Gorgeous 🥰 video 📸

[@GoneVoices]

Can you also put a course together to teach us how to design websites pretty please ?

[@FluxAcademy]

Our new course Web Design Masterclass might be just what you are looking for? You can get it for 30% off until the end of Wednesday (2 Oct)

[@badrulislam840]

Can anyone tell me why should I use webflow for website development ? it is 10 times hard to code here than wordpress. Please guide me about the benefits of using webflow.

[@Aeybd]

Thank you

[@bisbireto303]

Hello everyone!, does anybody knows why flexbox space between works different in a section and works different in a container? I have seen in containers it leaves space in the left and in the right.

[@CuteM.G295]

Bro Your Very Execellent Web devolopment

[@bigbailey1489]

In framer am I able to create a navigation, for instance I have a camera, I want the navigation to be the cameras navigation on the right. could I do something like that. PS its going to be a photograph website/portfoilio, this could impact other sizes for etc:mobile, and tablet. If you understand what I mean! Great video easy to follow edit: just realised this is webflow

[@whatsgoinon150]

can you specify what you mean by ,the cameras navigation’ ? How should the interface look like, any specific camera model? etc

[@bigbailey1489]

@@whatsgoinon150 I am talking about the dial on the right too select certain modes

[@OnlyGODTylkoBOG]

Can I do backend here?

[@mahadironnie3508]

just finished the video. I think it's kinda similar to figma. I'm a figma designer. willing to learn a new app. i saw some videos about webflow, framer and wordpress. one of my friend is currently working with wordpress. so i wanted to try a new one. I'm basically focusing on designing and building no code animated websites. which platform would you suggest for me so i can design and animate a website without or with less limitation on my thinking. I'm currently doing my bachelor in CSE, will have few coding knowledge in upcoming year but not much. Thank you for your Concern.

[@FluxAcademy]

Webflow is currently the most robust when it comes to animations

[@faithwanjikukimani4840]

I can't seem to download the working files in most videos. I don't know if it's just on my end

[@FluxAcademy]

Hi, Sorry you’re having trouble accessing our resources. Please click "Help" on our website (bottom right corner) and a member of our team will assist you.

[@MultiSciGeek]

Excellent! I need a second crash curse - specifically adding more complexity (I mean this is just a landing page, as well as animations, transitions etc. Also - any simple way to make a dark mode light mode and language toggles?

[@Webskymountain]

great tutorial but I am not getting the files to follow along with

[@FluxAcademy]

Sorry you’re having trouble accessing this resource. Please click "Help" on our website (bottom right corner) and a member of our team will assist you.

[@rananadeemrananadeem7319]

Great

[@ProdbyPackTV]

This reminds me of a newer version of Dreamweaver for those who remembers that

[@jovana3994]

how is this program called? look great :)

[@pedja1238]

Webflow

[@Mania26]

How to give this to client? Client have to pay for plan or what? No one is talking about it! Help pls.

[@FluxAcademy]

There's a cost for the domain and hosting of any website.

[@Mania26]

@@FluxAcademy u did not help at all...Yea i know im no stupid. But what plan and how to migrate website to client's account?

[@FluxAcademy]

@@Mania26 Webflow knowledge base and support can hep you with this. Best of luck!

[@MartijnWarson]

I don't receive a mail with the content. I've tried it 2 times.

[@FluxAcademy]

Email [e-mail]

[@danmoody2763]

same

[@AudreyLamarr]

How to connect the webflow design to a database

[@FluxAcademy]

Webflow has their own database (CMS), but you can also link an external one

[@TylerDurden-mv9vd]

Why is there no lesson on responsiveness? PX units are difficult for responsiveness, maybe you could make a lesson on that

[@FluxAcademy]

This is a quick "crash course". We have videos on responsiveness and accessibility on the channel.

[@m_anees123]

❤

[@mohidchaudhry-y8w]

On a serious note should I convert to web flow because I am a pro at WordPress and know the inns and outs and I'm making money from it but I'm still young so should I convert due to the future.

[@mohidchaudhry-y8w]

Also with its compatibility with e commerce, plug inns and hosting services etc

[@nicolasfiore]

Oh look, a box model. I wonder where I've seen that before 🤔 Ah yes, that's exactly what HTML is. 😂