Relume Community Icon
Relume Community
  • 馃彔Home
  • 馃搮Events

  • 馃數Announcements
  • 馃數General
  • 馃數Getting Started
  • 馃數Issues
  • 馃數Showcase

Powered by Tightknit
Getting Started
Getting Started

Tips for Managing and Organizing Styles Effectively

Avatar of TomTom
路

hey folks - what is everyone using to manage styles? It can get unwieldy pretty quickly, so I was thinking there must be a way to bulk rename and remove unused styles to help keep things organised

3 comments

  • Avatar of Viktor V.
    Viktor V.
    路

    In Figma there is a plugin called Batch Styler. In Webflow, I don鈥檛 think there is something like this so I customize everything in the Style Guide page.

  • Avatar of Matt J.
    Matt J.
    路

    Tom I would say in Webflow hitting G on your keyboard and hitting the little brush icon top right will clean up any unused styles. If you created custom classes that you are only using in code embeds, you'll wipe those away if you use this tool - so just put a div with those custom classes somewhere on the style guide page and you'll be fine. All other global utility classes used to do layout and other things should already be on the style guide page so using this tool won't hurt anything. Not a bad idea to do a backup before doing it though (cmd + s to do a backup snapshot in Webflow). In Webflow, using the Finsweet tool, you can rename classes in bulk using the Folders feature. We have a quick doc on that here: https://www.relume.io/resources/docs/working-with-finsweet-tools#folders Hope that helps, Viktor covered the Figma side, so if neither of these is what you meant or if we didn't answer your question - feel free to expand on it more with some examples as well.

    馃檶1
  • Avatar of Tom
    Tom
    路

    Thanks Matt J. - the finsweet folders solves the problem!