Back to Plugins
DS Housekeeper

DS Housekeeper

Tidy up your design files with ease!

landing pagefind and replacedesignfinderswap fontlocateswap instancedesign systemstylesdelete

Plugin Preview

DS Housekeeper preview

About this plugin

Tidy up your design files with ease!


If you've ever dealt with massive design files, or worked with multiple libraries, you've probably encountered these issues during maintenance:

  1. I have a style, but I don't know which layers are using it or whether it's totally unused?
  2. I want to swap some layers to a new style, but it's taking forever cos those layers are scattered all over my file!
  3. I want to delete some specific layers or instances, but it's an absolute chore for the same reason above!


Here's how DS Housekeeper can help you:

  1. Get a view of every layer/instance used by a given style, including a page-by-page breakdown and option to view all layer/instances in each page
  2. Swap layers of a given style to another style, or delete them all, in a click of a button!



How to Use?


  1. after the plugin has loaded all your styles and components, click Scan to find all layers/instances used by it
  2. if a style has layers, click on down arrow to view details sorted by each page
  3. right-click on each page entry to either view, swap or delete those layers



Update:


Hi everyone, this plugin is getting a major update!

I’ve renamed it to Design System (DS) Housekeeper to better reflect its purpose and features.

Apart from overhauling the UI, I’ve also added some new features:

- *Able to delete layers/instances and styles

- *Able to swap layers/instances to other relevant styles eg. swap text layers from one text style to other text styles

- *Able to search for remote styles

- Able to refresh UI when editing user file outside of the plugin

- Able to search for styles using search bar (helpful when you have hundreds of styles)



Bug Report/Feedback


If you encounter any bugs, send me the details at [email protected].

To make it easier for me to pinpoint the issue, you can include screenshots or recordings of the problem, or even share the link to your Figma file (if you’re comfortable with that).


If you have any suggestions about my plugin, feel free to leave a comment below! I might consider implementing it if a suggestion is really popular, and if I have the technical know-how to do it.



Future plans:


I hope to make use of Figma’s REST api to retrieve various info like remote styles and thumbnails quickly.

I'm also planning to implement a selection mode where you can view a breakdown of styles used and edit those layers/instances whenever you make a selection in your design file.

Plugin Details

Version2
CreatedAugust 11, 2023
Last UpdatedJanuary 11, 2024
Categorydesign-systems
CreatorZack Hong
Stats166 installs, 16 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:index.html
  • main:code.js
  • Editor Types:
    figma
  • Allowed Domains:
    • https://fonts.googleapis.com/
    • https://fonts.gstatic.com
    • https://rsms.me