Hal Lee

08月18日发布

给力新功能!更好用的组件调用面板、跨文件移动组件、组件库整体替换

设计系统
组件

https://releases.figma.com/2021/08/design-systems-updates-to-help-speed-up.html

Figma 上线了三个组件相关的功能,每一个都很给力,尤其是对于设计系统比较庞大的情况。

更好用的组件调用面板

以前当我们需要调用组件时,只能从左侧栏拖拽,但是左侧栏太不方便了,只能固定在那。我之前就给 Figma 提过一个反馈,组件切换弹出的小面板很好用,可以随意拖拽还支持快捷键选择,但是只能替换组件,如果调用组件也能这样就好了,这不,今天梦想终于被实现了。

现在,需要调用组件时只需要按下 Shift I,就会调出组件选择面板,然后你可以通过方向键游动,通过回车选取,这个面板还可以随意拖拽,简直好用极了。

WX202108180802152x.png

跨文件移动组件

当一个组件库变大时,如果你想拆分一下,比如把一部分组件移动到另一个文件,在之前其实办不到,直接剪切过去会变为新的 Main 组件。

对于已发布的组件库,直接剪切组件到新的文件,调用该组件的文件依然会保持关联。

组件库整体替换

组件库整体替换就更厉害了,如果你做了一套新的组件库,或者做了一套暗色模式的组件库,需要把某个文件中所有的 Instance 都替换为新组件库,就可以使用这个功能。它会按照名字一一对应,你可以选择需要调换的组件或样式,替换后依然保持组件关联。

具体的功能还挺复杂的,大家可以自己探索一番,附上相关链接。