跳到主要内容
项目详情

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 设备。

动画转场设计通过 Transition Designer 直接操控对象位置制作转场,无需时间线或编程。
微交互设计使用 Behavior Designer 创建按钮、开关、循环动画和滚动相关的屏幕内交互。
Sketch 与 Figma 导入可导入 Sketch 或 Figma 设计,并保留矢量图形与可编辑文字。
多手势与动效控制支持点击、滑动、滚动、3D Touch 等十多种手势,并提供弹簧与缓动控制。
iOS 设备预览通过 iOS Viewer 在连接同一 WiFi 的设备上实时测试原型。
视频与 GIF 导出可导出原型录制内容为视频或 GIF,并直接发送到 Dribbble。

用户评论 (0)

还没有用户评论

成为第一个分享使用体验的人

查看更多

Flinto 截图

官网首页截图

写评论

分享你的使用体验,至少 10 个字。评论可以发多条,打分在右侧卡片单独进行。

还需 10 个字 · 0 / 500