☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
Propstar插件需先安装启用，再基于连字符命名的变体组件配置行列维度与间距参数，最后生成只读矩阵图层组；非标准命名须手动修正为Size=Large-Color=Primary-State=Hover格式。
一、安装并启用Propstar插件
propstar是一款专为figma设计的变体排版增强工具，支持基于组件属性（variant properties）自动生成矩阵式布局。安装后需在当前文件中手动启用，确保其能识别并读取已定义的变体结构。
1、打开Figma桌面端或网页版，进入目标设计文件。
2、点击右上角“Plugins”按钮，选择“Search plugins”，输入Propstar并安装。
3、安装完成后，在Plugins菜单中找到并运行Propstar → Launch，首次运行时授权访问当前文件。
二、准备含命名变体的主组件
Figma变体必须遵循Propstar可解析的命名规范，即使用连字符分隔的属性键值对（如Size=Large-Color=Primary-State=Hover）。未按此格式命名的变体将被忽略，无法纳入矩阵生成流程。
1、选中一个已设为组件（Component）的图层，右键选择“Create variant”创建多个变体。
2、双击每个变体缩略图，在右侧属性面板中依次设置各属性字段，例如Size、Color、State等，并确保所有变体均分配完整属性值。
3、确认所有变体名称在组件顶部栏中显示为连字符连接的键值对格式，无空格或特殊符号混入。
三、配置Propstar矩阵参数
Propstar通过参数面板指定维度顺序、行列方向及间距控制，直接影响最终矩阵的视觉组织逻辑。参数一旦设定，将决定变体实例的排列优先级与空间分布。
1、运行Propstar插件后，在弹出面板中点击Select Component，框选目标主组件。
2、在“Axes”区域勾选希望作为矩阵维度的属性，例如同时勾选Size和Color，系统自动将其识别为行轴与列轴候选。
3、拖拽属性名调整顺序：上方属性生成行（Rows），下方属性生成列（Columns）；设置Horizontal Spacing与Vertical Spacing数值（单位为px）。
四、执行矩阵生成并嵌入画布
Propstar不修改原始组件，而是以只读方式实例化全部匹配变体组合，并按指定维度规则批量排布。生成结果为普通图层组，可自由移动、缩放或二次编辑，但不再关联Propstar运行状态。
1、确认参数无误后，点击面板底部Generate Matrix按钮。
2、等待进度条完成，插件自动在当前页面左上角插入矩阵图层组，组内按行列顺序排列全部变体实例。
3、检查是否遗漏变体：若某属性值未出现在矩阵中，返回主组件核查该值是否存在于任一变体的属性定义中。
五、手动修正非标准变体命名冲突
当部分变体采用旧式命名（如“Large Primary Hover”）或含下划线/空格时，Propstar默认跳过解析。此时需在Figma内直接重命名变体，使其符合连字符键值对语法，无需重新创建组件。
1、在Assets面板中右键目标组件，选择Edit Component进入主组件编辑模式。
2、在变体预览区找到异常命名的缩略图，单击其顶部名称字段，改为标准格式，例如将Large Primary Hover改为Size=Large-Color=Primary-State=Hover。
3、退出编辑模式，重新运行Propstar并执行生成步骤。
