分类目录Figma

Gem
Figma年度大会落幕,同时也为Figma带来重要的更新,总结下来就是:
Dev Mode:
开发人员可在VS Code编辑器中打开和检查这些原型,并可以实时通知查看评论、组件更新等信息。
开发人员可以结合插件从设计原型中获取测量、样式、资源等信息,或者直接获取代码段,以实现快速开发。

Variables(变量):
可以定义颜色、长度、文本内容等不同类型的变量,并给每个变量起一个语义化的名字。
可以在设计中任何需要重复使用这些变量值的位置,直接调用变量名来引用对应的值。
更新变量的值,设计中所有引用该变量的位置都会自动更新。这实现了设计的一致性和迭代的灵活性。
可以通过插件和API与代码环境集成,实现变量的导入导出和互操作。

原型设计功能提升:
条件逻辑:可以根据交互行为动态显示或隐藏内容,使用更少屏幕实现更丰富的交互路径。
数学表达式:可以使原型中的组件大小动态计算,实现响应式和自适应效果。
设置变量:可以通过定义变量,并在原型交互中设置和修改变量的值来制作更加动态的原型体验。
内联预览:可以在设计环境中实时预览原型中的组件与交互,加快修改与调试的速度。

Figma还更新了其他三个功能:
自动布局增加了新的设置,可以更轻松设定项目的换行方式、最小/最大宽度和高度。
 Figma的字体选择器做了更新,新增了对字体的预览、搜索和过滤功能。
新增了全局搜索和通知功能,使得跨文件和团队查找内容、评论等变得更加简单。