Why I won't switch to Framer (vs. Webflow)

Подписаться 8 тыс.

Просмотров 4 тыс.

50% 1

Here's why I wouldn't switch to Framer as a Webflow developer. I'll compare Framer and Webflow in terms of User Interface +, Developer Experience Content Management System (CMS), Extensibility with code, Documentation + Learning Material, and Pricing. Seriously don't trust me though I sell a Webflow course.
For my goals, Webflow is the right choice - here's some of the big things I think Framer is missing.
🤝 Try Webflow: webflow.partnerlinks.io/tkf0f...
✂️ FREE Code Snippet Library: code-snippets-sign-up.webflow...
🤝 Premium Bae Content in Patreon: / webbae
🕸️ + 🌊 Advanced Webflow Course (201): www.webbae.net/product/webflo...
🙋‍♀️ Join the Discord: / discord
🐥 Follow Me! / webisbae
🎢 Get 10% GSAP: WEBBAE10
♣️ Creative Coding Club (My favorite GSAP lessons): www.creativecodingclub.com/bu...
00:00 Intro
00:44 User Interface Comparison
03:35 Developer Experience
07:41 Target Users
09:40 Content Management Systems (CMS)
12:30 Extensibility with code
15:35 Documentation + Learning Materials
16:55 Pricing

Хобби

Опубликовано:

5 июл 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 63

@RobHope 2 месяца назад

Ha this had such a great pace to it, no fluff, well done Keegan. All points solid. What I'd add: both teams are solid, both feature rockstars in their respective skill set. Both have quality leadership too. So IMHO investing in either is a safe call (vs other platforms). Then on pricing: that $5/mo Framer Mini with custom domain is very underrated if you want to spin up an idea to get validation (while owning your marketing breadcrumbs, ie. not using a subdomain).

@webbae 2 месяца назад

well said 🤝

@MattCupan 10 дней назад

Framer was so much easier to work with. And cheaper cost-wise. I also figured out it was less stressful to actually just "hand code" stuff with regular old html/CSS. And have since ditched any drag/drop WYSIWYG editors.

@shaneveldhuizen2094 2 месяца назад

I couldn't agree with your conclusions more. Way to balance the scale on this topic!

@robertbillingse 18 дней назад

Awesome video. Thank you. I love Framer how easy it is to work with design wise and their ticker and carousel component that I use a lot. Webflow just feels clunky and "old", but also more flexible. I hate having to choose. :)

@webbae 18 дней назад

haha yea for me the major factor is that the client I want to work with (enterprise) are on Webflow (usually). Framer still a very cool tool. Intrigued by the ticker component you mentioned - going to look in to that. We've got big plans to bring a better carousel experience to Webflow at Finsweet!

@Samuel-abadie 2 месяца назад

Hello ! I liked the fighters images, where did you get it ?

@webbae 2 месяца назад

I made it with midjourney!

@tioass 2 месяца назад

All in Webflow, baby!

@goldenvox Месяц назад

I agree about Webflow University - I'm so impressed, educated, and entertained!!! Thank you for sharing your valuable experiences re Webflow vs. Framer.

@webbae Месяц назад

Glad it was helpful!

@georgy.design 26 дней назад

Absolutely agree with you, Keegan! I love Webflow, and it is undeniably the best overall tool on the market. I find it kinda funny that even though Webflow claims that you don’t need to write code in their headline, they still use a lot of custom code on their homepage, lol.

@webbae 25 дней назад

lol yes at some point I'm assuming they must have deliberating chosen a very specific brand identify (did you read their blog article on motion design systems?) that required it.

@sachinRao15 2 месяца назад

Webflow is the tool for complex tasks that other platforms like Framer struggled with. I've personally had to create multi-step forms and other detailed functionalities in Webflow, then export the code to use in Framer because it couldn't handle them. While both tools cater to different audiences, when it comes to building enterprise-grade websites with intricate features, Webflow is unmatched. If you need reliability and advanced capabilities, it's definitely the top choice in the market.

@duskolo 2 месяца назад

What I forgot to mention is how fast Framer is updating their platform compared to Webflow. Webflow at this point has a lot of pressure from investors to milk their customers and to think about implementing changes two, three, or four times. Every new development costs money and brings a risk of failure if not implemented properly. That's why Webflow is forced to play the safe game compared to a younger platform like Framer. What Webflow did not figure out until today is to give users a tool that really does not require to think like a developer. Webflow still relies on their users to understand HTML/CSS fu damentals like classes, box-model and even doubles down on that with the custom element feature. Pure designers will always have a hard time building in Webflow compared to Framer which feels basically like Figma.

