Export to Organized Folders

About this plugin

Stop renaming layers just to export folders! 📂

This plugin automatically organizes your components and variants into a clean directory structure and exports them as a ZIP file.

Perfect for developer handoff and keeping your project organized without messing up your Figma layer names with slashes (`/`).

✨ Key Features

1. Auto-Folder Generation:** Creates folders based on Component and Variant names (e.g., `Button/Primary/Hover.png`).
2. Clean Filenames: Automatically sanitizes filenames (removes spaces, commas, and special characters) to be code-ready.
3. Visual Preview: See the folder structure tree before you export.
4. Variant Support: Intelligently parses Variant properties into clean filenames.

🚀 How it works

1. Select the components or instances you want to export.
2. Run the plugin.
3. Check the folder structure preview.
4. Click "Export ZIP".

💡 Why use this?

Standard Figma export requires you to rename layers with slashes (e.g., `Button/Primary`) to create folders. This plugin solves that problem. You can keep your layer names simple and let the plugin handle the directory structure for the export.

---

export, zip, folder structure, directory, developer handoff, assets, batch export, rename, organize, variants, react, code-friendly