ahmeduxui/figma-drafts-organizer

How to use ·
How it works ·
Before you run it ·
Read the story on Medium
## The problem
Every designer has a Drafts folder like this.
Untitled. Untitled (7). Copy of Dashboard (2). final-final-v3.
Hundreds of files. Most names say nothing about what is inside.
Cleaning it by hand means opening each file, looking at it, renaming it, and dragging it to a project. One by one.
Nobody does that. So the folder keeps growing.
## What is Figma Drafts Organizer?
It is a Claude skill that cleans your Figma Drafts folder for you.
For every draft, Claude:
opens the file and reads the real text inside its frames
decides what the design actually is
gives it a clear English name
moves it to the matching numbered project, or creates one
Then it moves on to the next file. It keeps going until your Drafts folder is empty.
The core rule: the file's content is the truth. The old name is ignored.
## How it works
The skill works through Claude in Chrome, inside your own signed-in Figma tab.
There is no mouse automation. No dragging cards. No Move dialog.
Renaming and moving happen in one request. That is why it is fast and does not get stuck.
## A practical example
A draft called Untitled (4).
Claude reads the frames and finds: Courses, Students, Lecturer, Progress, Analytics.
The result:
text
Name: Online Courses - Students & Performance Dashboard
Project: 05 - LMS Dashboard
A few more from real runs:
| Content Claude found | New name | Project |
| Wallet, exchange, charts | Crypto Trading Platform - Wallet & Exchange Dashboard | 07 - Crypto |
| Messages, groups, contacts | Chat App - Messages & Groups Dashboard | 36 - Chat & Messaging |
| Calories, workouts, goals | Health Tracker - Calories & Training Dashboard | 14 - Medical & Health |
If no project fits, Claude creates the next numbered one, like 49 - Crowdfunding & Fundraising Dashboard.
## Who is it for?
UI designers with a Drafts folder full of dashboard shots and templates
Design teams that want one clean naming pattern across every file
Anyone who bought UI kits and lost track of what is where
## Install
Claude app (web, desktop)
1. Download figma-drafts-organizer.zip from this repository.
2. In Claude, open Settings → Capabilities and make sure code execution and file creation is on.
3. In the Skills section, click Upload skill, choose the ZIP and turn the skill on.
Claude Code
bash
git clone https://github.com/ahmeduxui/figma-drafts-organizer.git
cp -r figma-drafts-organizer/figma-drafts-organizer ~/.claude/skills/
You also need Claude in Chrome, with Chrome signed in to your Figma account.
## How to use
1. Open your team's Drafts page in Chrome:
https://www.figma.com/files/team/{TEAMID}/drafts
2. Ask Claude:
text
/figma-drafts-organizer Organize my Figma drafts.
Claude will ask for two things the first time:
Your team ID — the number after /team/ in the Drafts page URL.
A Figma personal access token — Figma → Settings → Security → Personal access tokens. Choose File content: Read only. It is used only to read what is inside each file.