Framer vs Webflow Portfolio Sites: What’s better?

[@soysaestrad]

Hello friend, on Framer, you need to add the middle breakpoint (tablet), that will help the transition from desktop to mobile behave more fluid ⚡

[@sketchymedia]

We got there in the end, the main thing was actually setting all the 100% widths correctly etc

[@leviwanyoike]

I now work directly in Framer. Haven’t touched Figma in almost a year. But to be fair I come from the Dreamweaver, Fireworks + Flash era so I have the experience. That said this is a great and fair comparison.

[@sketchymedia]

I found myself doing that in webflow for a lot of projects. Anything that’s not complex I’d probably do the exact same thing in framer

[@bigfoot131]

I changed from webflow to framer it really feels like designing in figma.

[@sketchymedia]

Agreed, that’s a big advantage for lots of people

[@micahmcleantalks]

Really enjoying the video Matt. Great content!

[@sketchymedia]

Thanks Micah!

[@lunafilms3684]

I'm a newb to Webflow having built sites in wix and squarespace. I'm confused: for Figma, do you need to learn 2 tools, Framer and Figma? The curve is steeper for Webflow but if it's one pro-ish tool to learn then I'll put in the time to learn that?

[@AndrejMikula]

No, you don't. You can start building the site in Framer right away.

[@sketchymedia]

It’s hard to answer without really understanding the use case and where you are intending to get to. I would certainly suggest learning Figma from the point of view of design and UX. from here, Figma translates very well to both. There are native “converter” type tools that make it simple to go from Figma to either. For many instances framer is ideal, but if you’re planning to do advanced websites in the future I believe webflow is worth the learning

[@muff1n36]

For people complaining that there is an affiliate link in the description, he probably rated this fairly with the sponsorship.

[@sketchymedia]

Thanks. I think so too.

[@Applecitylightkiwi]

webflow 0 dollar package is too limited depending on what you want to create. Im not sure about framer but i am team framer bc of this

[@sketchymedia]

It’s a good point, I didn’t dive into pricing but 100% webflow is much more expensive

[@kasforai]

Can relume work with Bubble? first export to Figma then bubble?

[@sketchymedia]

I have minimal experience with bubble to be honest so im not sure. gut tells me no, as relume is a Figma library and the plugins ive been exposed to are specific Figma plugins to the destination web builders. so I'd recommend looking for a "Figma to bubble" type plugin

[@mopolo]

To me your review felt very biased towards Webflow, to the point where it felt sponsored. Having said that, excellent filmmaking and storytelling!

[@sketchymedia]

Appriciate the comment. There will certainly be an element of bias, beacuse overall I use webflow on some pretty complex projects which I couldn’t use framer for. That being said and as I tried to say at the end in the summary - for the portfolio/personal site, framer is as good of a choice, unless you want some more advanced features or you’re already experienced in webflow. I’ve recommended framer quite a lot.

[@isuruwan23]

@@sketchymedia when you say advanced, what kind of features are you referring to?

[@AndresTheDesigner]

Love the video! Insightful 🦇

[@sketchymedia]

Thanks andres, appreciate the comment

[@JustCcRachel]

Great video Matt! What grid settings do you use in Figma when working with the Relume library?

[@sketchymedia]

Thanks Rachael. Appriciate the comment. My go to is a 12 col grid, set to stretch usually with a margin of 56 and gutter of 20 on a 1440px wide frame which is usually the width of the container if I’m building the site

[@JustCcRachel]

@@sketchymedia Thanks!

[@belshares]

Great tips here! Curious - do you edit your own videos?

[@sketchymedia]

Thanks! And unfortunately yes. A necessary evil currently. Had tried some outsourced help on one of the others though

[@nicoringa6917]

Hello Math, I have a question about which platform is better for my portfolio. I already have three UX cases of courses I finished, and I'm familiar with Figma, do you think for this type of project, Framer would be better? I don't have experience with both, but I don't see a problem in trying it out. (A big hug from Brazil!!)

[@NaumanJamil-n8e]

Use Framer, it's easy and quick to build and maintain later. Webflow as Matt said has a steep learning curve and best suited for more dynamic websites.

[@sketchymedia]

I would learn Figma, and framer. They are very similar and learning Figma would be the base for all design and it exports / translates very well to framer

[@NadyaS-r9q]

Hi Matt, this is perfect and you made my choices easier. One more thing, are all your website for your client based on Webflow if it's complex and Framer less complex? Do you code at all or you relying of those two platform which include Relume. Hope you can direct me here as I am planning to offer a website services and rather not use too much coding, you know what I mean.

[@sketchymedia]

Everything in webflow to be honest, but that’s mainly todo with how familiar I am with it. For simple projects framer is a great option as I outlined. Once you build the skills in webflow there’s little use in using a different tool unless pricing etc comes into play. I end up doing quite a bit of complex stuff in webflow which is why I would choose it

[@waylorr]

I will stick to webflow. I used also framer and its better design-wise and speed BUT, in webflow i can export the code html,css and JS, in framer not. If framer adds the option that lets you export the code for hosting it outside awesome then. My situation is that i always export the code and further edit in vs code.

[@rz9wb]

Is it faster to prototype in figma and hand code the site yourself? If you are a really good coder?

