Kite Compositor 是一款强大的交互原型制作工具,有点类似于 Sketch 和 After Effects 的组合。它支持矢量编辑、实践轴动画、代码导出、页面流、可复用组件、脚本编写等特性,可以设计出高保真的原型。它也支持 Adobe XD、Sketch 等文件导入,你可以用喜欢的工具设计,再导入 Kite Compositor 添加交互动效。

矢量编辑

你可以直接在 Kite Compositor 中编辑矢量图形,并给它添加动画。

path-editing-feature@2x.png

属性编辑面板

和其它设计工具一样,Kite Compositor 也有属性编辑面板,而且可调节属性更加丰富。你可以在里面调节图层的颜色、位置、动画曲线等。

inspector-feature@2x.png

组件库

Kite Compositor 内置了很多常用的元素,比如形状、文字、渐变、视频等,直接拖拽就可以绘制界面。你还可以把自己常用的组件共享到组件库,做成可以复用的元素。

library-feature@2x.png

预览

直接打开预览窗口预览设计,或者通过移动 App 在手机上预览,查看真实效果。

presentation-feature@2x.png

代码导出

直接生成 Swift 或 Objective-C 代码,这些代码可以直接在 iOS 或 Mac 项目中使用。

code-generation-feature@2x.png

时间轴动画

借助时间轴动画,你可以快速实现想要的动画效果,这些操作符合直觉,使用起来也非常简单。

timeline-feature@2x.png

可编程

如果你会写代码,可以直接添加 JavaScript 脚本来给元素添加逻辑或动画,更改属性或触发事件。

scripting-feature@2x.png

和其它设计软件整合

Kite Compositor 支持从 Adobe XD 和 Sketch 导入,导入后你还可以继续编辑图层,或者给它们添加动画。

import-feature@2x.png