Back to Plugins
Frame Renamer

Frame Renamer

Smart, seamless renaming - powered by your content

chatgptalloptionsdocumentationspecifyautoautomaticallyframeorganizeselectedrenamecustomselective

Plugin Preview

Frame Renamer preview

About this plugin

Frame Renamer renames frames, components, slices, sections, and more using the characters from one or more text layers you specify. Build names from a prefix, base layer, and suffix - each can come from another layer or be plain text. Use {+…} tokens to insert custom snippets or {‑…}/{‑/regex/} tokens to strip out text, and optionally run in inverse mode to write node names back into the source layer instead.


View the Regex cheatsheet here.


How to Use

  1. Fill Prefix / Layer / Suffix: Enter any combination of prefix, base layer, and suffix lookups. Each field can reference another layer (text content or descendant node names) or literal text, and none of them ship with a default value—"Headline" is only used if you type it. Tokens such as {+…} and {‑…} work in every field, letting you insert extra strings or strip matched fragments. Wrap patterns in slashes—/pattern/flags—to run regex lookups; without slashes the value is matched literally. When inverse mode is enabled, the composed result is written back into the matched text node instead of the node name.
  2. Select Nodes: Manually select the nodes you want to rename. If nothing is selected, the plugin targets every supported node on the current page.
  3. Choose Node Type: Use the dropdown to restrict renaming to a specific node type, or leave it on "All" to rename every supported type.
  4. Toggle & Rename: Use the "Only selected nodes" checkbox to choose between renaming every eligible node or just your selection. Enable "Inverse mode" to mirror node names into the referenced text node (with optional prefix and suffix) instead of renaming the node itself. Click "Rename" to run the scan; the button displays a spinner and progress text while nodes are processed.
  5. Review: After the renaming process is complete, review the nodes to ensure they meet your requirements.


Core Features

  1. Multi-layer Composition: Combine prefix, base layer, and suffix references to build node names from multiple sources in a single pass.
  2. Token-aware Editing: Use {+…} insertions and {‑…} exclusions in any field to fine-tune how text is inserted or removed.
  3. Selective Renaming: Choose to rename either all nodes on the current page or only those you've selected.
  4. Node Type Filtering: Limit the operation to a single node type or apply it to all supported types.
  5. Batch Renaming: Rename multiple nodes at once using content pulled from referenced layers.
  6. Inverse Mode: Optionally write each node's current name into the referenced text node (alongside prefix and suffix edits) instead of renaming the node.


Key Benefits

  1. Efficiency: Save time and effort by composing node names from layered references and running batch updates.
  2. Flexibility: Tailor the workflow with token-driven insert/strip operations, selective targeting, and inverse mode.
  3. Clarity: Maintain a cleaner, more organized project by keeping node names in sync with underlying text content.
  4. User-Friendly: The plugin features an intuitive interface with straightforward options, making it accessible for users of all skill levels.

Plugin Details

Version10
CreatedMarch 17, 2023
Last UpdatedNovember 6, 2025
CategoryFile organization plugins
CreatorWohlgemuth Sascha
Stats951 installs, 101 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:dist/ui.html
  • main:dist/code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • none