原站网页截图，页面可能随时间更新。
- 分类：设计素材与工具
- 名称：Flow - Beautiful Animations Made Easy.
- 来源：createwithflow.com
Flow用于把界面设计转化为可编辑、可预览、可交付的动画作品。设计师可以在时间轴中调整图层和属性、编辑路径与缓动曲线，并将结果用于产品界面、网页、应用启动页和引导流程等场景。
用途与公开功能
Flow的核心用途是制作交互和界面动效，强调以图层、属性、路径和时间轴完成动画，而不要求编写代码。导入Sketch、Figma或SVG后，形状、图片、文字等内容可继续用于编辑和动画制作。时间轴支持精确到百分之一秒的时序调整，并提供标准缓动曲线和自定义曲线编辑。
完成动画后，可以导出Lottie文件，以及APNG、GIF、视频和动画SVG等媒体格式；也可以生成面向iOS、Web、Android或React的项目与代码文件。工具还支持将按钮导出为可工作的组件，将多步骤动画转为iOS引导屏幕，并制作iOS应用启动动画。
适用场景
对于需要把静态界面转化为动效方案的UX设计师，Flow可用于制作按钮反馈、页面过渡、引导动画和应用启动动画。网页制作中，动画可嵌入Webflow网站；产品交付中，Lottie、动画SVG或平台代码可作为开发协作材料。
设计师与开发者协作时，代码导出可以减少开发者依据设计文件重新还原动画的工作。若项目包含声音效果，也可以将音频文件放入时间轴，与视觉动画一起组织。
上手方式
先从Sketch、Figma或SVG导入已有设计，检查图层、文字、图片和形状是否按预期保留。随后在时间轴中选择需要变化的对象，调整其属性、路径、时长和缓动方式；复杂动效可结合路径编辑、自定义曲线和精细时序完成。
制作过程中可预览动画在HTML、iOS、Android或React环境中的表现。确认效果后，根据使用目标选择Lottie、媒体文件、动画SVG或平台代码导出；如果需要团队特定的代码格式，可进一步采用定制化代码导出方案。
可确认的限制与使用边界
Flow公开介绍的重点集中在动画设计、预览、媒体导出和代码交付，不能据此确认其支持未列出的设计格式、运行平台、协作方式或发布流程。不同导出目标的兼容范围，也应以实际项目需求和导出结果为准。
需要团队定制输出时，公开内容仅表明存在定制化方案，并未说明具体流程或条件。