Name Layers

About this plugin

This plugin automatically renames layers based on predefined naming conventions.

Select frames and rectangles, then run the plugin from the menu.

Menu:

1. Set Names: Rename frame and rectangle layers based on the naming conventions (excluding those with unique names).
2. Reset Names: Reset renamed frames and rectangles to default names without numbers (excluding those with unique names).
3. Reset All Frames and Rectangles: Reset all frames and rectangles to default names without numbers.
4. Add Suffix: Add size or date suffixes to the names of selected frame layers.
5. Remove Suffix: Remove suffixes from the names of selected frame layers.
6. Override Naming with Local Variables: Replace naming labels with local variables.

Naming Conventions:

You can change the value of a variable to any name.

To skip renaming, comment out the value using /* */ or delete the variable.

Layout

1. root: 'wrapper' // A frame located under a page or section.
2. container: 'container' // A frame with a max-width that is centered.
3. grid: 'grid' // A frame with a horizontal layout and children of the same width.
4. cell: 'cell' // Frames of the same width within a horizontal layout.
5. row: 'row' // A frame within a horizontal layout that is also horizontal.
6. col: 'col' // A frame within a horizontal layout that is also vertical.
7. center: 'center' // A frame that aligns items to the center.
8. verticalLayout: 'stack' // A frame with a vertical layout.
9. horizontalLayout: 'flex' // A frame with a horizontal layout.
10. wrap: 'wrap' // A frame with a horizontal layout and wrapping.
11. space: 'space' // An empty frame.
12. image: 'image' // A rectangle filled with an image.
13. line: 'line' // A frame and rectangle determined by aspect ratio.
14. minWidth: 'min' // A frame with a min-width.
15. maxWidth: 'max' // A frame with a max-width.

Suffix

1. suffix: '_{width}x{height}_{yy}{mm}{dd}' // The parts enclosed in curly braces are variables (width, height, year, month, and day). You can customize the format. For example:
2. '-w{width}px-h{height}px' => LayerName-w375px-h640px
3. '{yyyy}-{mm}-{dd}' => LayerName 2024-08-31