[@sketchymedia]

Exactly, that makes sense, although I’m sure framer will offer this. I have done similar with webflow projects but their CMS and advanced functionality is a delight despite the pricing being very annoying and a big challenge to deal with

[@qwintheatoy]

Find in recommendations. Great content!

[@sketchymedia]

Thanks for watching, I appreciate the comment!

[@mrjohncrumpton]

Great video! Thanks for sharing. I didn’t know about auto layout in Figma, need to investigate that. Why is your monitor on a little stand?

[@sketchymedia]

Thanks Jon, long story short it was allow for a specific cable for my mechanical keyboard, and to hide hard drives.

[@chakricherala]

I'm really confused. A year ago, you created a video about switching to Framer from Webflow, but now you're saying Webflow is better.

[@sketchymedia]

You got the wrong person there my friend. I did not

[@lilbitcoin4507]

Great job thanks 🎉

[@sketchymedia]

Thanks!

[@artofsirmanu9748]

Framer Vs Wix Studio....👀

[@sketchymedia]

Just watched a video on this, WIX have definitely upped their game. I don’t know if I have the energy to try yet another web builder 😓

[@clemenskotoku]

I think it depends on what you're trying to achieve. A custom portfolio like he did, framer is better. An ecommerce site which will be heavily theme influenced would be wix. Those are just examples

[@lilbitcoin4507]

@@sketchymediadavid goggins 🫵🏻 u sound like a beta just donit get the views and subs i was going to sub til i seen thsi beta comment from you do better next time 🫵🏻🫵🏻🫵🏻

[@Pipiundkakiinpipikakaland42]

I don't think you're slandering Framer like others do. But I see why people may feel like you do. You bring up many negative points in the summary, that you haven't shown during the rest of the video. It seemed like you liked using the tool, but suddenly consider it inferior to Webflow.

[@sketchymedia]

It is inferior to webflow in many ways, but that’s not negative. I really like framer, but as someone who is proficient in webflow I will continue to use it as it can frankly do a lot more advanced things by nature of the product. But I highly recommend framer over webflow for people less experienced in webflow and don’t require doing things too advanced. In the case of my portfolio I would use webflow because of how I plan to build my website out beyond “a portfolio” with advanced features not possible in framer

[@promoteddesigns5168]

I really liked the videoo :)

[@sketchymedia]

Thankyou, appreciate this

[@Kris-xh6wk]

Sponsored by Webflow 💁‍♂️

[@johntremendol]

Webflow is hiring cheap youtubers to make ads that try to look like honest comparisons to slander Framer because they are scared of it. This is the third video i have seen by a channel that is sponsored by Webflow (its in the description) but pretends to compare it to competitors fairly. Shameful. If you’re a real one don’t delete this comment.

[@sketchymedia]

Interesting take, you must know something I don’t. Yea I have a link, and I’ll get a commission if people sign up via my link. They’ve had no influence in what my video says, and I am genuinely very impressed with framer. I don’t believe I slander framer at all. I’ve used webflow for a long time now and long story short it’s far more capable and advanced for the type of projects I get involved in. My video aimed to simply show that. And as I said, i do recommend framer in certain situations for some people. I won’t be using it for My personal websites or projects that require more sophisticated functionality, but I am already recommending people to use framer for other projects, especially if they have no webflow experience.

[@dyveshisrael7133]

EXACTLY. This guy is glazing webflow because he's getting paid and trashing Framer because he wants people to click that link in the description real bad.

[@sketchymedia]

@@dyveshisrael7133 lol

[@leviwanyoike]

Just use both, like he does, and stop being crybaby fanboys for one - like you two.

[@BoffinNZ]

You must be paid by framer to leave comments like these…

[@baturesolomon4687]

Is it just me or the video stopped when it wasn't meant to???

[@sketchymedia]

🤔

[@baturesolomon4687]

@@sketchymedia great job tho. 👍🏾

[@me.account9690]

Once you have framer you dont need figma as pre development

[@sketchymedia]

For design purposes, Figma as part of the process is essential. As much as it pains me to say as I don’t love Figma

[@dyveshisrael7133]

Damn maybe you should disclose that you're being paid by Webflow while you're glazing it so hard and trashing Framer for no reason. Would've loved the video without that

[@sketchymedia]

I’ll get paid if you click the link and sign up! I’m gonna get a framer affiliate link too to balance it out. I’m glazing webflow like a Krispy Kreme because it’s sick. It’s the best. Second to none. Also, framer is great too as stated in the video. 🫠

[@michaelparkerdesign]

Im not paid, and ive been a framer fanboy since coffee script on framer classic. I preached the framer gospel at every org since then, but not this year. I have realized that it cant compete with webflow yet. Its nice since im a designer its easy to build and move fast in framer, but id argue its just as easy in webflow if not easier because of thins like relume. Also the webflow performance is far greater than framer. Dont get me wrong i still use framer but Ive been pushing my company to move to webflow instead of move to framer for MANY reasons at scale as well. Framer is great for a solo designer or small team banging out websites and dont wanna pay devs etc, to keep a lean team and have a designer workflow from beginning to end, thats the best utility from framer. and its only most appealing to designers. go figure its 90% of designers and design twitter still over hyping framer.