Webflow Vs Framer Sites

Webflow VS Framer Sites, the duel begins! A new product from Framer called "Framer Sites" was announced in May. It appears to be directly competing with Webflow. It seems like a cool and exciting product. Here we will compare both of them and discuss which is best for what, as well as how to think about it.
We now have a Framer course, check it out here: bit.ly/3XS8Pi3
📽️ CHAPTERS
00:00 - Intro
00:46 - Why are we so hyped about Webflow?
01:44 - Framer Sites Vs Webflow - First test drive
08:33 - Interactions and Animations
10:59 - CMS
12:51 - Conclusions
⬇ Would you give “Framer Sites” a try? Let us know in the comments. ⬇
Don't forget to subscribe to our channel for more Design Content. Click here 👉 bit.ly/33byV7L
📱 Find us on SOCIAL MEDIA
Flux Academy's Instagram 👉 / flux.academy
Ran's Instagram 👉 / ransegall
Thanks for watching our video!
#Framer #Webflow #FluxAcademy

[@matteotiscia]

In Framer, you can apply a stack on the actual breakpoint canvas, this will make it so every section stacks under one another, like Webflow does.

[@1deplatt]

This was interesting. While web flow seems better, it can definitely take some cues from Framer. Framer seems more intuitive and easy to use because the interface is cleaner. Webflows interface is extremely dense. Also, the target audience are designers who are coming from Figma and XD so Framer is visually/conceptually very appealing to them

[@Nonyonah143]

Totally agree with you there

[@crooker2]

The more flexible you make something... The more complicated it becomes. You can't have 'easy and clean' and still offer the almost unlimited flexibility of Webflow. Given the choice, I would rather climb a learning curve than have the software make assumptions for you (or limit control) in the interest of being 'easier'.

[@ABSAKNIGLTD]

I do agree with your point, dense is the right word for webflow interface

[@ridwanmaruf1374]

@@crooker2 Exactly. On point. When it's too easy, then flexibility is compromised.

[@crooker2]

@@ABSAKNIGLTD Its the struggle I have with clients who want their website easy to use... yet they want to do what they want. Easy? Or Control? What do you want? You can't have both. So I build the sites to be 'easy' to do what they NEED to do regularly... and require them to come to me when their needs are a little more robust.

[@RikkiTikki286]

I'm a technical MarkOps manager looking at both Framer and Webflow simultaneously (no previous experience with either). I think Framer is great for a designer or small business, but the CMS restrictions are too much for mid-size companies. The fact Webflow lets you set conditional formatting based on content was enough to sell me on it. The ability to adjust Rich Text on the front end was just....incredible. Not to mention, Framer's lacking multi-reference component is a deal breaker for content managers. So.... Framer: great for independent designers and non-technical teams. Webflow: spend a few extra hours to learn the principles of HTML and CSS and infinitely scale your site.

[@oksanasenior9911]

Thanks

[@ju.ice-der-boi]

I personally think Framer could potentionally make more designers create full fledged websites. They obviously lack a lot of features by now, but I like to see that Framer combines designing (they have a really robust design tool) with front end developement. In terms of maintaining a design system for larger cooperations I really see benefits at framer. As a designer it‘s super easy to just build a design system in Framer & ship it to a developer. Looking forward to see what Framer is up to, especially because it‘s the only European company in the Design game ;)

[@borisperisset4986]

It looks like Framer Sites is combining Figma with Wix. I'm missing many CSS Features and FrontEnd logic so that I'll stuck with their concepts instead of understanding and learning FrontEnd Development. Webflow has it's limitations, - sure - but is way better with helping designers understanding FrontEnd Devs. Embrace the hard learning curve! It's worth it! You don't just learn Webflow, you learn HTML and CSS.

[@infinitedesigns_io]

I was out at "Framer does not have classes". Webflow is much better for serious designers. There is most likely a place in the market for Framer though. Great video Ran! Thank you!

[@sundaydavid]

From what I'm seeing, Framer resembles Figma more than Webflow. Who thinks so too?

[@tofunwatoyinbo]

Yeah I think that's the point

[@chaitanyabharatdokara4978]

Yeah

[@pedroelton7040]

In Framer you can also code in React. It was not even supposed to be compared with Webflow. It can be used for real apps, mobile and web apps, not just statics simple websites.

[@designerph]

Correct. This is the reason why we are sticking with Framer for now because our developer is using React. I think it can also be powerful if you also know how to code because you will have the power to create complex animations and applications.

[@tjveach]

Thanks for doing this Ran, I totally agree, but one to keep an eye on..

[@gammadesignco4102]

Interesting. It does look like it will still have some good use cases and getting to market might be faster for someone who is a designer first since Webflow does have a bigger learning curve. Really does look like a prototyping tool that can actually build the website and launch it. Interesting concept. I wonder how SEO will be handled. I see how it has integrations and other things which looks neat. Kinda cool and competition is nice!

[@HakanErtan]

