Figma plugin

Use the Echo Specs plugin to generate documentation in Figma

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:

templateType	What it creates
screenReader	VoiceOver, TalkBack, and ARIA accessibility tables
colorAnnotation	Color token mappings for elements and states
anatomyOverview	Component structure, variants, and states
apiOverview	Property tables with values and defaults
structureSpec	Dimensional specs for spacing and sizing
changelog	New changelog with entries
changelogUpdate	Appends 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.