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

时间:2024-03-13
B站视频:av358817073
类别:UI设计
水平:入门
设计师入站必刷的宝藏频道,掌握设计真本领与AI并肩 👉 立即点击

当视频无法加载时请刷新页面,
或前往PC获得最佳体验。

教程作者:@涛哥UI设计(授权转载)

交作业:微博搜索话题 #优设每日作业# 进入话题页即可发布作业

文章编辑:@十豆

一、关于教程

欢迎来到涛哥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 发布共享组件库

学完这篇教程的人还在学…

2 收藏 4

非特殊说明,本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译,原作品版权归属原作者,转载请联系 @优优教程网 授权。

转载时请在文首注明,来源 UiiiUiii.com 及教程作者,并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。

复制本文链接
img

发表评论 快来秀出你的观点

还可以输入 800 个字
yzm
 
 
加载更多评论
没有更多评论了

优优教程网 365 天打卡计划

点击 #优设每日作业# 进入微博超话页面,上传并发布你的练习作业,话题微博格式【 优优教程网365打卡计划 – DAY 01 】,优秀作业将有机会被 @优优教程网 官方微博转发点评。

/

支持键盘 ← → 键翻阅图片