Framer vs Webflow: 2h Build Challenge

Рет қаралды 17,699

Күн бұрын

Пікірлер: 63

@thebelguinha 3 ай бұрын

I really see Framer growing next years and being a strong competitor to Webflow. It's so easier than Webflow to make animations and effects. You feel the website is more polished and well finished in less time spent. Webflow may still be better for more complex projects, but I really see Framer getting to that point at some time.

@FluxAcademy 3 ай бұрын

Thanks for the comment. We're hearing a lot of similar reflections to this.

@samcraig3700 3 ай бұрын

As much as I'm inquisitive and intrigued with Framer's interesting technique of developing websites, Webflow remains the preferable alternative.

@FluxAcademy 3 ай бұрын

It's good to review what's out there, periodically

@calbiecreative3555 3 ай бұрын

Webflow for me on this one! You can definitely see the maturity of the platform in how fewer "hacks" were needed to achieve a very high-quality result, even fairly far into the responsive process. That being said, Framer did exceptionally well and it's a much younger player in this part of the market so huge KUDOS to the folks behind that excellent platform. I personally find Webflow to still be a much better platform overall to manage large sites just because of classes alone, never mind the other stuff. Another thing to note is that both Ran and Matt are AWESOME at what they do... I would have probably gotten stuck on the inverted corners and made Webflow look like a complete failure! And Matt's handling of the horizontal scroll showed some seriously sharp thinking in my opinion. High fives all around guys!

@zinzamailer1601 3 ай бұрын

If you will specialize in designing landing pages and sales funnels, which one do you prefer with your experience? If you will provide it as a service to customers, which tool is better?

@calbiecreative3555 3 ай бұрын

@@zinzamailer1601 Either platform could easily work for landing pages. I typically build informational business websites and not "sales funnels" exactly, but my biggest differentiator when it comes to Webflow is the sheer power under the hood (classes that makes it SUPER easy to make global changes, components, a hugely flexible CMS) and the ease of hooking in custom JS and CSS to overcome most native limitations. Landing pages being just one page, it's not going to be as important to use a tool like Webflow because some of its biggest strengths lie in when websites become much more complex - Framer will easily work just as well if not even better depending on what you need to build. It's not without its frustrations (there are couple major headaches with it, such as its hosting costs especially compared to Framer, and native limitations with CMS collection nesting (only one nested collection per page, with a total max of only 20 CMS collections per page). Overall, one of the common threads with either platform is who's using the tool. Designers that are used to using software like Figma will very quickly find their feet with Framer, while Webflow has a steeper learning curve (which I think is actually one of its benefits) which is a bit more developer-oriented.

@FluxAcademy 3 ай бұрын

Thanks!

@antonbeer3213 16 күн бұрын

Man, that Quarter Snacks cap is sick! I didn't even know they had merch!

@chaitanyabidkar3196 3 ай бұрын

Love the way no-code is advocated here

@saiful_islam_munna 3 ай бұрын

Framer is quickly becoming a strong competitor to Webflow. It's easier to create animations and polished websites with Framer, saving time. While Webflow handles complex projects better.

@felcastt 3 ай бұрын

Exactly.

@crisdimarco 3 ай бұрын

Hi Ran, hi Matt; I've done two Webflow masterclass courses with Ran, and one Framer course with Matt, and it's a real challenge to decide between the two tools. I am more and more inclined to use Webflow because the approach with which it is used, and the way of creating that you have to use, remains fundamentally the one that respects the HTML and CSS criteria, and from a professional point of view I consider it better. At the same time Framer is fascinating because it allows you to create from scratch sometimes without even using Figma. Quite a dilemma. Congratulations to all of you at Flux Academy because you have been and still are a real resource for me. Greetings from Italy.

@FluxAcademy 3 ай бұрын

Thanks Cris!!💜

@Boulepraline 3 ай бұрын

Thanks for the video ! Is it possible to have a link to the Figma file to train and try to reproduce it ? Thanks !

@johanvanwambeke723 2 ай бұрын

For Webflow : Going with a cliping mask would have been the way. They can be responsive depending on hwo you built them.

@WhiskeyThieves 3 ай бұрын

All I have to say about this debate is that Matt has a fantastic mustache and hair

@FluxAcademy 3 ай бұрын

Mustach > Webflow + Framer.

@MattBruntonUK 3 ай бұрын

You're such a flirt.

@benkleman 3 ай бұрын

You should create a design tutorial!

@josevillalobos8030 3 ай бұрын

guys, Flux Academy rules!

@jippalippa 3 ай бұрын

is framer EASY ENOUGH for a person with no experience? I'd like to build a very simple portfolio website with a few json animations (I'm an animator myself). I tried opening webflow but I was totally overwhelmed. Thanks.

@AmbroseAndreano 3 ай бұрын