@nazirovahmad4216 2 месяца назад

Hello there. I started building a site in Tilda. I recently switched to Framer because Webflow seemed too complicated. But the CMS in the framer is very simple and has few filters. Where would you recommend learning Webflow? Edit: Do I need to know Html/Css to learn webflow again? if yes where can i study. Lately, the projects given by the clients are getting complicated and my lack of coding knowledge is showing up:( Thanks for answers!

@webbae 2 месяца назад

Webflow University is my favorite resource, aside from my own Webflow 201 of course! You don't need to know HTML and CSS but some general knowledge would help for sure.

@CarlosGomesCabral 2 месяца назад

Your example of using classes to organize layouts in Framer is biased by the way you do it in Webflow. In Framer, you have something much more powerful: Components and variants. Moreover, it’s the same solution that a Figma designer (Framer’s target audience) would also use to solve this issue. If you still prefer to use classes to organize your layouts, you have Code Overrides as an alternative. To work with Framer, you need to adjust your mindset on how modern projects based on React are organized around components.

@corneromme 2 месяца назад

Using components is not even in the ballpark of being the same thing as using classes. Components are for reusable layouts, classes are for reusable styles. Imho you should be able to use both :)

@CarlosGomesCabral 2 месяца назад

@@corneromme But Framer allows you to reuse styles and variables to organize your layout, and each style can have a light and dark mode version. You are looking at the tool from the perspective of how things are traditionally done in code. However, the proposal of Framer is to be a Figma on steroids. The tool offers you resources to organize your layout as intuitively as the traditional model, and this has been evolving even more over time. There has been absolutely no scenario for me where I needed to use classes instead of creating styles, components, or variants. That's the beauty of Framer. And, as I've already said, you can easily use traditional classes through Code Overrides 🙂

@corneromme 2 месяца назад

There is a reason why Webflow offers both components AND classes. Webflow components are more powerful than framer components and they still offer both, why? Because they let you do different things. Classes let you share multiple styles for different elements that use the same class. It’s incredibly powerful. Components are meant to hold multiple elements to create reusable layouts, components have nothing to do with styles. Oh, and as far as code overrides in Framer: yes pretty cool, but you’d need to understand react first. Not beginner friendly at all.

@CarlosGomesCabral 2 месяца назад

@@corneromme Hmmmm, but then we end up mixing things up. Because Webflow is not at all beginner-friendly for those who don’t know much about coding. Framer addresses this by allowing a designer who is familiar with Figma to build complex websites without having to write ANY code. The coding part is for more advanced users who wish to extend the capabilities of the tool. In Framer, you can even create a component in code and allow a novice user to alter its parameters and visual aspects directly through the interface. This is VERY powerful and one of the main distinguishing features of Framer in my opinion.

@webbae 2 месяца назад

Nice points guys - thanks for sharing! I think I should have shared a bit more about components and variants in the video so appreciate the nod to these.

@wfwfwfwfwfwf 2 месяца назад

I'm mostly curious about the class option not being included in Framer. Thats hard to believe. Building a section with multiple cards and reusing the cards in different pages quickly makes building and editing this a drag. Furthermore i am super curious to start using Framer and it might be more like a and/and relationship, instead of either/or.

@webbae 2 месяца назад

They use components and variants a la Figma as a way to create reusable elements

@corneromme 2 месяца назад

I completely agree with you, great video! I still can’t get over the fact that you can only use pixels in Framer, not even REM units.. and don’t get me started on not being able to add a margin.. Framer is a great prototyping tool, not a development tool.

@CarlosGomesCabral 2 месяца назад

Actually, it’s exactly the opposite. You have much more firepower in Framer when you work with code components. You can create a text component that adjusts in size based on ‘em’ or ‘rem’ in just a few minutes if you want. The difference between Framer and Webflow is that its interface replicates exactly the way you create layouts in Figma.

@corneromme 2 месяца назад

@@CarlosGomesCabral I kindly disagree. Having to manually add the ability to choose REM/EM/VW/etc for a single component is impossible to build a big website project with. You should be able to choose all CSS units natively. Also, in no world am I going to reach out to custom code for a simple basic CSS feature such as adding margin to html elements. If I would want to do that, I would simply build a project in Next.js

@zoharmoyal 2 месяца назад

The margin can actually be controlled in Framer by using the Padding option.

@zoharmoyal 2 месяца назад

You actually can control the margin In Framer its called Padding function.

@corneromme 2 месяца назад

@@zoharmoyal nope, you can't. Paddings and margins are 2 completely different things.

