JSON Frame Reconstructor - Figma Plugin

Created by Disky.eth/https://github.com/Diskyeth - November 2025

A Figma plugin that allows you to reconstruct frames from raw JSON data.

Features

• Parse and reconstruct Figma frames from JSON input
• Support for multiple node types:
  • Frames with layout properties
  • Vector shapes with paths and networks
  • Rectangles
  • Text nodes
  • Groups
• Handle complex properties:
  • Gradient fills (linear)
  • Solid fills
  • Strokes
  • Effects
  • Opacity and blend modes
  • Layout properties (padding, spacing)
  • Scientific notation in numeric values

Installation

1. Clone or download this repository
2. Open Figma Desktop
3. Go to Plugins → Development → Import plugin from manifest...
4. Select the manifest.json file from this project directory

Supported Properties

• name, type, visible, locked

• x, y, width, height, rotation

• opacity, blendMode

• fills, strokes, strokeWeight, strokeAlign

• cornerRadius

• layoutMode, paddingLeft/Right/Top/Bottom, itemSpacing

• children (array of child nodes)

• All frame properties plus:

• vectorPaths (SVG path data)

• vectorNetwork (vertices, segments, regions)

• RECTANGLE: Basic shape properties

• TEXT: Text content and styling

• GROUP: Container for multiple nodes

Limitations

• Some advanced Figma features may not be fully supported yet
• Image fills require additional handling
• Complex constraints and auto-layout features may need manual adjustment
• Font loading for text nodes uses "Inter Regular" by default

Contributing

Contributions are welcome! Feel free to submit issues or pull requests.