As someone who has experience with both Webflow and Framer, and who is also part of the Flux community, I’ll answer your question by saying that it’s all a matter of preference in how you enjoy actually building a website. I did not have experience many years ago, and I wandered into Webflow before even using a design tool like Figma. Learning how to build in Webflow first made Framer seem alien because of how different it is. In Webflow you use the interactions panel for animations, and in Framer you use Figma style components which can be nested behind multiple pages. Framer has a canvas and Webflow doesn’t. Framer uses React and Framer Motion, Webflow is more traditional and is easily paired with GSAP. Both are advanced tools with steep learning curves for beginners, not just Webflow. You can learn any of this. Every tool has a learning curve and you of course need to learn the UI of whatever tool you use. If you like coding and have a more text input-based approach to building websites, Webflow will feel more comfortable. If you are more comfortable with design tools using a canvas, Framer is going to be more enjoyable. Most things you can do in both tools, so it all comes down to what you enjoy more.

@FluxAcademy 3 ай бұрын

"Every tool has a learning curve..." Exactly. Thanks for the detailed comment Ambrose.

@jippalippa 3 ай бұрын

@@AmbroseAndreanoYes, but I was wondering which one made the most sense to learn for an animator with 0 web design experience. Thanks

@AmbroseAndreano 3 ай бұрын

@@jippalippa try Framer and see if you’re overwhelmed. If you are, then it’s just the learning curve you don’t like and not the tool.

@wendysanchez13 2 ай бұрын

Yes, I finished my portfolio (from scratch) within 3 days and I have zero Framer knowledge I just watch a few tutorials here in youtube

@moitreegraph9 2 ай бұрын

can ran teach how to build the inverted corner... how to bring an anchor point as svg

@Waqar_Naqshbandi 3 ай бұрын

Can someone tell me how the positioned those inverted corners?

@FluxAcademy 3 ай бұрын

Absolute positioning

@Waqar_Naqshbandi 3 ай бұрын

@@FluxAcademy Can we please get a tutorial for this 🥺

@digitalsketchguy7844 Ай бұрын

The biggest minus for me is Framer's enclosed ecosystem. At least with Webflow you can export all your code and host elsewhere or add your own CMS, add react or anything else. You can use Webflow to build web app fronts and use a backend like Ruby on Rails or Django.

@MovieFantasy_415 3 ай бұрын

can i get the font name that used in hero section (that bold large font)

@RedRumble14 3 ай бұрын

Do I need to study these programs? Can’t they offer something that Photoshop can’t?

@michaelomodele1240 3 ай бұрын

If you want to go into web development, yes. They're different tools than Photoshop and used for different things.

@FluxAcademy 3 ай бұрын

Photoshop is image editing software. Webflow and Framer are visual development tools for creating websites.

@isabellelee7750 3 ай бұрын

이걸 보니 웹플로우로 배워야하나 싶다

@JesseHof 3 ай бұрын

저도 웹플로우를 써요. 진짜 재밌어요. 아마 미래에 프레이머도 배우고 싶어요

@angelova.nikoleta.design 3 ай бұрын

Yes, Webflow for the win. Lovely breakdown! 🔥So easy to put things together. Framer is still bugging my brain with the dilemma: is it a design tool or a website builder.

@ekejikingsley Ай бұрын

This is exactly what I want to understand! I'm about learning webflow, and now I'm confused about the one to learn.

@angelova.nikoleta.design Ай бұрын

@@ekejikingsley I think Webflow is a good start since has a bigger community and Webflow University to speed up your learning process. If you are a designer who likes to separate design and development, try designing in Figma and developing with Webflow with their Figma plugin. 😌

@madarauchiha5433 Ай бұрын

For anyone saying Framer is a strong competitor to Webflow, I would say you should learn more about how web dev works before you say that

@ytg2468 2 ай бұрын

The competior of framer is figma

@filetmignon9978 2 ай бұрын

No. Figma isn't interested in becoming a dev tool. They're a design and prototyping tool, and the best at it

@ekejikingsley Ай бұрын

@filetmignon9978 Please, as an aspiring web dev who has zero knowledge of it. Which would you suggest? Just started learning figma for UI+UX. And I want to pick from webflow or framer. Lol! I'm confused. I will appreciate your input please.

@filetmignon9978 Ай бұрын

@@ekejikingsley why not learn both? It's what I'm doing. Webflow is pointed more at developers. You need to know HTML and CSS to be able to use it properly. When you know how to use it well and are able to add custom code to it, you can make almost anything with it. Framer is pointed more at designers. It lets you create publishable websites, but it's interface is more like Figma. It's not as capable as webflow yet, and misses a lot of features. It's growing fast though, which is why I'm getting into it more even though I use webflow most of the time.

@ekejikingsley Ай бұрын

@filetmignon9978 Okay! I know a little bit of html and css. I know enough to create a website. So I will try webflow out and also try framer as you suggested. Do you have any course you can recommend on both? I would appreciate it. Thanks

@filetmignon9978 Ай бұрын

@@ekejikingsley There are lots of great free youtube videos on each. Look up Webflow university. You may find paid courses on places like Udemy too, but I don't know how up to date those are