Skip to content

Data

The Data section provides the component’s full spec as a single block of text, including every field the plugin’s current settings produce, formatted as YAML or JSON.

A Data section on the Figma canvas, showing an Alert component's spec serialized as a YAML text block with title, anatomy, and props fields

What It Includes

  • Serialized text — the full component spec rendered as one text block, formatted as YAML or JSON
  • Format — controlled by the plugin’s Format Output setting; YAML by default, or JSON when selected
  • Full detail — every field the spec produces for the component, including whatever depth of variant and detail data the plugin’s settings currently include
  • One block per component — the main component gets one Data block, and each documented subcomponent gets its own separate Data block with its own slice of the spec
  • Output Format — Chooses YAML or JSON for the block
  • Keys — Renames keys, such as camelCase or snake_case
  • Variant Depth — More depth means more variant entries
  • DetailsLAYERED vs FULL changes how much gets captured