Specs

About this plugin

Documentation | Submit requests and defects | Slack CommunityAutomate production of page and component design specifications (“specs”) of selected components, instances and frames. The output is useful for design-dev handoff, auditing in progress design work, and critiquing with teammates.Features available for free without payment include:Anatomy with marked layers and annotated dependencies, instance props and other unvarying attributesProps that compare attributes across variants to highlight differences and boolean prop layer visibilityLayout and spacing of layers with autolayout, describing attributes and annotating artworkAdditional features available via an in-app upgrade include:Figma variables detection & displayModes section for variables that change across modesTwo way comparisons of all variant combinations across two propertiesTokens Studio tokens detection & displayAnnotation of all anatomy elements and layout configurations detected across all compared variants, not just the selected variantCustom spec formatting using color variables, spacing variables and text stylesSpecs of nested components automated, easing how to find and spec relevant componentsTabular Anatomy display, including dev resourcesMulti-column layouts (2, 3 and 4 columns) for many sectionsColor format as hex or hslaDark mode spec formattingFor billing support, contact Figma at [email protected]. Since plugin upgrade is supported by the Figma Payment platform, the plugin author cannot help with billing inquiries and team and organization licensing is not available.To get help, request a feature, report a defect or troubleshoot, visit the EightShapes Specs public Slack. You can also request a feature or submit a defect on the project's Github Issues page.To learn more, get a copy of the EightShapes Specs community file and read the Medium articles The EightShapes Specs Figma Plugin and Component Specifications.Made by @nathanacurtis of Directed Edges LLC.