Tidy Components

About this plugin

Tidy Components is a Figma plugin that organizes all of the components and variants in alphabetical order on your page in a tidy manner.Getting StartedWhen you first open the plugin, you are presented with a set of pre-defined parameters that can be used as-is to show you what is possible.OptionsDirection: The direction in which the component groups will be laid out.Levels: The hierarchy levels in which your components will be organized.Margin: Distance between each group in pixels.Gutter: Distance between each component.Display Title: The parent category name that will be displayed before each group.Rename Duplicates: If multiple components have the exact same name, they will be renamed with incremental numbers.Zoom to Center: After cleaning up your 💩, view will zoom out to show all components.Sort Alphabetically: Tidy will sort your components and variants alphabetically.Found a bug or have an idea?This is a team of one, but if you have any good ideas or constructive feedback, please do not hesitate to share your thoughts by creating a new issue - screen captures are welcomed.Show your supportIf you find this plugin useful, feel free to buy me a 🍺 at my Patreon page. Thanks! 🙏ContributeRun yarn to install dependencies.Run yarn build:watch to start webpack in watch mode.Open Figma > Plugins > Development > New Plugin... and choose manifest.json file from this repo.Create a Pull Request for your branch