Up next

Figma 可交互组件(多状态组件)教学(已内测上线)本期原型相关干货较多 请搭配视频目录食用

0 Views· 09/16/22
Free video
Free video
0 Subscribers
0
In Other

00:00 介绍
02:31 基础教学
03:35 搭配 Smart Animate 使用
07:08 官方案例讲解
09:59 按钮案例(裂变和文字内容继承)
14:17 交互组件调用时怎么连线
18:53 Tool Tips
20:50 Hovering 和 Enter、Leave(Pressing、In、Out)
22:32 下拉菜单
29:26 搭配 Google Sheets Sync 插件填充文字,适配文字继承
32:03 卡片切换/轮播
38:05 弹性动效

--

本期给大家带来 Figma 内测中的超级功能:可交互组件(Interactive Component),这是继 Auto Layout 以来又一个能切实提升工作效率的功能,以后我们就能轻松给给按钮做各种状态,轻松做下拉菜单了,如果脑洞够大,还能做出很多好玩的原型。

可交互组件内测申请:https://docs.google.com/forms/....d/e/1FAIpQLSctELo9cl
官方功能文档:https://help.figma.com/hc/en-u....s/articles/360061175
官方练习文件:https://www.figma.com/communit....y/file/9468096070564
组件集教学:https://www.bilibili.com/video/BV1Qf4y1B7LZ
组件集(Youtube):https://www.youtube.com/watch?v=PT0NJZ0IvFU&t=836s

----

My Bilibili:
https://space.bilibili.com/108104104

#figma #ui #教程 #教学 #design #ux #tutorial

Show more
Facebook Comments

Up next