Back to Plugins
Node Exporter

Node Exporter

Extract all or selected node properties as JSON, including children โ€” quick, clean, and magical!

Plugin Preview

Node Exporter preview

About this plugin

๐Ÿงฉ Node ExporterNode Exporter is a powerful Figma plugin that lets you extract full or partial JSON data from selected design nodes โ€” including all their children โ€” with just a click.โœจ Features- ๐Ÿ” Inspect any selected nodes in your Figma file- ๐Ÿงพ Export all node properties (deep scan via prototype chain)- โœ… Or choose specific common properties to extract (e.g., name, width, layoutMode)- ๐ŸŒณ Recursively includes children of selected nodes- ๐Ÿ’พ Outputs clean, downloadable `.json` files- โšก๏ธ Fast, no setup, no code required---๐Ÿš€ How to Use1. Install the plugin from Figma Community2. Open your Figma or FigJam file3. Select one or more nodes4. Right-click โ†’ Plugins โ†’ Node Exporter5. You'll see two options:- `โœจ Export All Properties`: grabs every readable property for all selected nodes and children- `๐Ÿ”ง Choose Properties to Export`: shows a checkbox list of common properties you can include6. Click the relevant button and a `.json` file will automatically download!---๐Ÿ“ฆ Example Use Cases- Design-to-code workflows- Creating component libraries- Auditing design system properties- JSON handoff for frontend developers- Custom design analysis---๐Ÿ” PermissionsNode Exporter does not require any network access or authentication. All processing is done locally in your editor.---๐Ÿง  Tech Notes- Uses JavaScript reflection to walk the prototype chain- Safe error handling (non-serializable properties skipped)- Deep export support for nested `children` arrays---๐Ÿ‘จโ€๐Ÿ’ป Developer InfoCreated by Agent NullHave ideas, feedback or bugs? Open an issue or contribute!

Plugin Details

Version4
CreatedMay 12, 2025
Last UpdatedMay 28, 2025
CategorySoftware development
CreatorAgent Null
Stats24 installs, 8 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • none