Node Exporter

About this plugin

🧩 Node Exporter

Node 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 Use

1. Install the plugin from Figma Community

2. Open your Figma or FigJam file

3. Select one or more nodes

4. Right-click → Plugins → Node Exporter

5. 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 include

6. 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

---

🔐 Permissions

Node 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 Info

Created by Agent Null

Have ideas, feedback or bugs? Open an issue or contribute!