create-property

To generate visual property annotations for Figma components, you provide a Figma component URL to the Skill, which then renders configurable property axes with instance previews. This automates component documentation directly within Figma.

Documenting Figma variant properties and boolean toggles is best handled by automated annotation tools that detect and visualize each configurable axis. This Skill generates a clear overview of all possible configurations, including size, color, and state.

Visualizing Figma variable modes requires Figma Desktop and the Desktop Bridge plugin. You also need specific template keys for rendering the visual property annotations correctly.

You can automatically generate spec sheets for complex Figma design systems using this Skill. It eliminates manual spec writing by detailing component properties, variant axes, and variable modes with interactive instance previews.

Limitations of automating component documentation include the strict requirement for Figma Desktop, the Desktop Bridge plugin, and specific template keys. Without these dependencies, the visual property annotation rendering will not function.

You need automated property annotation in Figma when documenting complex components with multiple variants and boolean toggles. It solves the problem of manual spec writing by creating interactive overviews of all configurable property axes.