Skip to main content
The Echo Specs plugin converts JSON from Cursor into formatted documentation frames in Figma.

​
Basic workflow

1

Copy the JSON

After the agent generates a spec, copy the complete JSON output from Cursor’s chat.
2

Open the plugin

In Figma, go to Plugins → Development → Echo Specs.
3

Paste and generate

Paste the JSON into the text area and click Generate. The plugin auto-detects the spec type.
A new documentation frame appears on your canvas with formatted tables and content.

​
Supported spec types

The plugin reads the templateType field to determine which template to use:
templateTypeWhat it creates
screenReaderVoiceOver, TalkBack, and ARIA accessibility tables
colorAnnotationColor token mappings for elements and states
anatomyOverviewComponent structure, variants, and states
apiOverviewProperty tables with values and defaults
structureSpecDimensional specs for spacing and sizing
changelogNew changelog with entries
changelogUpdateAppends entries to an existing changelog

​
Changelog update mode

To add entries to an existing changelog:
1

Select the changelog

In Figma, select the changelog frame you want to update.
2

Paste the update JSON

Paste JSON with "templateType": "changelogUpdate".
3

Generate

New entries are prepended to the changelog (newest first).
The plugin uses the first existing entry as a template for new entries, maintaining consistent styling.

​
Tips

  • Close other plugins before generating to avoid conflicts
  • Have a blank area on the canvas for the new documentation frame
  • Review the output and add component previews to placeholder areas
If you get a JSON error, make sure you copied the entire JSON block. Partial copies cause validation errors.