Specs Plugin

Instantly produce a complete visual specification of your Figma design without the tedious, manual effort.

Open in Figma Get Started

Standard Features

Produce a basic anatomy, properties, and layout and spacing specification for free. No subscription required.

Anatomy Include relevant visual attributes, dependencies and configurations.

Properties Highlight relevant visual and configured differences across every option.

Layout & Spacing Detect and annotate autolayout to clarify arrangements and text flow.

Styles & Variables Display detected styles, variables and Tokens Studio tokens in a table.

Pro Features

Upgrade via the Figma Community payment platform for additional capabilities.

Variables Distinguish attributes based on formats beyond just styles and hardcoded values.

Modes Illustrate variable collection impacts to themes of color, shape and density.

Format Customization Use variables and styles to format colors, typography and spacing, lay out specs in multi-column, and display Anatomy in a tabular format.

Two-Way Comparison When attributes vary in more complicated manners, run a two-way comparison.

Community

The specs plugin aims to ease designer communication, improve clarity and maximize quality.

Get Help on Slack Get help, request features, and share ideas.

Submit Defects on GitHub Submit defects and track request status.

Created by Nathan Curtis with help from Kevin Powell. Formerly known as EightShapes Specs.