Back to Plugins
Rename It

Rename It

<p>Keep your Figma files organized, batch rename layers and frames.</p><p><br></p><h2><strong>**NEW FEATURE**&nbsp;</strong></h2><p>Quickly rename layers using the Figma quick actions launcher.</p><ul><li>Select the layers that you want to rename</li><li>Invoke the Figma launcher with ⌘/ on Mac or Control/ on PC</li><li>Search for "quick rename" and press enter</li><li>Type what you want to rename your layers (You can use any Rename It keywords, such as %N for sequence rename)</li><li>Press enter and choose the sequence order if needed.&nbsp;</li><li>Voila! The layers should be renamed.</li></ul><p><br></p><h2>Multiple Layers</h2><p>Rename Multiple layers at once.</p><p><br></p><h2>Sequence</h2><p>Sequentially rename layers in either ascending or descending order.</p><ul><li><strong>Keyword %N</strong> - Ascending numbered sequence</li><li><strong>Keyword %n</strong> - Descending numbered sequence</li><li><strong>Keyword %A</strong> - Alphabet sequence</li></ul><p><br></p><p>Additionally, you can choose the sequence order by:</p><ul><li><strong>Layer Panel</strong> - orders by the layer order in the panel</li><li><strong>Left to right, top to bottom </strong>- orders by canvas position starting from the left most selected layer</li><li><strong>Top to bottom, left to right </strong>- orders by canvas position starting from the top most layer</li></ul><p><br></p><h2>Current Layer Name</h2><p>The keyword<strong> %*</strong> will copy the current selected layer(s) name.</p><p><br></p><h2>Layer Name Case</h2><p>You can use the <strong>%*</strong> with combination of letters to convert the layer name case.</p><ul><li><strong>Keyword %*u%</strong> - Convert to UPPER CASE</li><li><strong>Keyword %*l%</strong> - Convert to lower case</li><li><strong>Keyword %*t%</strong> - Convert to Title Case</li><li><strong>Keyword %*uf%</strong> - Convert to Upper first word</li><li><strong>Keyword %*c% </strong>- Convert to camelCase (This will remove the spaces)</li></ul><p><br></p><h2>Add Width and Height</h2><p>Rename layer(s) with the width <strong>%W</strong> and height <strong>%H</strong> of a layer.</p><p><br></p><h2>Find &amp; Replace in Selected Layers</h2><p>Replace any word(s) or character(s) from selected layers.</p>

utilitytext_transformlayersbatchexpressionsnumberingremamingrenamecapitalization

Plugin Preview

Rename It preview

About this plugin

Keep your Figma files organized, batch rename layers and frames.


**NEW FEATURE** 

Quickly rename layers using the Figma quick actions launcher.

  • Select the layers that you want to rename
  • Invoke the Figma launcher with ⌘/ on Mac or Control/ on PC
  • Search for "quick rename" and press enter
  • Type what you want to rename your layers (You can use any Rename It keywords, such as %N for sequence rename)
  • Press enter and choose the sequence order if needed. 
  • Voila! The layers should be renamed.


Multiple Layers

Rename Multiple layers at once.


Sequence

Sequentially rename layers in either ascending or descending order.

  • Keyword %N - Ascending numbered sequence
  • Keyword %n - Descending numbered sequence
  • Keyword %A - Alphabet sequence


Additionally, you can choose the sequence order by:

  • Layer Panel - orders by the layer order in the panel
  • Left to right, top to bottom - orders by canvas position starting from the left most selected layer
  • Top to bottom, left to right - orders by canvas position starting from the top most layer


Current Layer Name

The keyword %* will copy the current selected layer(s) name.


Layer Name Case

You can use the %* with combination of letters to convert the layer name case.

  • Keyword %*u% - Convert to UPPER CASE
  • Keyword %*l% - Convert to lower case
  • Keyword %*t% - Convert to Title Case
  • Keyword %*uf% - Convert to Upper first word
  • Keyword %*c% - Convert to camelCase (This will remove the spaces)


Add Width and Height

Rename layer(s) with the width %W and height %H of a layer.


Find & Replace in Selected Layers

Replace any word(s) or character(s) from selected layers.

Plugin Details

Version14
CreatedJuly 11, 2019
Last UpdatedApril 10, 2022
CategoryFile organization plugins
CreatorRodrigo Soares
Stats157129 installs, 2830 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:dist/ui.html
  • main:dist/code.js
  • Editor Types:
    figma