Figma学习过程(5)-组件和组件库管理

1,323 阅读1分钟

一、组件管理

1.1创建多个组件

全部选中后,下拉选择“创建多个组件” image.png 创建成功后,可以看到图标的变化 image.png

1.2修改组件样式

此时若复制出一个组件,可以看到复制出来的组件的图标是不同的 image.png 复制出来的组件,相当于实例化组件,复制对象相当于母版。实例化组件可以单独设置样式,不影响母版,但修改母板样式会影响所有实例化组件。 image.png

1.3在其他页面引用组件

新建页面后,切换到「资源」,可以看到全部组件,拖动组件,即可新增一个实例化组件 image.png 此实例化组件,同样受母版影响 image.png

1.4快捷定位到母版

若想要统一更改实例化组件的样式,只需定位到母版,修改母版样式,修改后自动覆盖所有实例化组件样式 image.png

二、组件库

团队版本下,找到「资源」-「团队组件库」,即可发布组件,或使用团队中他人发布的组件 image.png