当前位置:首页>设计教程其他教程> Figma 组件化设计入门!NO.05 发布共享组件库

Figma 组件化设计入门!NO.05 发布共享组件库

一、关于教程

欢迎来到涛哥UI设计,这个系列教程我会带着大家学习如何在 Figma 中实现组件化设计。

本节课将教大家如何在 Figma 中使用、发布和管理组件。

二、教程简概

详细操作请看文章开头的视频教程演示。

#01 如何添加组件库

  • 进入Figma社区,搜索需要的组件库,如iOS的UI组件库。
  • 找到合适的组件库后,点击“Open in Figma”将其导入到Figma中。
  • 将导入的组件库拖入到团队项目中,方便团队成员共享使用。
  • 在团队项目的资产栏里,找到并点击“team library”,然后点击“publish”发布组件库。

Figma 组件化设计入门!NO.05 发布共享组件库 Figma 组件化设计入门!NO.05 发布共享组件库

#02 如何调用组件库

  • 在团队项目的画布上,切换到资产栏,点击“Explore Libraries”。
  • 在弹出的窗口中,可以看到团队项目中的所有组件库,打开需要使用的组件库开关。
  • 组件库中的组件就会出现在资产栏中,可以直接拖拽到画布上使用。

Figma 组件化设计入门!NO.05 发布共享组件库 Figma 组件化设计入门!NO.05 发布共享组件库

#03 如何管理组件库

  • 如果需要对组件库中的组件进行调整或更改,直接在组件上进行修改即可。
  • 修改完成后,记得在资产栏中点击“team library”,然后点击“publish”将更改推送出去,让团队成员知道哪里进行了更改。
  • 可以将组件库共享给其他成员,通过邮件或链接的方式添加成员。

Figma 组件化设计入门!NO.05 发布共享组件库 Figma 组件化设计入门!NO.05 发布共享组件库

给TA打赏
共{{data.count}}人
人已打赏
字体下载

一款用于学习和普及中文的拼音手写字体

2024-2-15 15:06:44

其他教程

如何提升图标设计质感?两招教你搞定!

2024-4-22 14:59:26

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
快速搜索
在线客服
关注我们
  • 扫码打开当前页

  • 小程序

  • 关注关注号

返回顶部