Figma今日宣布推出一系列关于变量功能的更新。此次更新主要集中在提升变量操作的便捷性,增强界面可访问性和交互体验。
1. 跨集合复制粘贴
Figma现在允许用户在不同的变量集合之间复制和粘贴变量,通过新增的键盘快捷键,设计师可以快速复制一个或多个变量,并将它们粘贴到不同的集合中。这一功能对于那些需要在多个设计系统、品牌或项目之间共享变量的设计师来说尤为有用。
当你为不同的品牌设计UI界面时,你可以将一个品牌的颜色变量快速复制到另一个品牌的设计系统中,而无需手动重复创建。
2. 新的变量选择界面
在创建新变量时,Figma引入了更直观的变量选择界面。当在变量编辑窗口中新建一个变量时,新的变量将会自动出现在当前所选的变量下方,它会默认按照当前选中的位置自动排序并插入到正确的顺序中,而不需要手动调整或重新排序。
3. 悬停显示值与描述
Figma新增了悬停显示功能,当用户将鼠标悬停在某个绑定的变量上时,系统会弹出一个工具提示,显示该变量的值(如颜色代码)和描述,在处理复杂的设计系统时,设计师可以快速悬停查看某个颜色变量的具体值或描述,避免频繁进入编辑模式查找信息。
4. 分组名称全称显示
对于变量分组,Figma现在支持鼠标悬停时显示分组名称的完整形式。此前,由于分组名称过长,用户往往无法看到全称,导致识别困难。此次更新解决了这一问题,当用户悬停在分组名称上时,完整的名称会自动显示。
5. Tab键导航改进
Figma在变量编辑窗口中增强了键盘的Tab键导航功能。现在,用户可以通过Tab键在模式选择、变量名称和变量值的输入框之间快速切换。
6. 输入框的可访问性提升
Figma还改进了输入框的操作体验,增强了变量绑定的可访问性。按一次退格键就可以解除变量与输入框的绑定,无需多次操作。点击输入框时可以直接聚焦,Tab键切换时也会保持焦点在变量的值上,不再切换到其他无关字段。
7. 列宽可调整功能
在变量窗口中,Figma现在支持用户调整列宽。尤其是当设计师需要查看长变量描述或变量名称时,调整列宽功能可以让界面展示更加清晰。用户可以根据需要自由拖动列宽,确保能够完整查看变量信息。
Figma此次推出的变量增强了灵活性,还在多个细节上提升了用户体验,将帮助设计师更轻松地管理复杂的设计系统,提升在项目中的工作效率。