One of the best comparison videos I have seen so far. I feel that webflow is more overwhelming and time consuming even for a simple website whereas in framer it's more easy and simple even if it lacks some advanced widgets.
@@BuildwithOmar Hey Omar, thanks for this video. As a designer, I've tried to learn webflow but the learning curve is quite steep. However, I was able to design and build a website on Framer in the the space of one afternoon as the skills are transferable from Figma.
As a Developer who is looking forward to freelancing making landing pages this video helped me A LOT. Gonna give a look on both platforms but aware I’m probably gonna stick with Webflow. Thanks!
Hey ! I got a prob, after adding Interaction to a Button and when i checked while previewing it , The button got disappeared, I pressed on the place where the button was placed before then it came into that place while previewing , and every single time while previewing it I have to do that , IS THERE A SOLUTION?
@@HanifCarroll I went with framer, for me it's simpler for doing daily basis job. When I need something more robust I go with Webflow or even Wordpress with Elementor (with "more robust" I mean when I need to use a large CMS database).
Holy moly! Out of nowhere you showed up in my feed! Glad to see you still active. Never considered framer.. Will check it out... Really happy to see you still pushing forward. ❤
@Hann you can apply overrides on specific canvas element and components, or import an entire React component by pasting code, and even make it configurable through Framer's UI using their library
I am a senior developer and I don't use any no-code tools, but as someone who wants to make sure I am not missing any opportunities for quick freelance jobs, I am starting to check both of these out! I can immediately see a few CMS drawbacks in comparison to any custom build on something like Wordpress though. It's going to be a case of finding out what each platform is suited for. From what I can tell so far from Framer, it is a landing page creator, but I am hoping to be proven wrong and will see it can do a lot more than that
Webflow isn't really a no-code platform. It's definitely low-code, but what it REALLY is is VISUAL coding. You're literally dragging and dropping HTML elements onto a FIXED canvas and applying styles via classes/IDs and dropdown menus. Webflow is more familiar for frontend developers than designers. Framer, on the other hand, extrapolates most of the code on an OPEN canvas. It just feels like a design tool by comparison.
Webflow is definitely a lot better in this aspect where you could just export the code and use it like any other frontend developer. It's a tool that allows you to upgrade your skill later, whereas Framer is basically a dead end. You have to learn to actually code in HTML, CSS & JavaScript eventually anyways, so for this reason I'd recommend using Webflow for upward mobility.
This was really helpful. I was having a hard time deciding which of them to learn. I think I'll go with Framer since I'm a UI UX designer. It seems it would be easier.
Exactly, perfect for a designer led approach. Although if your building sites for clients, be mindful of their goals… they may need more scalability and ownership found within the dev led approach!
@BuildwithOmar Great info. So if I'm limited on staff but I'm building sites for a businesses and I'm torn on which platform to use. I'm familiar with squarespace and shopify but feel if I want to become a website creator and handle multiple sites, which route would you recommend?
Thank you for making this video. I was looking for a better alternative to WordPress and Webflow just seemed too complicated for me, I was planning on switching later in the year until I watched this. I'm busy learning Framer now, it's different to WordPress but I'll get the hang of this. Thanks again Omar!
Hi Omar, one of my reasons to build websites is because of producing content and landing pages for starting companies as quickly as possible. You are right, when I was looking for a solution during the pandemic to transition from Wordpress, Webflow was the obvious choice, but something happens after years of using Webflow, you will still feel the need for Figma because I think some people are very creative and free-thinking, that's why Figma is needed separately. Now with Framer, I hope the gap from idea, design, creativity to production/publish gets smaller and smaller. I am now going to try Framer. Please make more Framer videos and become the pioneer. PS even big RUclipsrs who promote Webflow has a Framer tutorial. LOL. Thank you.
@@LinhNguyen-nh8oq They are basically all the same, with the learning curve. You can practically achieve anything the difference is just it is a different way. Wordpress has a lot of plugins, but they are not cheap as well. When Webflow came along, I still missed the creative part so there was a need for Figma. But Framer is like being a kid with a marker and a whiteboard, and you design to your heart's content. Framer is the future of web design, I tells you.
Super interesting! We have a growth marketing agency here in Estonia and we were just about to migrate from Wordpress to Webflow but now the Framer actually looks more interesting option. Thanks for a great video!
Thanks Omar, such a great comparison video. I was a webflow maxi but this tipped the scales for me, decided to learn creating on Framer and I love it already.
Great comparison video, thank you for the insights. I've been a web developer for 10+ years and I've finally been curious to try some professional "no-code" tools. Thanks!
Very detailed explanation. Awesome! As a junior Front-End Developer, i think i'll start with Framer, coz of its beginner friendly UI/UX. Haven't used Webflow much but 90% of reviews mention that it has a steeper learning curve. So I'll stick to Framer/Figma for now, but learn Webflow on the side.
Hi Omar, I am an aspiring freelance web designer who is about 30 hours into familiarizing myself with Figma. Framer seems like a great option to learn, would you recommend it for somebody who is going to be completing all of my projects completely on my own?
100%, esp. since you're already learning Figma for UI/UX design, Framer will nicely fit into your designer-led workflow for creating beautifully responsive websites since the process is all familiar.
Great video and very insightful, thank you for taking the time to put it together. SEO is still very important for many customers and I noticed that this was not mentioned for either platform. Do you have any experience of the SEO abilities on both platforms?
I've been learning Webflow so far, but now I am testing to learn using Framer, and it feels more accurate when I design from one platform to another, like in this case. It feels so nice and flawless so I think that I will stick to it. Thanks for this video Omar!
My favorite website builder is Blocs for Mac, but I am always looking towards Framer as an alternative for some specific projects, which require collaboration. Blocs is closer to Webflow right now, but I do hope that Framer will catch up soon.
For those thinking where should they start? The answer is pretty simple; if you're from a developer background, you'll find Webflow familiar! If you're from a design background, go for Framer🎉
We need someone to build some Framer/Webflow templates for Masjid websites. Just simple features like prayer times, events schedules, and donation options can go a long way in building the community and online presence
I’ve been waiting 10+ years for something like this. My clients are all moving to static sites again so this is timely. I buy all your courses, thank you… Go Red Sox!
Thank you for the thorough review, but do you guys sign an NDA to not talk about code export? Framer seems like the true no-code solution because they don't let you have it. I need this to deliver the project to my clients.
quick question, I may be getting this wrong but wasn't one of the benefits of webflow that it behaves like a fully coded website that's not built on top of a buggy framework like wix or wordpress Is framer more like webflow in this sense or more like wix or wordpress?
I'm getting annoyed with these comparisons there is no comparison. Framer equals static sites very simple easy to use. Webflow has animation, 3d integration with spline, dynamic CMS system second to none, logic, e-commerce oh and it allows for custom coding to expand even further. It's apples and wrenches no comparison at all.
i just looked at framer i immediately understood how to use the platform. because its so similar to figma im still learning webflow i might lean towards framer. ill learn both since webflow isn't as limited as framer
You make it hard for me lol :p I have been contemplating about where to build my portfolio. I started on Webflow and yes its time consuming and these framer-like platforms are tempting!
Been using Webflow since 2018 and we run over 50 sites on the platform. I think that Framer is still not there, but with the speed new features are cranking out in Framer, things can change fast.
Framer seems like the perfect choice for me but for the opposite that you mentioned. I usually design in Figma then code it up in Vue or React. I am much better in React than Jquery so Framer seems like the obvious choice.
That’s very interesting, wished we had a chat before I made this video! So your workflow would be design on framer then export to react code? Or design on framer and add custom components via react?
@@BuildwithOmar I’m not sure yet. My thoughts right now would be design in Figma and get a the base sign offs. Then use Frame for component work and use regular react for page building, authentication, api calls etc. if you have used React and Framer Motion you can get great results but that little bit of getting things to look exactly the way I want is where Framer would fit in.
Loved the breakdown! I use both tools - I had Framer replace Squarespace that I was using for clients whose budget couldn't afford Webflow. I speed build in Webflow using CMD + E / CMD + Enter because that Drag and Dropping was so tiresome 😅. Investing in a component library for Webflow also makes building websites quicker. I'm going to pitch to my company to use Framer instead of using WordPress. For my freelance business though, I use Framer for average/small businesses and Webflow for large businesses.
This was one of the best overviews I’ve seen on this topic so far. I'm a designer who's looking to rebuild my personal website, and I'm looking for a good low-code solution. Framer has a lot of advantages to webflow...especially acting more like a classic UI layout tool. I'd love to know what your impressions are after building with it for 6 months? Have you seen increased overhead or any gotchas?
Huge thanks for this deep dive! I'm a design post-grad who's used to (due to assignments) design in Figma / Sketch and then have to manually code it from scratch. Therefore, my creativity has been limited, as I only designed websites that I was surely able to implement with HTML/CSS myself. That's why now I'm really looking into stepping up my game by learning either Framer or Webflow. My biggest criteria is to have the possibility to export it as code so that I'm still able to tweak minor stuff afterwards. Can Framer export the work as HTML/CSS? Webflow definitely can.
For either Webflow and Framer, can you take the results of your design/code and then host it on any platform or are you required to host on their site?
SOOO, im a designer, already have my portfolio in figma. My portfolio has like 6 pages in total ( home, project 1, 2 , 3, 4, 5, and 6, and contact) . And I bought in godaddy my domain and hosting. Do i need to pay Framer plan for that kind of simple website? and what if i pay Framer plan just to do the portfolio and then leave it all fully built... do I still need to pay framer ?
The CMS have everything pretty much need for SEO, but maybe will go deeper into that in a separate video! Our site migration is going to be a big risk since it currently generates 50K traffic so stay tuned!
Great video and I want to love framer. The infinite canvas is amazing but everything else just feels like a limited cheap version of Webflow. I wouldn't use this on any serious client site. I don't think it's even close. I'm curious on how you made the jump? How do you deal with all the huge limitations of framer? Simple things like galleries, and videos on the cms end. How do you do animations? I guess that's custom coded? I can't even figure out how to make a button in this thing. I can make a component but you can't just drag and drop the component in and then change the text. I guess you need to make a new component for each button which is DUMB. I just feel like this isn't for serious use but maybe I'm missing something.
1)is it mandatory to create in figma and then switch to Framer or can I start directly in Framer? 2)have you ever thought of making a course to explain framer? you are very good at teaching! :)
Nice video! Please help! I'm using Envato Elements Temples for a one-page landing page for a Food Truck business. It's straightforward, but the only thing I want to push is for them to sign up for Catering and ask the food truck to go to their location. Your thought? I also want to add lots of photos of food. Framer or Webflow?
I think Framer should work, as it seems you just need a simple Call booking system, and you could integrate Calendly or another calendar app via the embedd component.
I love Framer but.... if you want web standard code and lighter code, then Webflow is better. That's what made Webflow standout from the myriad of 'no-code' tools 10 years ago. Framer, on the other hand, uses inline styles for each element which means that many similar elements (excluding a few like header styles) have a lot of repetitive style code. Perhaps a way around this is to use components so you can just select an element to change and it changes all 'instances' of that element...? Thanks for the comparison vid.
@@wakeupworkout7781 I think the speed issue nowadays would be insignificant and I doubt it would have much impact on SEO either since the bots primarily read content, semantics (header, main, article), hierarchy (e.g. H1, p, etc) and links to your site. The issue for me is having simpler, cleaner code with classes rather than the app inserting repetitive inline CSS classes throughout the page. Firstly, you're less likely to make mistakes, secondly, you can be sure of a consistent 'look' and finally, it's easier to find errors and make changes. It's strange that I haven't come across anyone comparing the difference in code output? ?
@@cytuber I think people aren’t comparing the code output because most of the people who are excited about framer just want a pretty site without many advanced functions that they can design themselves or have non-technical staff design. So they likely will never see the code. As he said in the video. If you’re dev-led you should prob stick to Webflow but Framer is more friendly for designers.
@@ChaosBarnaby Yes, I agree but nobody (I've seen) has even *mentioned* the code output which is what I find strange. But you're right, most Framers just want to be able to produce a pretty site that works. The code in Framer is legit code; it's just overly repetitive. PS: Adobe dropped Muse because the code it output was horrendous and it made it harder and harder for Adobe to make new features work consistently.
@@cytuber If you're a developer there's probably no reason to switch from Webflow to Framer, but if you're a designer that doesn't know code as well, it works. So it would make sense why developers haven't bothered, though at some point, it would make sense if someone did. Despite being the code less pretty, which isn't a deal breaker for designers or DIYers who don't have advanced code knowledge, is Framer going to make mistakes inserting repetitive inline CSS classes?
Nice vid Omar, The blitzit landing page is looking so good! Looking forward to seeing the glorify site built with framer, are you just doing a carbon copy or will you be changing some stuff? I know the Webflow build is still fairly new so it would be interesting to see what your plan is.
Hey ! I got a prob in webflow, after adding Interaction to a Button and when i checked while previewing it , The button got disappeared, I pressed on the place where the button was placed before then it came into that place while previewing , and every single time while previewing it I have to do that , IS THERE A SOLUTION?
Thanks Omar, Very helpful - I am a marketing consultant for the B2B sector and I am certainly not a designer or developer and the issue is more about basic functionality and messaging, which I think should mean that Framer works best for me. I do have some e commerce integration but from what I can see most shopping cart software should be straightforward with Framer. Or am I being naive?
If your a non designer and non coder, I would recommend something like Wix Studio (their latest platform) or Shopify. Since these have ecommerce natively built. With Framer shopping cart needs to either be heavily coded, unless someone is dishing out a component out there which I haven’t seen. Or you have to use external links take users to have a shopping experience outside of the main website. But in this case the add to cart system will be external and not in your main page. My ecommerce framer website tutorial features a basic system that links individual products to an external payment link. So there’s no cart system in this. It’s a basic purchase flow.
Well that’s cool and all but are you able to take that website and host it on your own server ? Can your customer take the website and change content without having to pay extra for using Framer just to do that? I’m confused what developers actually do develop with those kinds of tools ? Nah it might take longer but I think I continue learning django, wagtail, bootstrap making sure my website is going to be future proof. For designing the pages somewhat more quickly bootstrap studio seems to be quite a nice addition…
One of the best comparison videos I have seen so far. I feel that webflow is more overwhelming and time consuming even for a simple website whereas in framer it's more easy and simple even if it lacks some advanced widgets.
Definitely easier for a design-led approach. Great for non designers too with their drag-drop components
How do I embed react components in a Webflow site? As I understand it I can only do a lot of customization as a certified template developer
Damn, you're making a strong case for Framer :))
@@alexhartan For designers to create simple front facing sites, yes. But I am not ignoring the fact Webflow is the best for dev-led sites.
@@BuildwithOmar Hey Omar, thanks for this video. As a designer, I've tried to learn webflow but the learning curve is quite steep. However, I was able to design and build a website on Framer in the the space of one afternoon as the skills are transferable from Figma.
wonderful breakdown! Thanks for editing us in 💜
Omg, this comment is a great moment for me! Thanks team Ran Segal! 🧡
Can you imagine it’s not a team it’s me? 🤯@@BuildwithOmar
Damn, moment just 10x’d 🔥🔥🔥
As a Developer who is looking forward to freelancing making landing pages this video helped me A LOT. Gonna give a look on both platforms but aware I’m probably gonna stick with Webflow. Thanks!
Happy to help! 🙏🏽🙌🏾
Hey man can I get your Instagram
Hey ! I got a prob, after adding Interaction to a Button and when i checked while previewing it , The button got disappeared, I pressed on the place where the button was placed before then it came into that place while previewing , and every single time while previewing it I have to do that , IS THERE A SOLUTION?
I'm a developer in the same position right now! I'd love to hear what you ended up with. I'll probably end up trying both as well.
@@HanifCarroll I went with framer, for me it's simpler for doing daily basis job. When I need something more robust I go with Webflow or even Wordpress with Elementor (with "more robust" I mean when I need to use a large CMS database).
Holy moly! Out of nowhere you showed up in my feed! Glad to see you still active. Never considered framer.. Will check it out... Really happy to see you still pushing forward. ❤
Hi buddy, thanks man. Long time no speak! 🙌🏾 🧡
As a dev and designer/artist, I'm gonna stick with webflow, coz i want more flexibility and nerd out more with code. Code is beautiful.
Makes sense, with a dev-led approach your way better off with webflow as mentioned in my video.
Agree I’m dev led too
Yes, it’s really important that webflow allows to export the code, which is not possible with Framer, as far as I know.
you can override any component with Typescript and import any React/typescript component with Framer. There's even a super basic code editor included
@Hann you can apply overrides on specific canvas element and components, or import an entire React component by pasting code, and even make it configurable through Framer's UI using their library
I am a senior developer and I don't use any no-code tools, but as someone who wants to make sure I am not missing any opportunities for quick freelance jobs, I am starting to check both of these out! I can immediately see a few CMS drawbacks in comparison to any custom build on something like Wordpress though. It's going to be a case of finding out what each platform is suited for. From what I can tell so far from Framer, it is a landing page creator, but I am hoping to be proven wrong and will see it can do a lot more than that
wordpress is dogshit lol
Thank you for this awesome comparison video. This is pushing me to test out Framer for real!🎉
This is so WELL PUT TOGETHER
Webflow isn't really a no-code platform. It's definitely low-code, but what it REALLY is is VISUAL coding. You're literally dragging and dropping HTML elements onto a FIXED canvas and applying styles via classes/IDs and dropdown menus. Webflow is more familiar for frontend developers than designers.
Framer, on the other hand, extrapolates most of the code on an OPEN canvas. It just feels like a design tool by comparison.
Couldn't agree more 💯
Agree!
Webflow is definitely a lot better in this aspect where you could just export the code and use it like any other frontend developer. It's a tool that allows you to upgrade your skill later, whereas Framer is basically a dead end. You have to learn to actually code in HTML, CSS & JavaScript eventually anyways, so for this reason I'd recommend using Webflow for upward mobility.
@@JohnSmith-bs9ym not everybody wants to end up as a developer though
with severe limitations. Simple things seem impossible in framer. It's not there yet. I wanna love it but it's just not great coming from webflow
This was really helpful. I was having a hard time deciding which of them to learn. I think I'll go with Framer since I'm a UI UX designer. It seems it would be easier.
Exactly, perfect for a designer led approach. Although if your building sites for clients, be mindful of their goals… they may need more scalability and ownership found within the dev led approach!
@BuildwithOmar
Great info. So if I'm limited on staff but I'm building sites for a businesses and I'm torn on which platform to use. I'm familiar with squarespace and shopify but feel if I want to become a website creator and handle multiple sites, which route would you recommend?
Well, finally someone puts together a decent comparison rather than leaving it in the air. Thanks
Best breakdown of these tools Ive come across.
🙌🏾🧡
Thank you for making this video.
I was looking for a better alternative to WordPress and Webflow just seemed too complicated for me, I was planning on switching later in the year until I watched this.
I'm busy learning Framer now, it's different to WordPress but I'll get the hang of this. Thanks again Omar!
Happy to help! Hopefully will be releasing some beginner tutorials soon!
Hi Omar, one of my reasons to build websites is because of producing content and landing pages for starting companies as quickly as possible. You are right, when I was looking for a solution during the pandemic to transition from Wordpress, Webflow was the obvious choice, but something happens after years of using Webflow, you will still feel the need for Figma because I think some people are very creative and free-thinking, that's why Figma is needed separately. Now with Framer, I hope the gap from idea, design, creativity to production/publish gets smaller and smaller. I am now going to try Framer. Please make more Framer videos and become the pioneer. PS even big RUclipsrs who promote Webflow has a Framer tutorial. LOL. Thank you.
How is going for you this day Bugs, About framer ? Just started to learn it this week. Totally new yo website.
@@ARNBNDL I have watched and trained with tutorials. It is not for the faint of heart.
Hi Bugs, I haven’t learned wordpress before, could you tell me why you leave wordpress, could you compare it to webflow. Thanks
@@LinhNguyen-nh8oq They are basically all the same, with the learning curve. You can practically achieve anything the difference is just it is a different way. Wordpress has a lot of plugins, but they are not cheap as well. When Webflow came along, I still missed the creative part so there was a need for Figma. But Framer is like being a kid with a marker and a whiteboard, and you design to your heart's content. Framer is the future of web design, I tells you.
What is your update a year later on this?
Thanks for the hardwork you are putting in with your team.
Super interesting! We have a growth marketing agency here in Estonia and we were just about to migrate from Wordpress to Webflow but now the Framer actually looks more interesting option. Thanks for a great video!
Thanks Omar, such a great comparison video. I was a webflow maxi but this tipped the scales for me, decided to learn creating on Framer and I love it already.
Great comparison video, thank you for the insights. I've been a web developer for 10+ years and I've finally been curious to try some professional "no-code" tools. Thanks!
Thanks buddy! If it moves you faster why not right?!
Very detailed explanation. Awesome! As a junior Front-End Developer, i think i'll start with Framer, coz of its beginner friendly UI/UX. Haven't used Webflow much but 90% of reviews mention that it has a steeper learning curve. So I'll stick to Framer/Figma for now, but learn Webflow on the side.
Hi Omar, I am an aspiring freelance web designer who is about 30 hours into familiarizing myself with Figma. Framer seems like a great option to learn, would you recommend it for somebody who is going to be completing all of my projects completely on my own?
100%, esp. since you're already learning Figma for UI/UX design, Framer will nicely fit into your designer-led workflow for creating beautifully responsive websites since the process is all familiar.
Great video and very insightful, thank you for taking the time to put it together. SEO is still very important for many customers and I noticed that this was not mentioned for either platform. Do you have any experience of the SEO abilities on both platforms?
I've been learning Webflow so far, but now I am testing to learn using Framer, and it feels more accurate when I design from one platform to another, like in this case. It feels so nice and flawless so I think that I will stick to it. Thanks for this video Omar!
Wow. What an awesome comparison. As someone who's 4 months into webflow , youve just sold framer to me.
Haha not trying to sell, but if your Design-led you cannot ignore Framer for sure!
This was the most helpful comparison of these two platforms for me. Many thanks! ✨
Thanks a lot for your deep dive, very helpful!
This is such a great compariosn video, thank you for giving your time into this!
Glad it helped!
My favorite website builder is Blocs for Mac, but I am always looking towards Framer as an alternative for some specific projects, which require collaboration. Blocs is closer to Webflow right now, but I do hope that Framer will catch up soon.
Thank you Omar !! I'm on my journey to aquire Full stack skills and you make more exciting
Great overview mate. Really helped me decided!
Thank you. I needed such info - well explained, no BS.
Thanks! Yes, really tried to filter through the bs 😂
Awesome and to-the-point explanation, Good work Omar. I am a Webflow lover but this gives me another thought to review Framer as well. :)
For those thinking where should they start? The answer is pretty simple; if you're from a developer background, you'll find Webflow familiar! If you're from a design background, go for Framer🎉
You summed it up better than I can.
@@BuildwithOmar 🙌♥️ Just learning from you
We need someone to build some Framer/Webflow templates for Masjid websites. Just simple features like prayer times, events schedules, and donation options can go a long way in building the community and online presence
yea, even i have been saying the same...we need some for churches and temples as well...
I don't know how to thank you! Keep making these videos, they are very informative and helpful.
I’ve been waiting 10+ years for something like this. My clients are all moving to static sites again so this is timely. I buy all your courses, thank you… Go Red Sox!
Thank you for the thorough review, but do you guys sign an NDA to not talk about code export? Framer seems like the true no-code solution because they don't let you have it. I need this to deliver the project to my clients.
What if I’m starting to build my first own website when I start my own recruiting agency? Framer or webflow or something else? Thx
Would be interested to know if changing to Framer has any effect on your SEO traffic going forward. Maybe a follow-up video in a few months.
💯 this is going to be important! Note the current site drives around 50k traffic. Should of mentioned it that! So huge risk for sure!
Also curious on this
Any updates on this SEO piece?
@@scottbanks8243 still building the site, about to launch next week actually!
Amazing comparison video, thank you!
Awesome comparison video Omar, very clearly articulated on ideal use cases and benefits to different development approaches.
quick question, I may be getting this wrong but wasn't one of the benefits of webflow that it behaves like a fully coded website that's not built on top of a buggy framework like wix or wordpress
Is framer more like webflow in this sense or more like wix or wordpress?
I'm getting annoyed with these comparisons there is no comparison. Framer equals static sites very simple easy to use. Webflow has animation, 3d integration with spline, dynamic CMS system second to none, logic, e-commerce oh and it allows for custom coding to expand even further. It's apples and wrenches no comparison at all.
Framer has had all of those for a while
i just looked at framer i immediately understood how to use the platform. because its so similar to figma im still learning webflow i might lean towards framer. ill learn both since webflow isn't as limited as framer
as a print designer who like minimist, typography-centric designs, i think framer might be best for me.
I don't know what your other startup does but you should start an online university because you present and teach exceptionally well 🙂
This was super informative and a very good comparison. Followed based on this video because I am a designer.
Thanks buddy!
Love the video. So clean, clear and concise. Thank you. Yove gotten a subscriber
Do you know if Zapier integration is coming to Framer anytime soon?
You make it hard for me lol :p I have been contemplating about where to build my portfolio. I started on Webflow and yes its time consuming and these framer-like platforms are tempting!
Wow, this is such an amazing video!! Thanks so much for this.
Do you have any updates to your thoughts since it has been a few months?
Been using Webflow since 2018 and we run over 50 sites on the platform. I think that Framer is still not there, but with the speed new features are cranking out in Framer, things can change fast.
Fantastic comparison video!! Greta job explaining how they suit different needs!
Thanks! Glad it was useful!
I came from. using Elementor build WP ... Even before this video, I was immediately turned off by WF... Been using Framer and never looked back
Can I use Framer work with Figma just as well works with Webflow does?
Framer seems like the perfect choice for me but for the opposite that you mentioned. I usually design in Figma then code it up in Vue or React. I am much better in React than Jquery so Framer seems like the obvious choice.
That’s very interesting, wished we had a chat before I made this video! So your workflow would be design on framer then export to react code? Or design on framer and add custom components via react?
@@BuildwithOmar I’m not sure yet. My thoughts right now would be design in Figma and get a the base sign offs. Then use Frame for component work and use regular react for page building, authentication, api calls etc. if you have used React and Framer Motion you can get great results but that little bit of getting things to look exactly the way I want is where Framer would fit in.
Very well explained. Thank you!
Loved the breakdown! I use both tools - I had Framer replace Squarespace that I was using for clients whose budget couldn't afford Webflow.
I speed build in Webflow using CMD + E / CMD + Enter because that Drag and Dropping was so tiresome 😅.
Investing in a component library for Webflow also makes building websites quicker.
I'm going to pitch to my company to use Framer instead of using WordPress. For my freelance business though, I use Framer for average/small businesses and Webflow for large businesses.
Can you make a comparison on Framer and Unbounce, regarding landing pages and conversions?
This was one of the best overviews I’ve seen on this topic so far. I'm a designer who's looking to rebuild my personal website, and I'm looking for a good low-code solution. Framer has a lot of advantages to webflow...especially acting more like a classic UI layout tool. I'd love to know what your impressions are after building with it for 6 months? Have you seen increased overhead or any gotchas?
Great quality video Omar. Thank you.
can we create a multi product, complex ecom store which holds customer credentials and data's on framer??
Huge thanks for this deep dive! I'm a design post-grad who's used to (due to assignments) design in Figma / Sketch and then have to manually code it from scratch. Therefore, my creativity has been limited, as I only designed websites that I was surely able to implement with HTML/CSS myself. That's why now I'm really looking into stepping up my game by learning either Framer or Webflow. My biggest criteria is to have the possibility to export it as code so that I'm still able to tweak minor stuff afterwards. Can Framer export the work as HTML/CSS? Webflow definitely can.
How did you create the diagram on 7:19
Great video!
For either Webflow and Framer, can you take the results of your design/code and then host it on any platform or are you required to host on their site?
Webflow, yes.
Framer, no.
please, is there a way to export from framer to webflow?
From Wordpress to Webflow to Framer very intresting - thank you
SOOO, im a designer, already have my portfolio in figma. My portfolio has like 6 pages in total ( home, project 1, 2 , 3, 4, 5, and 6, and contact) . And I bought in godaddy my domain and hosting. Do i need to pay Framer plan for that kind of simple website? and what if i pay Framer plan just to do the portfolio and then leave it all fully built... do I still need to pay framer ?
Thanks for this great video, Omar. Fantastic insight and really useful 👊🏽
Happy to help buddy! Appreciate it! 🙏🏽
Thanks for a great comparison video! Going to have a crack at Framer!
What about animations? does it have the fully custom freedom of animations that webflow has?
Great video❤ What about SEO in Framer?
The CMS have everything pretty much need for SEO, but maybe will go deeper into that in a separate video! Our site migration is going to be a big risk since it currently generates 50K traffic so stay tuned!
Great video and I want to love framer. The infinite canvas is amazing but everything else just feels like a limited cheap version of Webflow. I wouldn't use this on any serious client site. I don't think it's even close. I'm curious on how you made the jump? How do you deal with all the huge limitations of framer? Simple things like galleries, and videos on the cms end. How do you do animations? I guess that's custom coded? I can't even figure out how to make a button in this thing. I can make a component but you can't just drag and drop the component in and then change the text. I guess you need to make a new component for each button which is DUMB. I just feel like this isn't for serious use but maybe I'm missing something.
but does it export to html/css/js, so i can host it wherever i want to?
1)is it mandatory to create in figma and then switch to Framer or can I start directly in Framer?
2)have you ever thought of making a course to explain framer? you are very good at teaching! :)
Thanks buddy 🙏🏽,
As mentioned a very common workflow is going directly to framer. Thinking about it but Framer already does this very well.
Thoughts on Penpot open source instead of Figma?
I'm only used to WordPress. I wonder if Framer is too advance for me.
Thank you so much for this. I will be using Framer primarily as I work with a design led company>
The video really helped.
Happy to help
You sound very amazing! I don't know the moment I clicked the subscribe button. Thanks
Nice video! Please help! I'm using Envato Elements Temples for a one-page landing page for a Food Truck business. It's straightforward, but the only thing I want to push is for them to sign up for Catering and ask the food truck to go to their location. Your thought? I also want to add lots of photos of food. Framer or Webflow?
I think Framer should work, as it seems you just need a simple Call booking system, and you could integrate Calendly or another calendar app via the embedd component.
Just made the switch myself - are you doing any programatic SEO with Framer?
This is really helpful! Thank you so much 🎉
happy to help!
Subscribing! Which of the two allows exporting html css and Javascript for further editing?
What about Vendor Lock-in ?
Exactly!
does Framer have CMS/templating capabilities and can this data integrate with external data from an API?
Which one generates cleaner code?
If Framer doesn't export how would we know?
Omar, is there some reason you don't mention you can't export your code with Framer and you are locked into them?
It’s not an issue for us, but I have this question a lot, and I can see it’s an important requirement for many. Let’s see if they release it!
Waite Framer was intended as a prototyping tool ?
Thank you Omar, that was super helpful!
Happy to help 🙌🏾
I love Framer but.... if you want web standard code and lighter code, then Webflow is better. That's what made Webflow standout from the myriad of 'no-code' tools 10 years ago.
Framer, on the other hand, uses inline styles for each element which means that many similar elements (excluding a few like header styles) have a lot of repetitive style code. Perhaps a way around this is to use components so you can just select an element to change and it changes all 'instances' of that element...? Thanks for the comparison vid.
It seems this would make webflow sites faster to load, improving SEO. Is this the reality?
@@wakeupworkout7781 I think the speed issue nowadays would be insignificant and I doubt it would have much impact on SEO either since the bots primarily read content, semantics (header, main, article), hierarchy (e.g. H1, p, etc) and links to your site.
The issue for me is having simpler, cleaner code with classes rather than the app inserting repetitive inline CSS classes throughout the page. Firstly, you're less likely to make mistakes, secondly, you can be sure of a consistent 'look' and finally, it's easier to find errors and make changes.
It's strange that I haven't come across anyone comparing the difference in code output? ?
@@cytuber I think people aren’t comparing the code output because most of the people who are excited about framer just want a pretty site without many advanced functions that they can design themselves or have non-technical staff design. So they likely will never see the code. As he said in the video. If you’re dev-led you should prob stick to Webflow but Framer is more friendly for designers.
@@ChaosBarnaby Yes, I agree but nobody (I've seen) has even *mentioned* the code output which is what I find strange. But you're right, most Framers just want to be able to produce a pretty site that works. The code in Framer is legit code; it's just overly repetitive.
PS: Adobe dropped Muse because the code it output was horrendous and it made it harder and harder for Adobe to make new features work consistently.
@@cytuber If you're a developer there's probably no reason to switch from Webflow to Framer, but if you're a designer that doesn't know code as well, it works. So it would make sense why developers haven't bothered, though at some point, it would make sense if someone did.
Despite being the code less pretty, which isn't a deal breaker for designers or DIYers who don't have advanced code knowledge, is Framer going to make mistakes inserting repetitive inline CSS classes?
Nice vid Omar, The blitzit landing page is looking so good! Looking forward to seeing the glorify site built with framer, are you just doing a carbon copy or will you be changing some stuff? I know the Webflow build is still fairly new so it would be interesting to see what your plan is.
Thanks dude! We will be changing stuff. It is, but I think we missed the mark in some aspects.
@@BuildwithOmar Good thing with framer you can build so fast on the fly! Can't wait to see man. When do we get a sneak peek?
@@EthanHaveron Stay tuned ;) Hit me up on Discord, maybe i'll give you a little teaser haha
@@BuildwithOmarAwesome! will do... I will message you later today.
What is the tool you are showing your findings on in the web browser? I.e. the one you have the comparison table on. Can't make out the pink favicon!
Figjam by Figma, it is a whiteboard tool for planning and brainstorming.
For a passive income stream (selling template) as UI/UX designer,
which one is better?
framer or webflow?
Hey ! I got a prob in webflow, after adding Interaction to a Button and when i checked while previewing it , The button got disappeared, I pressed on the place where the button was placed before then it came into that place while previewing , and every single time while previewing it I have to do that , IS THERE A SOLUTION?
how clean is the code in framer that it puts out?
If Framer doesn't export like Webflow does how would we know?
Thanks Omar, Very helpful - I am a marketing consultant for the B2B sector and I am certainly not a designer or developer and the issue is more about basic functionality and messaging, which I think should mean that Framer works best for me. I do have some e commerce integration but from what I can see most shopping cart software should be straightforward with Framer. Or am I being naive?
If your a non designer and non coder, I would recommend something like Wix Studio (their latest platform) or Shopify. Since these have ecommerce natively built. With Framer shopping cart needs to either be heavily coded, unless someone is dishing out a component out there which I haven’t seen. Or you have to use external links take users to have a shopping experience outside of the main website. But in this case the add to cart system will be external and not in your main page.
My ecommerce framer website tutorial features a basic system that links individual products to an external payment link. So there’s no cart system in this. It’s a basic purchase flow.
How does their CMS scale and impact pricing? Webflow’s enterprise plan kicks in after 10,000 CMS items or 300,000 visits.
what's the name of that typeface that you're currently using in the thumbnails??
Please make a video on how to move from WordPress to webflow
This was great! Thanks for sharing.
Well that’s cool and all but are you able to take that website and host it on your own server ? Can your customer take the website and change content without having to pay extra for using Framer just to do that? I’m confused what developers actually do develop with those kinds of tools ? Nah it might take longer but I think I continue learning django, wagtail, bootstrap making sure my website is going to be future proof. For designing the pages somewhat more quickly bootstrap studio seems to be quite a nice addition…
Hi which is the best for musician/artist and to sell merch and play videos n songs? Sell your songs too. Under 300.00 annually.
Plz advise? Ty