I made my portfolio website in Framer AND Webflow - which is better?

  Рет қаралды 19,871

Matt Thorne

Matt Thorne

2 ай бұрын

I tried to redesign and build my portfolio in Webflow vs Framer, putting them both head to head. Who won and which did I choose?
Sign up to Webflow and start building for free (Affiliate link)
► webflow.partnerlinks.io/56ls7...
Subscribe for more videos
► bit.ly/3FEHvf1
Website / Portfolio
► sketchy.media/
Newsletter, guides + templates
► Newsletter: sketchy.media/newsletter
Follow Me
► Instagram: / sketchymedia
Get inspired by the future of graphic design!

Пікірлер: 62
@micahmcleantalks
@micahmcleantalks 2 ай бұрын
Really enjoying the video Matt. Great content!
@sketchymedia
@sketchymedia 2 ай бұрын
Thanks Micah!
@soysaestrad
@soysaestrad 2 ай бұрын
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
@sketchymedia 2 ай бұрын
We got there in the end, the main thing was actually setting all the 100% widths correctly etc
@AndresTheDesigner
@AndresTheDesigner Ай бұрын
Love the video! Insightful 🦇
@sketchymedia
@sketchymedia Ай бұрын
Thanks andres, appreciate the comment
@qwintheatoy
@qwintheatoy 2 ай бұрын
Find in recommendations. Great content!
@sketchymedia
@sketchymedia 2 ай бұрын
Thanks for watching, I appreciate the comment!
@leviwanyoike
@leviwanyoike 2 ай бұрын
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
@sketchymedia 2 ай бұрын
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
@lilbitcoin4507
@lilbitcoin4507 2 ай бұрын
Great job thanks 🎉
@sketchymedia
@sketchymedia Ай бұрын
Thanks!
@RachelReimagines
@RachelReimagines 2 ай бұрын
Great video Matt! What grid settings do you use in Figma when working with the Relume library?
@sketchymedia
@sketchymedia 2 ай бұрын
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
@RachelReimagines
@RachelReimagines 2 ай бұрын
@@sketchymedia Thanks!
@belshares
@belshares 2 ай бұрын
Great tips here! Curious - do you edit your own videos?
@sketchymedia
@sketchymedia 2 ай бұрын
Thanks! And unfortunately yes. A necessary evil currently. Had tried some outsourced help on one of the others though
@promoteddesigns5168
@promoteddesigns5168 Ай бұрын
I really liked the videoo :)
@sketchymedia
@sketchymedia 29 күн бұрын
Thankyou, appreciate this
@bigfoot131
@bigfoot131 2 ай бұрын
I changed from webflow to framer it really feels like designing in figma.
@sketchymedia
@sketchymedia 2 ай бұрын
Agreed, that’s a big advantage for lots of people
@user-tz4ze4ol5e
@user-tz4ze4ol5e Ай бұрын
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
@sketchymedia 29 күн бұрын
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
@kasforai
@kasforai 2 ай бұрын
Can relume work with Bubble? first export to Figma then bubble?
@sketchymedia
@sketchymedia 2 ай бұрын
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
@mrjohncrumpton
@mrjohncrumpton 2 ай бұрын
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
@sketchymedia Ай бұрын
Thanks Jon, long story short it was allow for a specific cable for my mechanical keyboard, and to hide hard drives.
@nicoringa6917
@nicoringa6917 19 күн бұрын
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!!)
@user-gi7mc1cb3r
@user-gi7mc1cb3r 8 күн бұрын
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.
@mopolo
@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
@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
@isuruwan23 Ай бұрын
@@sketchymedia when you say advanced, what kind of features are you referring to?
@Applecitylightkiwi
@Applecitylightkiwi 2 ай бұрын
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
@sketchymedia 2 ай бұрын
It’s a good point, I didn’t dive into pricing but 100% webflow is much more expensive
@lunafilms3684
@lunafilms3684 19 күн бұрын
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
@AndrejMikula 14 күн бұрын
No, you don't. You can start building the site in Framer right away.
@waylorr
@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
@rz9wb Ай бұрын
Is it faster to prototype in figma and hand code the site yourself? If you are a really good coder?
@sketchymedia
@sketchymedia 29 күн бұрын
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
@artofsirmanu9748
@artofsirmanu9748 2 ай бұрын
Framer Vs Wix Studio....👀
@sketchymedia
@sketchymedia 2 ай бұрын
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
@clemenskotoku 2 ай бұрын
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
@lilbitcoin4507 2 ай бұрын
@@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 🫵🏻🫵🏻🫵🏻
@chakricherala
@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
@sketchymedia Ай бұрын
You got the wrong person there my friend. I did not
@Kris-xh6wk
@Kris-xh6wk 23 күн бұрын
Sponsored by Webflow 💁‍♂️
@Pipiundkakiinpipikakaland42
@Pipiundkakiinpipikakaland42 25 күн бұрын
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.
@baturesolomon4687
@baturesolomon4687 Ай бұрын
Is it just me or the video stopped when it wasn't meant to???
@sketchymedia
@sketchymedia Ай бұрын
🤔
@baturesolomon4687
@baturesolomon4687 Ай бұрын
@@sketchymedia great job tho. 👍🏾
@me.account9690
@me.account9690 Ай бұрын
Once you have framer you dont need figma as pre development
@sketchymedia
@sketchymedia 29 күн бұрын
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
@johntremendol
@johntremendol 2 ай бұрын
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
@sketchymedia 2 ай бұрын
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
@dyveshisrael7133 2 ай бұрын
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
@sketchymedia 2 ай бұрын
@@dyveshisrael7133 lol
@leviwanyoike
@leviwanyoike 2 ай бұрын
Just use both, like he does, and stop being crybaby fanboys for one - like you two.
@BoffinNZ
@BoffinNZ 2 ай бұрын
You must be paid by framer to leave comments like these…
@dyveshisrael7133
@dyveshisrael7133 2 ай бұрын
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
@sketchymedia 2 ай бұрын
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
@michaelparkerdesign 2 ай бұрын
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.
The BIG reason to use Framer over Webflow
12:37
Jansley
Рет қаралды 12 М.
Why I switched to Framer from Webflow
12:17
Omar Farook | Building Tech Startups
Рет қаралды 155 М.
WORLD'S SHORTEST WOMAN
00:58
Stokes Twins
Рет қаралды 112 МЛН
A teacher captured the cutest moment at the nursery #shorts
00:33
Fabiosa Stories
Рет қаралды 52 МЛН
Playing hide and seek with my dog 🐶
00:25
Zach King
Рет қаралды 35 МЛН
3 Ways Summer Rush Will Ruin Your Business (If You Don't Do This)
3:57
I tried every website builder. This is the BEST
19:31
Steve Builds Websites
Рет қаралды 58 М.
Graphic Design Trends 2024 [18 Styles Explained]
17:10
Matt Thorne
Рет қаралды 484 М.
Webflow vs Framer: 2024 Guide for Web Designers
6:51
Fekry Aiad
Рет қаралды 11 М.
Why I prefer Framer over Webflow
12:55
Flux Academy
Рет қаралды 36 М.
My Figma to Framer Process
16:30
Flux Academy
Рет қаралды 38 М.
7 Portfolio Websites designers NEED to see
6:14
Andres The Designer
Рет қаралды 185 М.
The UX/UI Portfolio That Gets Me Hired
15:54
Leander Angst
Рет қаралды 60 М.
ПАЛОЧКИ + БУТЫЛКА = ВАЗА😳🥢
0:52
polya_tut
Рет қаралды 1,8 МЛН
Nutella-Kinder burrito bomb ! 🤤🎉
0:47
adrian ghervan
Рет қаралды 10 МЛН