Thanks for sharing your opinions. Weblow is indeed doing great job with CMS.

[@victorzollikofer1292]

Beautifully compared 🙌 Thanks

[@BigKurcaci]

Thanks for sharing, Ran. I wish there was a special session on UX writing for web.

[@FluxAcademy]

Thanks for letting us know!

[@chidorirasenganz]

In the video and a few commenters bemoaned the lack of classes but classes and particularly webflow’s implementation of them is pretty cumbersome. I’d much rather have a design system with components (with variants & variables (properties)). Not only is it better for designers but users in general vs the verbose and complex classes used in common webflow frameworks.

[@Georgeux]

Before you guys listen to this guy. Please note that he was incentivised by Webflow for his first “Why I won’t be using Framer” video as well as this video. You can look it up. Also he is simply miss directing you. His comparison is bent upon making look framer look bad in its most early stages. He then never reviews it again and it appears as if the the app is stuck in the past.

[@Chelleychelle710]

thats why I had stopped watching FLUX he comes off bias and other things

[@Georgeux]

@@Chelleychelle710 just look at the comments he likes. :D

[@JacquesCoetzerAU]

Couldn't have said it better myself. Ran will probably always be a Webflow shill. FLUX, pixelgeek (who is literally employed by Webflow), Finsweet, Paitdigital etc. are all massive shills and cannot be trusted when comparing other products against Webflow.

[@howuseehim]

I mean he is trying to sell his courses of course he'd say shit

[@frankdot.1864]

Well that’s because Webflow is simply superior. Sure, there are alternatives that work just fine but none come close to Webflow (except Bubble, but they’re a little harder to learn yet way more powerful)

[@vedantkumar2874]

I think the main advantage of Webflow at the moment is their fucking awesome community. I'm new to webflow, maybe it's been 2 months, and have spent countless hours building my 2 websites which look awesome. According to me, if the community wasn't there, and the integrations such as the Finsweet suite, Refokus, and memberstack to a certain extend, along with countless KZbin tutorials, and the made in webflow section on the webflow website, I would've definitely quit long time back. It's so amazing to clone components, while learning how to replicate them by yourself! Moreover, I'm a student, so I've availed the free 1 year student discount code for 1 cms plan annual subscription which is fucking amazing

[@julianTrichardson]

Hey Ran, please do a Webflow vs Vev comparison. Vev has a figma import which i think could be really interesting.

[@edgarasben]

Great quick overview! Webflow is great, but it's lacking some free position tools, which are helpful when starting to design something new. That's where Figma or Framer is good, for those earlier exploration stages.

[@happy-station4155]

I agree, would be nice if i can just pick stuff and move them arround 😅

[@tofunwatoyinbo]

@@happy-station4155 you know it

[@seantubridy3242]

@@happy-station4155 You can. Use position properties like relative, fixed, or even sticky positioning.

[@blazi_0]

I say webflow UI looks so complex, it looks like these old softwares from 90s i hate it. Framers UI looks like figma simple and clean i love it.

[@jaywbus]

Macromedia dreamweaver! LOL

[@oluwakoredeakanbi8714]

I just wanted to say....I reallllllyyyyy love your lighting! Chef's kiss!...it's perfecto!

[@customicemx]

Framer really looks good indeed 👌👌

[@bySterling]

Being very much a visual designer I do have to say hats off to Framers UI and tools and templates/blocks being so much more attractive right out the gate.

[@JonDaiello]

This is super helpful. I was wondering which one would have more overhead down the road as you evolve the site. Webflow may take a bit more time getting up and running, but it sounds like it could save you way more time later because it’s all reusable.

[@jcinthailand]

I gotta say if you know what you're doing with Java both he standard editor and editor x are capable of a lot of complex functionality. Add to that the free form ability to create databases, create relations (relative) and so on, I'd say the Wix platforms are far more robust than framer in those areas. I like using classes and flex box and grids so those are things I'm always looking for as well. Wix has been working on tis, Elementor has done a great job in this area. Framer looks like a fast mock up you can use with canava to grind out something super quick before taking it to production with another IDE. Thanks for the review between these two, I've never used wf so seeing that was plus for me.

[@frankdrolet9439]

I'm a big fan of Webflow, but you can't animate any properties, that's why we use GSAP and other libraries to complete Webflow native interaction

[@HenrikVendelbo]

I felt too limited with Webflow. Not being able to mix in custom React components makes need for any advanced functionality a showstopper. Components are essential to develop a design system. Secondly I cannot create my own templates

[@danvanspam]

In Framer you have the power of React. You can pull in code components in visually, and import design components into code. Webflow is umpteen years older, so you can't really compare the granularity of features, but Framer has a better user experience by far. The point about classes or styles is true, and problematic for reusing styles on multiple components or elements.

[@welling1]

The majority of web flow sites have horrible performance issues. Wonder how this compares.

[@dominiquedegottex2481]

