Why I prefer Framer over Webflow
ฝัง
- เผยแพร่เมื่อ 2 ส.ค. 2024
- Check out our full Framer course: bit.ly/3NYmtvz
Follow Matt on Twitter: @mattjumper
Sign up for a Pro plan on framer.com/?ref=mattjumper and use pro-yearly-partner at checkout for 3 months free.
Hey, my name is Matt Jumper. I've been designing digital experiences for well over a decade and I say digital experiences and not just websites because that is what I base my designs on. In this video I'm going to share my top three reasons why I use Framer every day with my work and not Webflow.
📽️ CHAPTERS
00:00 - Intro
00:18 - Background
01:01 - Reason #1 ( Intuition & Usability)
03:57 - Reason #2 ( Speed & Efficiency)
06:47 - Reason #3 (Capabilities)
10:33 - Conclusion
📱 Find us on SOCIAL MEDIA
Flux Academy's Instagram 👉 / flux.academy
#framer #webflow #webdesign #webdesigner #freelancewebdesigner
The only thing I dislike about webflow, is that its pricing! They charge a lot.
YES.. I totally agree
What the cost of Framer?
Having 0 experience in coding/web building and only needing a portfolio, I'm definitely going with Framer.
True!
As an owner of a digital agency , Webflow is the only way to go for me for now...Don't get me wrong , Flow still has it's own limitations vs Code Edit on CMS....I switched from WP building with Elementor page builder on Ocean WP...It gave me headaches upon headaches plus the bloat of having dragged down by elementor nclding other plugs ...Having said all of that, if it wasn't for my business, I always recommend Framer to those building for selves, friends, and family...Or even beginners of starting out small ... Great UI.... If Framer was to refine and get to a level of including exporting code , less bloated, improve on dynamics and logic, and just basically needs to be more seamless and robust
Excellent observations. I'm on the verge of jumping into Framer but feel I've invested so much time in webflow I feel a sense of dread of learning something new
Totally my WebFlow first impression also man. Super impressive your design history so def giving your advice a third listen as want to look outside of being a Wordpress ninja. Dynamic engaging unique styling def a must.
the best video for those like me who were going crazy trying to decide hahaha I'm a UX/UI designer and I've been lookin for the right page builder for my portfolio, something that would help me save time when I have to update my work. I'm also an elementor user so I didn't wanted to go through the all process that we already know when we are transfering designs from figma to a page builder like elementor or even webflow. As a very busy professional, I need something easy for myself to stop NOT UPDATING my own portfolio, its a mess hahahahahaha thank you so much Matt!
Webflow is about to add react. Case closed. I have never had a problem with the Webflow UI - as someone coming from adobe, it felt like a natural crossover, and furthermore as someone who has never learned coding - webflow has taught me the logic and heirarchy of coding, enabling me to work with developers much better than if I didn’t understand these things.
Yes webflow has a little bit of a learning curve, but they also temper this by providing some of the best tutorials out there, all at nice bite size length.
If you are starting out building websites, absolutely learn webflow. It will serve you much better in the long run.
You will be stronger as a designer that understands code logic and can hand off clean code to developers, rather than as a designer who is reliant on a platform that tailors to you but ultimately holds you back. You will just be a designer vs a designer who is also able to be an almost complete front-end developer.
As a react engineer and a webflow dev I’m about to be unstoppable!!
@@AustinDoesDesign I am a designer, so do you suggest I start with webflow?
Oh, I didn't know about the addition of React to the mix
It’s really possible to take the source code from webflow and add it to any existing project?
@@Way_Of_The_Light Yes I've done it many times and the developers I've given it to have begrudgingly admitted that it is very clean, organized, and easy to implement code.
I'd like to hear more more of what Framers limitation/ceiling is
Just look at Framers pricing if you want more than one locale. English sites for anglos, fine. But $40 for each locale?
@@peterjohansson739 Doesn't webflow use this same locale pricing framework?
I agree, things are getting interesting 💻
👀
Thanks for this! I'm totally with you in the sense that Webflow doesn't seem like a completely "no code" tool. I honestly hope that soon Figma will morph into a tool we can design on while code is being built in the back.
Appreciate it! Yes agreed - some people are hinting at something like this coming from Figma to be announced at their Config conference Jun 21-22. Excited to see what it is.
"tool we can design on while code is being built in the back." You literally just described webflow lmaoooo - also, webflow & figma released a plugin that allows you to export your figma design to webflow where it automatically "converts" your figma design to a functioning site build.
@@mattjumper figma to webflow plugin. already been done.
Thanks for posting
thanks! design 1st here. anything to speed things up is great!
With you shifting into using framer primarily, when you publish the website would you publish/host the website with framer or externally?
I've gotta say, I tend not to buy into these kinds of comparisons. You see, when the curtains close, it's those nifty soft skills and creative logical prowess that truly steal the show, not the hard skills reliant on specific tools.
Let's zoom in on honing our core competencies rather than getting tangled up in the gadgetry of "which tool to use." I get it, these folks are churning out videos faster than popcorn at a movie premiere, but we've got to remember - they've probably got a shiny new course they're eager to sell. End of the day, it's more about the cash register ringing than genuinely educating the community. So let's keep it real, and focus on the skills that truly matter.
Totally agree with you!
You're talking about two different things. Soft skills don't build websites. The importance of soft skills or development skills is relative to your goal. You'll focus on your development skills when your goal is learning to build websites. You'll focus on soft skills when you're ready to start a business.
Totally agree. It’s a biased review of two products, he admits that he hasn’t really learnt Webflow but is giving a comparison review. Both framer and webflow have their place and are great products!
Agreed, just sharing my personal experience why Framer pulled me in and WebFlow didn't. The barrier to entry is a lot lower now so the opportunity for people to develop these skills is more accessible than ever.
This! This want we want to hear! Keep it real, real one!
what is the flow to getting a fully functioning website up? After you've created one on framer are there only a few steps for it to go live?
Interesting!
hm didn’t find the link for framer promocode but thank you for the video!
would like to move to webflow or framer from wordpress - is one more seo friendly than the other? pretty much focus on local service-based businesses and ma/pa shops,,,
What about SEO for framer sites? Any insights about how effective framer websites are?
Reading many of the comments I don't think people know that Framer can easily be extended by writing custom React components. Framer has a built-in add-component functionality and you can use the Framer Motion library natively. No tool is perfect, I would like to see an easier way to tap your Framer CMS. This should be a capability that should have been there from day one.
The affiliate link doesn't work cos it needs https before it. Great video
"and the worst thing that can happen is that you realize that it's ok... and it could be so much better" - i can totally relate to this
Just using Framer for a few days as an UI/UX designer and it's amazing! How could I redeem your discount coupon?
In the description now!
what are the features that webflow delivery that framer doesn't?
Thanks for sharing. Insightful video. Also please I can't see the promo code
Thank you Emmanuel! Sorry my comment kept getting deleted. It's in the description now!
But framer is very limiting, I once transferred Figma designs to framer using its plugin. Then I struggle a lot to get the carausal to scroll. I finally ended up using the carausal element provided by framer. And was not able to change the position of carausal indicators (dots). That is very limiting. Almost as much as using a template. Plus it's very hard to find help on Google because there are like 3-4 products called framer and Framer X...
skill issue
@@anushgopalakrishnan Seriously? First of all it is well known that Framer is not as powerful as webflow. With that said maybe you are right, in this particular case, how can the effect I mentioned can be achieved? If you have a carausal in a mobile app, and you want the carausal indicators to appear outside the carausal either below it or vertically because that's how your app is designed. How can this effect be achieved such that it works as intended? I honestly don't think Framer can do that, but if it can please let me know. ( I am not fighting, I am genuinely asking)
@@anushgopalakrishnan brain tumor issue
@@danieldey Framer is built on React and offers a code component feature where you can simply create what you want purely on React.
In all honesty, you can build whatever you want with it.
Also, these no-code components receive regular updates and will improve over time.
I think Framer is the future.
@@CarlosGomesCabral Right right, I remember, that's definitely a powerful feature. Thank you for your reply, I am a Flutter developer, I tried that feature although I didn't had any idea of what I was doing lol. But yes that can definitely make Framer powerful (but also comes with a learning curve).
8:38 Same problem I've encountered with design and interactions. It's kind of hard to be idealistic with Webflow unless you've dabbled with more of its complex features beforehand.
Hey Matt (or anyone else who might know), it seems like client handoff is still an issue with Framer. How do you ship your Framer websites? Using the remix method seems a bit clunky and tricky (or expensive) for the client. Especially if the designer wants regular access for website maintenance. Would love to see @FluxAcademy do a video on this!
Yeah I'm wondering about client handoff too. From what I hear, the client needs a framer account...
Team Framer 🎉
Thanks! I am intriqued to try it! How do I get the discount code?
Sorry about that - added to the description now!
Do you recommend any Framer courses ?
for a Brochure site maybe framer
Yep all depends on what you’re building, and WebFlow is the answer for a lot of people. For the marketing sites that all my clients are asking for, Framer is perfect for me.
framer partner talking about pros and cons :)
He could have been a Webflow partner as well, this video explains why Matt chooses Framer from his perspective.
Does thie mean that evry customer of your should have Framer account subscription?
I’m obsessed with framer. Especially coming from Wordpress. Most coding platform imo
I appritiate the video and the reasons but I would like a comparations of someone who knows both.
Thanks Randy! Yep just trying to share my perspective and experience.
if there are webflow developers here are the animation /motion design similar to what you can do in framer? I want to take a motion design course that is taught in webflow and i want to also apply it when Im using framer.
Yeah framer is very familiar to Figma which is super easy. Probably won’t build anything more than a marketing or portfolio site tho
Yep! A lot of people play down the value of "marketing sites" though.. lots of opportunities there.
I feel the same about Webflow. I want to like it but just can't work with it.
another thing to learn eh. There are so many no code apps these days everyone is copying each other. With these tools anyone can create sites. this + AI, designers can be spared in no time
well...been with wf for 6 years. Made 200+ sites :D Tried framer to see it's capabilities. If you know what are Framer limitations are, and you design in Figma using these limitations - than Framer is good. But, for professional sites with a bunch of CMS collections, full code control, custom code to extend functionalities, site speed, and scalability - Webflow is the winner. I think every web designer should know a bit of dev too because this closes the gap between the design and dev. Wish Framer could take over wf, but that's not gonna happen. Imagine when wf will release it's AI. How many sites with good practices in web dev were made with wf. It will just sunset everyone.
What have happened? Webflow stopped paying for promotion?
WebFlow is still pumping out TH-cam ads like crazy!
I looked into framer. But compared to webflow, Framer did not suit my needs. I can't remember specifically what it was, but there was one thing that was a deal killer for me.
Note: I think it's their pricing scheme. Hosting is more expensive and far more limited than webflow. Even though webflow is not scaleable (having a 1:1 cost ratio) as a guy who also makes residual money on hosting, I have to keep my costs as low as possible.
unfortunately this is not a parameter i would use to evaluate the QUALITY of a software.
@@mrmikimessina perhaps not. This is a parameter I would use to gauge whether I would use this software or not. So, 'value' could arguably be a part of the evaluation of the quality of a piece of software.
And the perception of value is different for everyone based on their own individual circumstances.
As a business owner, I am required to take cost into account when evaluating any third party service or software.
@@crooker2 Absolutely correct, I don't know why some people are defending Framer like this. I also tried framer and found that it's not powerful enough to perform advanced interactions.
@@danieldey So... as a design tool that builds simple websites... I guess that's fine (if you want something better than Wix or Squarespace). But as a functional tool for building more robust sites... Better to look at Webflow.
@@crooker2 Agree, definately a good tool, but not a universal solution.
Exactly a replica of my experience! Webflow's UI was the first thing that put me off, I needed something good-looking like Figma. Framer is the tool I was looking for.🤗
Outstanding review. Very well aligned with my observations too. I am not a developer, so Framer works better for me as it combines Design with No code, while providing flexibility for developers familiar in React to use code overrides to extend the functionality
searched for some webflow tutorials so I found you and then I saw this video, looked at framer and instantly fell in love with it.
I mean I also love webflow because I don't think it is that hard but I already feel like that I am able to do more stuff (for free) and also are able to build a site even faster. So currently I would say framer over webflow but I still love webflow ^^
The best thing a designer can do is learn how to code.
Def love framer more than webflow. Coming from a graphic designer with Wordpress background.
Definitely easier to get started with!
RIP Adobe Muse.
If you are proficient in HTML and CSS Webflow is super easy.
i tried framer and i can see why people love it. That said, i think the Webflow is a upgrade to framer. Framer is amazing for 90% of things, webflow do 8% more and the last 2% is custom code for sure. Webflow is harder but is so capable that is almost a crime to actually do html/css/js from scratch right now.
I think the framer interface is easier until you want complete freedom to move around, that will get you pissed fast. To me this is more a case-by-case scenario. Complex website to build ? Webflow or/and Dev. Simple site to build? Framer or webflow.
The problem with Framer is that you can not put it on your own hosting.
Framer's broken, bro. You can't compare a solid tool like Webflow with a fancy one that only makes aesthetically pleasing sites. When it comes to creating websites for serious brands and businesses, there's no comparison. Framer is for dreamers and creatives who want to create something cool. Webflow is a tool for creating high-performance sites.
What if both products get to where they satisfy in both ways?
I went ahead and checked Framer's website. What a disaster of a DOM... It doesn't speak very well for the product, does it?
Ive Tourette's so webflow makes me crazy
Framer is great, but they own your code... That's a huge risk for any business.
Does not Wix also owns your code, or squarespace? I only know webflow allows you to export your code !
Lol, so you did not try webflow and you are comparing Webflow with Framer ? What a Bulll****
How can you compare if you did not try both for some time ?
BULLLLLL******
Based on your feedback, I would say you didn't watch the full video
@@azpidi yes i did, he created webflow account got scared and closed laptop. 😂😂 pure him
@@edvinzaimi3720 Yes, webflow is far more superior than Framer. Framer cannot handle a fully-functional site if may sometimes with code if needed.
Hey, but Flux Academy is quite experienced in Webflow though
He clearly mentioned the capabilities of Webflow and even recommended it for long term use. Surely Webflow is more robust but he came from the angle of speed and quick iteration with Framer.
if you never built a website these days UX/UI. designers do not know code so framer is great but for old-school web designers web flow. rocks.. web flow has more plug-ins and usages working with. Figma...web flow is much more robust just be patience your income will grow