Complete Anatomy and Layout
The plugin detects additional elements and layouts across variants beyond those detected in the selected component and displays each in additional anatomy and layout rows.
This feature is only available via the Pro subscription to the EightShapes Specs plugin.
What is included
When properties are generated, elements and additional layout configurations may be detected in alternatives to the primary variant being annotated. Each will be identified in a successive exhibit, marked in artwork and itemized in relevant attribtes not already displayed in the the Properties section.
How it works
As the Properties section is generated, each alternative variant is inspected for each property. As variants include distinct elements and layout not already detected, each is inventoried. When the Anatomy and Layout sections are subsequently generated, a row of artwork and annotation is generated for each variant that included one or more additional detected elements.
An element is considered distinct if the combination all following criteria is unique within the inspected frame or component:
layer type (such as TEXT or INSTANCE) and
layer name (such as Settings or Title) and
layer parent hierarchy (such as Card / Title Lockup / Title) and
child position of layers at that level of the same type and name
Examples
Card / Title Lockup / Title (TEXT)
is a distinct element fromCard / Title (TEXT)
, since they are at different levels of a layer hierarchy.
Card / Actions /
with two children both namedAction item
are considered two distinct elements (think of it asAction item
(1) andAction item
(2)Consider
Card / Title Lockup / Title (TEXT)
as a first child ofTitle Lockup
in variant 1 andCard / Title Lockup / Title (TEXT)
as a second child in variant 2 (because the first child ofTitle Lockup
is an icon instance). Those elements are the same element and would not be included twice in the Anatomy.