@zafit02 2 месяца назад

how its possible framer doesnt have class manager? omg

@webbae 2 месяца назад

They append a unique id to make everything scoped, which can actually be pretty slick and is a great way to handle small apps and sites. It was all the rage with React scoped components for a long time until til tailwind caught its uh…. Tailwind :) now it’s all utility classes.

@corneromme 2 месяца назад

@@webbae I actually love working with scoped styles in combination with the power of CSS, but having the option to use classes is a must have imo..

@sheabrown 2 месяца назад

I adore webflow sites, but I just don't know if I can get behind not being able to self-host

@webbae 2 месяца назад

Code export! But yea it does leave some to be desired.

@webbae 2 месяца назад

Personally I love the managed hosting … I was self hosting a ghost blog for a long time and it was such a pain. Happy to pay for that these days but I can’t totally understand the desire to self host.

@thegeneralyst 2 месяца назад

Hey, I really like your video but I think your knowledge on framer and the features it has to offer is limited. Framer does abstract a lot of it's complexity from the users but if you really dive into it, it has everything you need comparable to webflow and more. I think that framer offers a new way of doing things, a solution that you don't really need to learn HTML or have any coding knowledge in general to build websites as a designer. That said I am still going to learn Webflow because I think It is a great tool to add to my arsenal.

@webbae 2 месяца назад

I’m sure there’s plenty for me to uncover but I tried to be comprehensive with niche things I like to do in Webflow and see how it’s possible in Framer. Thank you for the thoughtful comment!

@user-bo9lu9nj7u 2 месяца назад

@@webbae yes

@user-bo9lu9nj7u 2 месяца назад

true

@corneromme 2 месяца назад

Framer is a great tool, don't get me wrong. But compared to Webflow it lacks a ton of native features. Especially in the CMS department. When you talk about Framer having more features then Webflow, what are you talking about exactly?

@edenassos Месяц назад

Imagine not knowing about Ryu. 6:31

@webbae 29 дней назад

😆

@and2good2 2 месяца назад

Personally I can see why Framer is interesting for specific kind of users. And I like that they clearly are doing things their own way, which is only great for the whole no-code community. For me Framer's biggest drawback is seemingly lack of scalability and which type of website content it seems to be geared towards. For me i can't see any how any of my clients could have their needs filled by the current state of Framer. And as you mention yourself, you more often than not need to do some kind of custom coding. And for me the selling point about not needing to know code is doing their users a big disservice. Sure you can build faster, but as soon as you get more serious with your work, then you are properly going to need to learn some kind of coding anyways.

@CarlosGomesCabral 2 месяца назад

That's why Framer has an integrated coding environment, where you write React code for creating more complex components when necessary. From this perspective, Framer is even more advanced as it uses a more modern development ecosystem compared to Webflow, which is still based on jQuery.

@and2good2 2 месяца назад

@@CarlosGomesCabral I get your point, and sure React is more modern(newer) but saying that one is better than the other is to simplify the question a bit. They are to different tools which is built with different approaches in mind. Just like Framer and Webflow are. And just like any tools, you can build a lot of things with the same tools but some are more optimized for specific tasks. All in all as a Webflow user and a fan of the whole no code community, i'm more than happy that we have a serious competitor to Webflow. I think that in the end both Framer and Webflow will become stronger by pushing each other to do better.

@CarlosGomesCabral 2 месяца назад

@@and2good2 Of course! I'm not saying that one tool is better than the other. I was just answering your comment about not being able to add custom code. Since they don't promote this aspect of the tool much, it might seem like Framer is meant for kids, when in fact, it's an extremely modern tool.   Competition is always good and ensures that all platforms continue to evolve. We are the ones who benefit 🙂

@mschrimmer631 Месяц назад

Can you break down where we should start in Webflow University? The tutorials seem cluttered and there’s no clear process, so I'm unsure where to begin.

@webbae Месяц назад

Howdy! 🤠 peep this! www.patreon.com/posts/91794479?

@mschrimmer631 Месяц назад

@@webbae you got it 🤙🏻

@heatherliu6856 2 месяца назад

Dang someone is STIRRING UP THE POT

@webbae 2 месяца назад

👹

@oikikku 2 месяца назад

I can't find a reason to disagree with you, because there isn't one. It is enough for them to upgrade two things - *cms and grid*. At least for a start. Funny P.S. After watching the video, RU-vid offered me a video called "Switching from Webflow to Framer" :) anyway, thanks for the content ✌🏼

@webbae 2 месяца назад

glad you liked. its a wonderful tool but Webflow is where my ideal client's reside!