Flinto 是一款运行在 Mac 上的应用设计工具,主要用于制作交互式、带动画的应用设计原型。它将界面之间的转场、屏幕内部的微交互、滚动区域和多种手势集中在原型设计流程中,不需要时间线或编程即可在 Transition Designer 中直接操控对象位置来设计转场,也可以在 Behavior Designer 中制作按钮、开关、循环动画和基于滚动的动画。Flinto 还支持从 Sketch 和 Figma 导入包含矢量图形与可编辑文字的设计,并能在连接同一 WiFi 的 iOS 设备上即时预览。
核心功能
动画转场设计
通过 Transition Designer 为不同屏幕设计转场动画。设计过程采用直接操控方式,把对象放置到目标位置即可建立动画,不使用时间线,也不需要编程;同时可以使用手势控制这些转场。
屏幕内微交互
Behavior Designer 用于创建单个屏幕内部的微交互,适合制作按钮、开关、循环动画以及滚动触发的动画。动画可以在设计行为时直接构建,并与原型中的交互结合使用。
滚动区域与滚动动画
任意组都可以通过一次点击变成可滚动区域,并在 Behavior Designer 中制作基于滚动的动画。滚动区域支持较高程度的自定义,也可以在一个滚动区域中嵌套另一个滚动区域。
Sketch 与 Figma 导入
Flinto 提供 Sketch 和 Figma 集成,可将设计直接导入应用。导入内容包括矢量图形和可编辑文字,来自 Sketch 的形状和文字还可以使用 Flinto 内置的绘图工具进行编辑。
多种交互与媒体效果
原型可以使用点击、滑动、滚动和 3D Touch 等十多种手势进行导航。设计中还可以加入视频或 GIF 图层、音频文件、iOS 设备可感知的触觉反馈,以及基于 cubic-bezier 或 spring easing 的逐层动画控制。
设备预览与导出分享
Flinto 提供 iOS Viewer,可在设备上实时预览作品;文件也可以发送给其他人,通过免费的 iOS viewer 或 Mac app 查看。原型录制内容支持导出为视频和 GIF,并可直接发送到 Dribbble,还可以使用布局选项进行发布。
使用方式
Flinto 是 Mac 应用,官网说明支持 macOS 10.14 或更高版本;iOS Viewer 支持 iOS 12.0 或更高版本。设计可以在 Mac 端完成,再通过连接同一 WiFi 的 iOS 设备即时测试,也可以把 Flinto 文件发送给其他人查看。官网提供 Sketch、Figma 导入,以及视频和 GIF 导出;正文未提到账号注册、自备模型 Key、命令行或 API。
适用人群与场景
应用设计师可以用它制作带动画转场的交互式原型,直接检查屏幕之间的动效关系。需要展示按钮、开关、循环动画或滚动效果的设计人员,可以使用 Behavior Designer 制作屏幕内微交互。使用 Sketch 或 Figma 完成界面稿的团队,可以导入矢量图形和可编辑文字后继续制作原型。需要在真实 iOS 设备上演示或分享设计的人,则可以使用 iOS Viewer 预览,并将录制结果导出为视频或 GIF。
定价
官网提供 14 天免费试用,并同时提供购买入口。正文没有列出正式购买价格或具体付费档位,因此只能确认存在 14 天试用,不能据此判断购买费用。
注意事项
Flinto 的 Mac 应用要求 macOS 10.14 或更高版本,iOS Viewer 要求 iOS 12.0 或更高版本;官网所述设备实时预览依赖连接同一 WiFi 的 iOS 设备。