转场设计器
在 Transition Designer 中制作界面之间的动画转场,无需时间轴和编程,直接把元素拖到目标位置即可,支持通过直接操作手势控制转场效果。
拖动滑块完成拼图,通过后发送验证码
独立第三方 AI 评测平台 · 只用实测数据
Flinto 是一款 Mac 应用,世界各地设计师用它为应用设计制作可交互、带动画的原型。它围绕 Transition Designer(转场设计器)和 Behavior Designer(行为设计器)两大核心展开,支持从 Sketch 与 Figma 直接导入设计稿并保留矢量形状与可编辑文本。内置 10 种以上手势导航、矢量绘图工具、3D 旋转、滚动与触觉反馈,并提供 iOS 端实时预览。官网提供 14 天免费试用,要求 macOS 10.14 与 iOS 12.0 及以上版本,但具体售价与各版本功能差异官网未公开。
Flinto 是一款运行在 Mac 上的原型设计应用,面向需要为应用界面制作交互与动画效果的设计师。官方将其定位为「The App Design App」,核心能力是把静态界面稿变成可以真实点击、滑动、带转场动画的交互原型。
它由两大设计模块组成:Transition Designer 用于制作界面之间的动画转场,强调「没有时间轴、没有编程」,只需把元素放到目标位置即可;Behavior Designer 用于在单个界面内制作微交互,例如按钮、开关、循环动画和基于滚动的动画。同时支持从 Sketch 与 Figma 导入设计稿,包含矢量形状与可编辑文本;内置矢量绘图工具,可直接在 Flinto 里绘制或编辑形状、文字,甚至为矢量曲线添加动画。
使用方式按角色区分:普通设计师可以导入现有设计稿后直接搭建原型;不依赖设计稿的用户可直接用内置绘图工具做简单草图;团队与客户通过免费的 iOS Viewer 应用或 Mac 端查看 Flinto 文件。原型可在 WiFi 连接的 iOS 设备上实时预览并录制导出,也能把文件发给他人查看。
在 Transition Designer 中制作界面之间的动画转场,无需时间轴和编程,直接把元素拖到目标位置即可,支持通过直接操作手势控制转场效果。
用 Behavior Designer 在单个界面内制作微交互,适用于按钮、开关、循环动画以及基于滚动的动画效果。
通过 Sketch 和 Figma 集成把设计稿导入 Flinto,矢量形状与文本保持可编辑状态,便于在原型阶段继续修改。
内置绘图工具可在 Flinto 中直接绘制简单草图,也能编辑从 Sketch 导入的形状与文字,并可为矢量曲线添加动画。
一键把任意群组设为可滚动区域,支持滚动驱动的动画,滚动区域还可以相互嵌套,并具备较高的自定义程度。
支持 10 种以上手势,包括点击、滑动、滚动乃至 3D touch;可为手势附加音频文件制作界面音效,并添加能在 iOS 设备上感受到的触觉反馈。
针对每个图层提供 cubic-bezier 或弹簧缓动的精细调节;配合简单的 3D 旋转工具可制作旋转类动画。
在 WiFi 连接的 iOS 设备上实时预览原型,可用免费的 iOS Viewer 应用或 Mac 端查看文件,并支持把原型录屏导出为视频或 GIF 分享。
日常工作依赖 Sketch 或 Figma 出稿,需要把静态界面转成可点击、带转场的原型用于内部评审或用户测试。
需要精细调节每个图层的缓动曲线、制作滚动驱动动画与微交互,Transition Designer 与 Behavior Designer 可直接覆盖这类需求。
可把 Flinto 文件发给他人,用免费的 iOS Viewer 或 Mac 应用查看,适合向客户或非设计同事演示交互流程。
Flinto 是 Mac 应用,要求 macOS 10.14 及以上,Windows 平台无法使用,预览端则对应 iOS 12.0 及以上。
官网只提供 14 天免费试用,未公开正式售价与授权方式,批量采购前需要先向官方确认价格。
提供 14 天免费试用,同时可下载免费试用版体验。正式版本的具体售价与授权方式官网未公开,需要购买时可通过官网的 Buy Now 入口查看当前报价。
Flinto 本身是 Mac 应用,要求 macOS 10.14 及以上。原型预览通过 iOS 端的 Flinto Viewer 应用完成,要求 iOS 12.0 及以上,可在 WiFi 连接的 iOS 设备上实时查看。
可以。Flinto 提供 Sketch 与 Figma 集成,导入后矢量形状与文本保持可编辑,可直接在 Flinto 中继续修改,也能在此基础上添加转场和微交互动画。
Flinto 的 Transition Designer 强调没有时间轴、没有编程,只需把元素放到希望它去的位置即可生成转场;Behavior Designer 同样以可视化方式制作按钮、开关、循环与滚动动画。
可以把 Flinto 文件发给他人,对方用免费的 iOS Viewer 应用或 Mac 版 Flinto 查看;也可以把原型录制导出成视频或 GIF 用于分享,官网还提供直接发送到 Dribbble 的集成。
提供详尽的文档、活跃的社区以及 100 多个教程视频。核心操作集中在 Transition Designer 和 Behavior Designer 两个模块,高级滚动、嵌套滚动与 3D 旋转需要额外熟悉。
| 工具 | 编辑评分 | 价格 | 核心功能 | 平台 |
|---|---|---|---|---|
| flinto本工具 | 4.2 | 官网提供 14 天免费试用,未公开具体售价 | 转场设计器;微交互设计;Sketch 与 Figma 导入;矢量绘图工具 | Mac / iOS |
| Competitions | — | 未标价 | 展示世界各地著名建筑设计方... | Web |
| principle | — | 每台电脑 129 美元,续订每台 99 美元 | 动画化你的想法,设计更好的应用程序 | macOS |
| Graphicriver Logo 模板 | — | 未标价 | 59,453个标志,来自世界各地... | — |
| 森林电台 | — | 免费收听;赞助位与 Chrome 扩展另计 | 网站可以在线收听全球各地的... | Web / Chrome 扩展 |
| ProtoPie | — | 免费版 $0,基础版 $25/月,专业版 $47/编辑者/月起 | 高保真交互原型设计 | Web / macOS / Windows |