Keep your variants tidy with Variant Organiser Variant Organiser automatically arranges variants in a grid and creates property labels. NEW IN VERSION 7 – Automatic Mode How to run Variant Organiser Variant Organiser is keyboard operated from Figma’s quick actions search bar: → Type ⌘ + / to open Figma’s quick actions search bar (or CTRL + / if you are on Windows) → Start typing “Variant Organiser” to search for the plugin Using the 'Manual' command 'Manual' is the new name for the 'Organise' command you know and love. Use it when you want control over the logic for ordering variants. 'Manual' mode is only available for component sets with two or more variant properties . → First select the component set you want to organise → Search for and select Variant Organiser > Organise in Figma’s quick actions search bar → Follow the prompts: Select which property to use for columns in the primary grid Select which property to use for rows in the primary grid. If your component only has two properties, that's sufficient to arrange the variants in a simple grid. If you have more properties, this grid will be repeated to form blocks of variants within a larger grid. Hit Tab to if you want to chose a property to generate horizontal blocks . This step is optional. Hit Enter to generate the full grid structure. Any remaining properties will be used to group variants vertically. Using the 'Automatic' command The 'Automatic' command organises variants automatically, without asking you to enter any parameters. Variants are organised based on the order that variant properties appear in Figma's right sidebar. 'Automatic' mode works on component sets with any number of variant properties. Use 'Automatic' mode when your component set only has one variant property. How to edit spacing preferences You can edit the spacing between variants , as well as the block spacing in Preferences . → Search for and select Variant Organiser > Preferences in Figma’s quick actions search bar → Follow the prompts: Enter the Variant spacing Enter the Block spacing Hit Enter to save your preferences
适用场景
Variant Organiser 属于 文件组织 分类,适合希望用清晰结果驱动设计流程的团队。
关键信息
- 分类:文件组织
- 点赞:423
- 用户:11,421
- 定价模式:免费
发布者信息
创建者:Giles Perry。Figma 社区发布者:Giles Perry。
兼容性与支持
- 支持编辑器:design
- 发布时间:2024年11月25日
- 支持联系方式:giles@gilesperry.info
安装前如何评估
查看 Figma 内最新更新说明,确认示例输出质量,并与下方相关插件做对比。