Diya
更易用强大的时间线原型动画工具
安装
- 下载并解压
Diya.zip
- 双击
Diya.sketchplugin
完成安装
使用

工具栏默认显示(时间线面板需要在编辑状态下才显示),快捷按钮分别为连接器、重建动画、预览、分享以及上传至 Diya Cloud,分别对应 Plugins > Diya > * 命令
其中使用快捷键 command ⌘ + shift ⇧ + D 可快速切换连接器显示状态,执行 Show/Hide UI
可显示 / 隐藏整个工具栏、Copy Prototype JSON
可拷贝原型 JSON
连接屏幕及预览动画
自定义时间轴
时间线打开及自定义转换并使用曲线编辑器修改缓动方法
拼合组
出于性能方面的考虑,Diya 默认会拼合组。看看到如何关闭此功能,以便可单独为子图层制作动画
动画 Symbol
只需构建一次动画即可原型中重复使用它们
加载动画
现支持加载动画,当屏幕加载时会自动触发时间线。这非常适合动画加载器等 UI 组件,无需用户交互
形变动画
直接创造复杂形状之间的形变动画,无需在矩形和圆圈之间进行动画制作
路径动画
创建酷炫基于线条和路径的动画
滚动
设置滚动区域,选择滚动内容和滚动方向
导出
Diya 导出为 HTML,可轻松地与相关者分享动画原型。他们所需的只是一个网络浏览器,没什么可下载的,没有安装
基本信息
- 收录版本
29
- 更新时间
6年前
- 更新日志
适配 Sketch 50.x