create-property
CommunityVisualize component properties in Figma.
Design & Creative#design system#figma#component documentation#property annotation#variant properties#variable modes
Authorredongreen
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill automates the creation of visual documentation for component properties directly within Figma, eliminating manual spec writing.
Core Features & Use Cases
- Visual Property Annotation: Generates detailed annotations showing each configurable property axis with component instance previews.
- Variant & Variable Mode Support: Detects and visualizes properties controlled by variant axes and Figma variable modes.
- Use Case: When documenting a complex button component with multiple variants (size, color, state) and boolean toggles (icon, text, disabled), this Skill creates a clear, interactive overview of all possible configurations.
Quick Start
Generate a property annotation for the Figma component at https://www.figma.com/file/abc123xyz/component-set-id.
Dependency Matrix
Required Modules
None requiredComponents
scripts
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: create-property Download link: https://github.com/redongreen/uSpec/archive/main.zip#create-property Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.