用途：在 Figma 中构建组件前，系统化定义组件所需的全部变体、属性和状态，防止组件已用于大量页面后才发现缺少变体。
必要输入：组件名称（如 Button、Card、Input、Badge、Navigation item）、组件用途与使用场景、平台（iOS/Android/Web/多平台）、设计系统背景（独立或属于现有系统）。
输出结构：1）组件概览：名称、类别（交互/展示/布局/表单/导航/反馈）、使用场景；2）变体属性：列出属性、取值与说明，如 Type（Primary、Secondary、Tertiary、Destructive）、Size（Large、Medium、Small）、State（Default、Hover、Active、Disabled、Loading）、Icon（None、Leading、Trailing、Only），并计算总组合数，超过 50 时提示考虑拆分为多个组件；3）状态定义：每个状态只列出相对 Default 的变化，如 Hover、Active/Pressed、Disabled、Loading、Error；4）结构拆解：图层名、用途、是否必需、备注；5）Token 映射：属性、Token、回退值；6）构建顺序：默认状态与最常见变体、转为组件并添加属性、尺寸变体、状态变体、类型变体、图标槽变体。
质量检查：所有交互状态已定义；计算总变体数并在超过 50 时标记；图层语义化命名；Token 映射覆盖所有视觉属性；禁用状态使用图层级属性而非整体透明度。
反模式：属性不得重叠或冲突，每个属性须可独立变化；禁用状态不得用透明度；不枚举无效组合，只记录有效可构建的组合；需考虑响应式行为，说明哪些属性随屏幕尺寸变化；必须提供 Figma 实现指导，变体命名遵循 Figma 属性系统。
触发示例：“Define the variants for a [component] in Figma”“What states does my [component] need?”“Help me plan the variant matrix for [component]”“Set up the Figma properties for a [button/card/input]”“What are all the combinations I need for my [component]?”
限制：资料未提供具体安装命令、收费方式或平台支持细节。