Export to Organized Folders

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 FeaturesAuto-Folder Generation:** Creates folders based on Component and Variant names (e.g., `Button/Primary/Hover.png`).

Clean Filenames: Automatically sanitizes filenames (removes spaces, commas, and special characters) to be code-ready.

Visual Preview: See the folder structure tree before you export.

Variant Support: Intelligently parses Variant properties into clean filenames.

🚀 How it worksSelect the components or instances you want to export.

Run the plugin.

Check the folder structure preview.

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