Data

As the plugin traverses artwork to evaluate and compare elements, properties, options, and attributes, those values are added to a JSON structure that's cleaned up and exported into a Figma text frame.

Optionally, users can omit attributes from the data.

The JSON model is:

• anatomy as an array of elements, each with:

  • name

  • type (FRAME, TEXT, …)

  • instanceOf (only for instances)

  • attributes as an array of property (for instances) or visual (for other types), each with:

    • Any attribute:

      • value

        • For variables, it shows a concatenated variable collection and variable name

        • For styles, it shows the style name

        • For hardcoded values, it shows the value

      • format, such as PROPERTY, HARDCODED, VARIABLE, or STYLE

    • Visual attributes:

      • key

      • systemIdfor including the Figma id of a variable or style

      • rawValue

    • Property attributes:

      • propertyName

• properties as an array of props, each with:

  • name

  • type, such as VARIANT, BOOLEAN, TEXT and INSTANCE_SWAP

  • default

  • options as an array of options, each with:

    • name

    • elements, with the same model as elements in Anatomy