Specs (formerly, EightShapes Specs)

开发 · 4,619 likes

Generate component specs including anatomy, props and layout & spacing

Documentation | Submit requests and defects | Slack community Automate 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 attributes Props that compare attributes across variants to highlight differences and boolean prop layer visibility Layout and spacing of layers with autolayout, describing attributes and annotating artwork Additional features available via an in-app upgrade include: Figma variables  detection & display Modes section for variables that change across modes Two way comparisons of all variant combinations across two properties Tokens Studio tokens  detection & display Annotation of all anatomy elements and layout configurations detected across all compared variants, not just the selected variant Custom spec formatting using color variables, spacing variables and text styles Specs of nested components  automated, easing how to find and spec relevant components Tabular Anatomy display , including dev resources Multi-column layouts (2, 3 and 4 columns) for many sections Color format as hex or hsla Dark mode  spec formatting For billing support, contact Figma at support@figma.com. 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 .

适用场景

Specs (formerly, EightShapes Specs) 属于 开发 分类,适合希望用清晰结果驱动设计流程的团队。

关键信息

发布者信息

创建者:Directed Edges Plugins。Figma 社区发布者:Directed Edges Plugins。

兼容性与支持

安装前如何评估

查看 Figma 内最新更新说明,确认示例输出质量,并与下方相关插件做对比。

在 Figma 中打开

相关插件