ai-naming

Instantly rename layers with AI-powered professional naming

Plugin Preview

# AI Layer Naming

Transform your messy Figma layers into clean, professional names instantly with AI.

## ✨ Key Features

- **Batch Rename**: Process multiple layers in one click

- **Smart Naming**: Auto-generated kebab-case names with type prefixes (Frame-, Button-, Text-,

etc.)

- **Two Modes**: Fast mode for structure-based naming, Precise mode with visual recognition

- **Keyboard Shortcuts**: Quick access without menu clicks

- **Cost Efficient**: Single API call processes all selected layers

## 🚀 How It Works

1. Select one or more layers in Figma

2. Right-click → AI Layer Naming (or use keyboard shortcut)

3. Get professional names like `Button-Primary-Submit`, `Frame-Hero-Section`

No more "Rectangle 123" or "Group 456"!

## 🎯 Naming Convention

Uses industry-standard conventions:

- kebab-case formatting (lowercase + hyphens)

- Type-based prefixes (Frame-, Button-, Text-, Icon-, Card-, etc.)

- Concise yet descriptive (2-4 words)

- English only

Perfect for developers, designers, and design systems teams who value clean, consistent naming.

API:1.0.0
UI:index.html
main:code.js
Document Access:dynamic-page
Network Access:
This plugin needs to communicate with OpenAI API for AI-powered layer naming using user's own API key
Editor Types:
figma
Allowed Domains:
- https://api.openai.com