WF Weekly - Episode 27

FINALLY you could edit Webflow Code (Finsweet Extension!)

Introduction to Finsweet Extension

"Excited about the new Finsweet extension now live as a Webflow App? In this first-time walkthrough, I dive into its powerful features like Dev Mode for direct code editing and duplicate style removal to streamline your Webflow projects and boost efficiency. Whether you're a seasoned Webflow designer or just getting started, this tool could revolutionize how you build responsive, high-performance sites."

Pricing Breakdown

"Unlimited is $6 amonth or $5 a month paid yearly. I'm not a mathematician. That is $60 a year. Really guys, that's not bad if you're a Web Flow professional. Like if you get any value from these tools, that is going to be worth it. So will you get value from these tools?"

Dev Mode: Editing Code in Webflow

"I can see right here that I can actually go ahead and edit things in code, like actually edit my web flow site in code. So we can see here we have the CSS open, we have the HTML open. That is super super exciting."

Fluid Design Generator Overview

"Fluid design generator. This is something as well that was in the Chrome extension. And if I'm going to be honest with you, I had no idea how to use it before, and I have no idea how to use it now."

Merge Combo Classes Demo

"I can literally go ahead and just, let's say I added a bunch of class to this, and I'm like, "No, no, no. We're we're in like combo class hell right now. I want this to be its own class." Now I can go ahead and write in like let's just make a class name for it like that. I can select only create class replace selected element."

Migrate to REM for Accessibility

"You can do the whole project selected element and children. So, the thing I like about this is when you're building a site, you can build it out in pixels and then you can just click migrate px to remakes it so much easier. You don't need to do the whole calculation every single time if you're bad at math like well like I am."

Organized Folders and Performance

"Look at all of the classes that we have. That is super exciting that they have this too. It feels a lot more performant than the Chrome extension. And I think that's why they released this just because it's more easily integrated with Web Flow, better performance. It's not making me refresh every single time, which is amazing."

Remove Duplicate Styles Feature

"This, I don't think, is something that was in it before. Estimated time 10 minutes. I mean, I have a massive website, so this is pretty good. I'm kind of scared to use this. I don't know if I am going to accept its changes just because I'm on a big site right now. But this is really, really good. I wonder what it's going to do."