It's like comparing Photoshop to Canva... Webflow still the best as I can see

[@njengathegeek]

Webflow is overall the best, anyway, tools are not much important than what needs to be archived and who is doing it

[@folrry]

Make a Dorik versus webflow comparison please

[@WHhiteMicC]

React and framer motion is the way

[@Smokyghost77]

For the photo cards max width, can't you just create a main component/class and duplicate?

[@Paul-mf7zx]

You can't use Adobe Fonts in Framer, a big disadvantage in my opinion.

[@ruchigupta818]

Can you do a comparison between Framer and Elementor pro as well?

[@crooker2]

I would love for Webflow to implement automatic responsive headers (or text) that scales with the page width to a constrained maximum and minimum (clamp). Framer is not (in my opinion) a replacement for Webflow.

[@Onevideoperday]

Hi thank you for your video, I am a newbie, I would like to have a website, it would include blogs and probably at some point, a shop to sell some ebooks, I wonder what would you suggest. *I was going to use wordpress + elementor.. but now I heard about Weblow, Framer , Wordpress+ bricks and I am a bit lost, please help... I have small notions on html and css thanks*

[@miiishkaaaaaa]

tnk u. if i want simple landing page from one-two product with simple ux i choose Framer. or i need hard design project, some like ecomerce with 100 categories and so many interactions and other design thinks. i choose figma =) i think webflow is more professional tool for designers=developers who have more experience than me =)

[@Anushkai1]

Nice

[@BrentLagerman]

you can do vh in framer now must have been added

[@z3ro7o]

will this replace html and css enz?

[@patmat.]

Webflow wins again, staying closer to the code

[@qwerty12377789]

The first biggest problem of Webflow (in my opinion) is that they think that the future of creating websites is HTML and CSS, but.... it is not true, the nearest future is animation / effects / 3d / AI. And with all this HTML / CSS / CMS old fashioned paradigms, creating effects becoming much much more harder. I worked as front-end dev, I worked with After Effects, I know how it works, but I see that it is useless now, because the website it is not boxes and keyframes. Modern websites are like ecosystem playground. One part of the web could be created in one Spline, other in Figma, other in Adobe, another section created by AI etc and easy connection and work is a key feature now The second problem of Webflow -> very limited free version, I cant even try the work process of coding (in Framer it is free), I can't reuse good-designed templates (in Framer -> hundreds of free amazing templates)

[@king0vdarkness]

have they fixed all the issues you had with framer now?

[@LRSKWTKWSK]

Sorry to say this comparison is really bad. You want classes in Framer? You can add them easily. But even without classes you can do everything with variables. The concept of components is great. Not only for websites but also for webapps. It’s just a different coding paradigm. It doesn’t makes it more limited. Thats just wrong. Framer is much more powerful than you claim here.

[@busimo]

thanks, needed to hear this

[@Ari-lp5bu]

@@busimo Cant we upload framer file to hosting? Or just prototype ui?

[@viktorshmatko3704]

Framer better at least, because it was done on react. Yeah for now it don't have a lot features like webflow. And framer have big future.

[@danherzl]

brother we need a new review!

[@peterjohansson739]

Framer is for anglos using English. Localization pricing is ridiculous.

[@freelancedev9515]

You are a webflow broker

[@androidfarmer8863]

Layers do not, in fact, work like they do in other design software.

[@TolstoyPlastic]

It looks like Framer is much much muuuuch cheaper than Webflow.

[@TaskSwitcherify]

Would be much better if you were already experienced in both tools instead of learning as you go.

[@FluxAcademy]

This video is 2 years old. Check out our recent 2024 content on Webflow v Framer. ✌️

[@TaskSwitcherify]

@@FluxAcademy Link? 🙂

[@danield2398]

Without export Framers sucks

[@SuperQuwertz]

FRAMER HAS COMPONENTS?! This is so awesome, Webflows lack of nested components annoys me so much all the time :D Edit: Also the interactions Framer should be able to offer (I dont know Framer, jus the stuff I read) some of their Framer Motion react library functionallity, which is 1000x better then Webflows interactions. Edit 2: But yes, this does not look so mature. But I will look into it as a replacement for Figma. It seems more powerfull

[@jaywbus]

as a visual person. components system seems amazing on framer.

[@rishiichaudharyy1692]

No one try to make javascript simple HTML & CSS are already simple

[@DesignbyBK]

Framer is easier. But I guess Webflow has more cool things currently. But you can do almost everything in both. Try framer and then learn webflow.

[@alifmeherab8866]

It seems he get commission from webflow thus doesn't want to look framer good 😂

[@Kris-xh6wk]

Very biased ‘review’. Obviously 😂

[@idobedodado]

kind of biased

[@kal4315]

Why do you sound so bias

[@rozhkoaleks]

Yes, but webflow do not support webp image format.

[@dominiquedegottex2481]

That's is wrong... You can even compress image inside of webflow

[@nokk8982]

Framer like a Figma -_-