Extract All v3.0.0 — Intention-Based Tabbed UI
Install Guide
Option 1: Download from release (recommended)
- Download Source code (zip) from this release.
- Unzip somewhere on your machine.
- In Figma Desktop: Plugins → Development → Import plugin from manifest → select manifest.json.
Option 2: Build from source
git clone https://github.com/Lukas-Bohez/figma-extract-all.git
cd figma-extract-all
npm install && npm run build
Then import manifest.json in Figma.
v3.0.0 — Intention-Based Tabbed Interface
The UI is now organized around your actual workflow:
🎬 After Effects Tab
- Export all SVGs for AE (individual files)
- Include position metadata JSON (x, y, w, h, parent hierarchy)
- Export Lottie JSON Bundle (selected nodes as embedded SVGs)
- Import & validate Bodymovin/Lottie JSON from After Effects
- All options checked by default
🤖 AI / Website Tab
- Extract for AI code generation (React, Next.js, Vue)
- Embed all SVGs in JSON + download separate files
- All text (hex colors, fonts, positions, parent hierarchy)
- Design tokens/variables (named modes, hex, CSS)
- Text and paint styles
- Component structure
- Full node hierarchy tree
- Plain text dump
📦 Assets Export Tab
- Selected nodes as SVG/PNG/JPG at any scale
- Batch export current page or all pages
- Individual data exports (variables, styles, components, pages)
All checkboxes are checked by default — just pick your tab and click one button.