A Toolkit

About this plugin

🎉 My new plugin, Component Crafter, is now live! You're all welcome to try it out! 👉 LINK

-----------------------------------------------------

This powerful plugin boosts design efficiency, eliminates repetitive tasks, and lets you focus fully on creativity and innovation. and support 20 languages.

2025.05.28 Change log

ui optimization

Tutorial link

https://youtu.be/vrik6pKBc20?si=7NKhtP4-aG4H28Li

Select Panel

Scenario: Working in a complex interface with multiple similar buttons or icons. The selection panel quickly identifies all layers with the same attributes (e.g., position, size, color), making unified adjustments more convenient.

Usage Example: Select a button, and the plugin automatically matches all buttons with the same color or style ID. This allows designers to modify styles in bulk, ensuring consistency.

Find and Replace Panel

Scenario: Modify text or layer names within a specific range, such as elements on a particular page or within a selected layer group.

Usage Example: Ideal for large projects, this feature helps designers make quick and accurate local edits, avoiding the confusion caused by global replacements.

Locator Panel

Scenario: Large projects often involve numerous layers, making it easy to lose track of specific ones.

Usage Example: Save important layers (e.g., logos or specific versions) to the locator panel with tags and descriptions. Quickly find them later by clicking the tags, boosting efficiency.

Frame Resize Panel

Scenario: Resize multiple layers to meet design specifications, such as scaling components from a 9-grid layout to specific dimensions.

Usage Example: Select a button and set a scaling ratio. The plugin automatically adjusts layer sizes according to 9-grid rules and saves presets for quick reuse.

Export Panel

Scenario: Export multiple layers as image files, particularly in projects with many icons or slices.

Usage Example: Use the export panel to select layers starting with "ic" or "icon." The plugin exports these layers automatically, applying predefined export options, multipliers, and platform settings (iOS, Android, Web) for seamless slicing.

Tips to use

1：replace panel search then click keyboard ← and → to switch next and previous layer

2:select panel right click the item menu，you will find some new features