Skip to content
Name Layers

Name Layers

by 見野 伸太郎

Rename Frames Automatically

FreeFigma

Installs

546

Likes

39

Users

5,290

Views

4,330

Preview

Name Layers preview

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:

Set Names: Rename frame and rectangle layers based on the naming conventions (excluding those with unique names).

Reset Names: Reset renamed frames and rectangles to default names without numbers (excluding those with unique names).

Reset All Frames and Rectangles: Reset all frames and rectangles to default names without numbers.

Add Suffix: Add size or date suffixes to the names of selected frame layers.

Remove Suffix: Remove suffixes from the names of selected frame layers.

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.

Layoutroot: 'wrapper' // A frame located under a page or section.container: 'container' // A frame with a max-width that is centered.grid: 'grid' // A frame with a horizontal layout and children of the same width.cell: 'cell' // Frames of the same width within a horizontal layout.row: 'row' // A frame within a horizontal layout that is also horizontal.col: 'col' // A frame within a horizontal layout that is also vertical.center: 'center' // A frame that aligns items to the center.verticalLayout: 'stack' // A frame with a vertical layout.horizontalLayout: 'flex' // A frame with a horizontal layout.wrap: 'wrap' // A frame with a horizontal layout and wrapping.space: 'space' // An empty frame.image: 'image' // A rectangle filled with an image.line: 'line' // A frame and rectangle determined by aspect ratio.minWidth: 'min' // A frame with a min-width.maxWidth: 'max' // A frame with a max-width.

Suffixsuffix: '_{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:'-w{width}px-h{height}px' => LayerName-w375px-h640px'{yyyy}-{mm}-{dd}' => LayerName 2024-08-31

More file organization plugins plugins

View all