Design · Web app

Figma Autoname

AI-powered Figma plugin to automatically rename layers in one click

Visit autoname.org ↗

Figma Autoname is an open-source Figma plugin that uses AI to rename design frames and layers automatically. It helps designers organize messy files without having to manually label layers one by one, while intelligently preserving the names of components and instances. Users can also integrate their own custom Teachable Machine models.

What it's for

  • Clean up messy Figma layer panels containing default names like 'Frame 564'
  • Standardize layer naming across large design files before handoff
  • Train and apply custom naming models using Google's Teachable Machine

Features

  • One-click automatic layer and frame renaming with AI
  • Component and instance detection to prevent overwriting existing component names
  • Support for importing custom Teachable Machine AI models
  • Open-source code under the MIT license

Pricing

Free and open source

Details

Type
Web app
Category
Design
Topic
Figma Plugins
Open source
Yes
Platforms
Web, macOS, Windows
For
Figma designers and UI/UX teams
Tags
figma, figma plugin, ai, layer naming, ui design, open source

Why it was saved

  • @101babich, 18 January 2024: Saves designers from tediously naming layers like 'Frame 564' one by one; select layers, press 'Name', and the plugin generates meaningful names.

Related

  • Iconoir

    Open-source icon library available across web frameworks, design tools, and SVG

  • Keyline Icons

    Free MIT-licensed icon library with four styles and two corner variants.

  • coolshapes

    Open-source abstract shapes with grainy gradients for design and dev projects.

  • Lucide

    Open-source, tree-shakable icon library for web and mobile interfaces.

  • Mobbin

    Searchable library of real-world mobile and web app UI screens and flows

  • Modulor

    Open-source, token-driven design system and Figma UI kit by GR8 Tech.

Updated