NACHHALL Tools
Export design tokens, styles, and assets as structured YAML
Plugin Preview
About this plugin
A developer-focused toolkit for exporting Figma variable collections, text/effect/grid styles, and frame assets as structured YAML. Features change tracking since last export, per-source output naming, frame layout inspection with component tree visualization, dev status management, and frame bookmarks for quick navigation. Assets export as ZIP with folder structure preserved.⚠️ Early-stage / Vibe-coded plugin (see below) ⚠️ExportList all variable collections with variable counts and mode namesList combined text/effect/grid styles as a single export sourcePer-source enable/disable toggleCustom output filenames per sourceOne-click YAML copy to clipboardChange tracking badges (diff count since last export)Hidden sources accordion for disabled itemsAssets frame selection (pick any frame as asset source)Bulk asset export as ZIP with progress barAsset preview tree with SVG thumbnailsPer-folder and per-file asset exportUtilitySet/clear "Ready for Dev" and "Dev Completed" status on framesSelection tree with status indicator dots and SVG thumbnailsFrame Inspector with layout/style/variable binding detailsCopy frame layout as structured YAML to clipboardOptional base64 PNG screenshot embedded in YAML outputComponent tree (INSTANCE/COMPONENT/COMPONENT_SET hierarchy)Navigate from INSTANCE to its main COMPONENTLock inspector to a frame (prevents auto-update on selection change)BookmarksPin frames/sections/components for quick navigationDrag-to-reorder bookmarksBookmark persistence across sessions⚠️ Early-stage / Vibe-coded plugin ⚠️This plugin was developed with AI-assisted ("vibe coding") workflows. While it has been reviewed for security and functionality, it has not been battle-tested in production environments. We discourage use on productive or mission-critical Figma documents for now. The plugin only reads document data and writes to local clipboard/downloads — it does not modify your Figma file content (except for dev status flags). Still, please use on working copies until the plugin has proven stable across broader usage.
Plugin Details
| Version | 4 |
|---|---|
| Created | February 25, 2026 |
| Last Updated | March 9, 2026 |
| Category | Software development |
| Creator | Philipp Barylla |
| Stats | 1 installs, 0 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:dist/ui.html
- main:code.js
- Document Access:dynamic-page
- Editor Types:figma
More Like This
Discover other plugins in the Software development category.
Figma to Code (HTML, Tailwind, Flutter, SwiftUI)
Code Conversion Made Easy: Figma to Web & Apps
Builder.io - Figma to Code & AI Apps (React, Vue, Tailwind, etc)
Export designs to clean, responsive code or turn Figma screens into AI apps and prototypes.
SkewDat
Skew any layer or group with all layers preserved to edit.