DS Housekeeper
Tidy up your design files with ease!
Plugin 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:
- I have a style, but I don't know which layers are using it or whether it's totally unused?
- I want to swap some layers to a new style, but it's taking forever cos those layers are scattered all over my file!
- 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:
- 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
- Swap layers of a given style to another style, or delete them all, in a click of a button!
How to Use?
- after the plugin has loaded all your styles and components, click Scan to find all layers/instances used by it
- if a style has layers, click on down arrow to view details sorted by each page
- 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
Version | 2 |
---|---|
Created | August 11, 2023 |
Last Updated | January 11, 2024 |
Category | design-systems |
Creator | Zack Hong |
Stats | 166 installs, 16 likes |
Pricing | Free |
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
More Like This
Discover other plugins in the design-systems category.