If you're looking to build out a basic (and beautiful) marketing website (without hopes for it to evolve into something more complex), or something like a personal blog, Framer would likely be the best solution.
On the other hand, if you want to have more control and have plans for your site to evolve into something more complex, even that of a no-code web app, then Webflow is definitely the main contender here.
.webp)
This is a category that has gotten incredibly interesting in recent years. With the whole "no-code movement" that platforms like Zapier and Airtable have been allowing for, some tools in the website builder category are starting to evolve beyond just that, and more into the no-code app builder category.
While Webflow is currently the only one in this category that really allows for this, it's super impressive to see the evolution as it unfolds.
So when checking out the apps here, be mindful of what you're looking to achieve with your website building tool as some might be too powerful, while others not powerful enough.
.svg){kind=icon}
A powerful website builder, CMS, No-Code tool (for teams of all sizes).
If you're looking for a powerful and flexible website builder look no further than Webflow.
I will say though, the learning curve is a bit higher than other website builders like Framer or Squarespace. That said, if you have any hopes of your site eventually evolving into a more involved blog, eCommerce store, or membership site (aka anything meaningfully complex), you'd be happy you picked Webflow over the alternative website builders.
Webflow is even sometimes referred to as more of a "no-code web app builder" than it is that of a website builder. And with the recent users functionality released along with all the integrated tools, Webflow is definitely evolving into something a bit more than just a website builder.
If we were creating super basic marketing site or personal website, we might use Framer over Webflow. Even if we wanted to try building a site like this in Framer, it would begin falling apart with any scale.
Fun fact: This site, the one you're on right now, was built in Webflow. It's incredibly powerful, especially when matched with tools like Whalesync. Imagine being able to manage the site database for a site like this one via Airtable or Notion 🤯 Webflow is the king of integration!
Now there's one thing that Webflow is lacking, and that's a proper website analytics tool for some reason 😅 that said, we find Fathom Analytics to be a fantastic pairing with Webflow if you're looking for a modern website analytics and uptime monitoring tool.
The truth of the matter is that even if Webflow added a basic website analytics tool, we'd still continue using Fathom just for speed of accessing it, better control around conversion tracking, and storage of historical data.
This is a fun one... If we were to actually go through the list of our Top Picks, we're willing to bet that the majority of those that didn't go fully custom, went with Webflow.
Here's a few examples:
As mentioned, this site was built in Webflow. Our Efficient VC website was built in Framer. Check out both and you be the judge!
What I can say for certain is that this website could not have been built in Framer—it had tons of limitations when it comes to the database (CMS Collections) side of things. Something that we are heavily leveraging here on this site.
If you need a more simple blog and/or personal website, more used for just displaying data, then Framer is amazing. It allows for powerful animations that are easy to build out-of-the-box. The editor is also incredibly similar to that of Figma (for better or worse).
A website builder that's as easy to use as Figma.
Framer actually started as a mock-up tool like Figma, but has since evolved more into a proper website builder.
People love the animation capabilities and lightweight-functionality of Framer over other more substantial website builders like Webflow. That said, you need to put a lot of thought into if Framer is right for the project at hand before committing to it.
The way we see it, if you're looking to build out a basic (and beautiful) marketing website (without hopes for it to evolve into something more complex), or a personal blog, Framer would likely be the best solution.
If you're looking to scale something substantially larger, planning on investing in a robust blog, or potentially even an eCommerce component and/or membership login in time, Webflow would be the better pick.
That said, Framer is almost as easy to use as Figma. So if you're more a designer and looking to get a website mocked up and built in the same tool, that's where Framer has done an incredible job filling a void in the market.
For example, in framer, you don't need to worry as much about grids, flexbox, and other traditional CSS terminology, whereas with Webflow, it definitely becomes easier to work with if you have some foundational understanding of at least basic CSS.
One of the other great things about Framer is the immense Templates marketplace that talented web designers have been building out. When you have a website builder that's as easy to use as Figma, you're going to get beautiful templates built by amazing designers.
Framer also has basic website analytics included, although you might prefer a more cohesive solution like Fathom Analytics if you want to have a bit more control over things like conversion tracking and uptime monitoring.
Maybe you're here because you've even seen one of the beautiful templates on Social Media and you're considering switching to it for your company site from Squarespace or even Webflow.
Well, to help you understand if Framer is right for you, if we had used it for this site when we first started building it, things would have been great initially. We first thought this site was just going to be a marketing site for our integration services.
That said, as we've evolved our business, Webflow has been there light alongside us, allowing us to naturally scale into a more complex web app. There's no way we'd have never been able to build the site into what it is today (and what it's evolving into) had we used something like Framer.
Since it doesn't use a re-usable class-based approach (like normal web development), it definitely at times makes for frustrating redundant components. While they do have component functionality for re-usable areas, it's more similar to that of Figma, still making it a bit of a pain to build.
That said, if/when we rebuild the site for Efficient VC or my personal website, you best be sure we'll be using Framer to do so!
While Framer has CMS functionality to write things like blog posts and other database functionality, they are missing some more granular features when it comes to the CMS.
For one, there's no "quote" functionality oddly enough, which is actually quite helpful to have in blog posts to further break things out (like this):
Quotes are something that you definitely miss when moving from Webflow to Framer.
The CMS is a database, but not a relational database. So say for example, you have one CMS collection called "Apps", and another called "Integrations", you can't reference the "Apps" CMS collection from the "Integrations" CMS, which results in much less powerful sites.
This is the exact area as to why the site you're on right now could never exist on Framer. There's at-least 5 relational CMS connections on each of our core pages.
You may have seen the Zapier logo or other impressive logos on the Framer website. Or better yet, might have even heard influencers saying that Zapier switched to Framer.
This is simply not true, and it seems to be more these people pushing for validation in their love for Framer instead of actually looking into what these logos actually mean.
Zapier used Framer to display their new brand guidelines over at brand.zapier.com—while this is amazing, it's really just a relatively basic website with primarily embedded videos, animations, and importantly, little to no complexity. This is exactly the thing that Framer is great for.
For Zapier's primary marketing website, that's where you'd need a tool more like Webflow to actually build out the level of complexity and sophistication that is required (take a look through our website here—we have some similar levels to the complexity of the Zapier site).
Both of which have no shortage of relational databases happening between apps, integrations, and blog posts.
That said, Framer does have some great customers using it for their main marketing website.
Here's a few examples:
Just keep an eye out when checking out Framer sites, you'll see they are quite basic marketing websites, which is totally fine! Just trying to get across the differentiation between Webflow and Framer.
Okay, so we've actually rebuilt the Efficient VC site and chose to use Framer, so if you're interested in seeing how a Framer site feels, check out Efficient VC.
If you have a less complex site that you want to load super quickly, have beautiful animations, and a visual interface for editing, and you're comfortable with a design tool like Figma, use Framer.
If you have more complex needs in the site you're building, like the site you're on right now, which has interconnected CMS collections, you'll need to use a more powerful tool like Webflow.
The most advanced UI builder for designers, developers and teams.
Webstudio is building the open-source version of Webflow. Bring your own database, built on edge-functions and modern code.
.svg){kind=icon}
.jpg)
%20YouTube.webp)
.svg)
