Framer Studio

Framer Studio 基于开源框架 Framer.js 构建，专为快速原型设计而打造。Framer 允许您定义动画与交互效果。它同样可在移动设备上运行。

GitHub 上的源代码 | 硬件加速事件与 3D 动画 | 弹簧物理引擎

Framer.js 的用户包括：Google、Facebook、Instagram 和 Stripe

生成：从 Sketch 和 Photoshop 中导出资源，快速搭建新项目。

动画：在 3D 空间中对任意图层进行动画处理，支持弹簧物理与贝塞尔曲线。

性能：采用硬件加速实现高帧率渲染，借助 CSS Transform 实现流畅效果。

灵活：兼容桌面端、移动端及平板设备；与 WebKit 协同良好。

集成工作流：Framer Studio 内置 Photoshop 与 Sketch 集成，支持直接从静态设计中导入图层，并将其转化为可交互的原型。

创新交互：通过高效且愉悦的代码编辑器，以代码方式实现高度灵活的交互设计。

CoffeeScript：Framer Studio 采用 CoffeeScript —— 一种更简洁、更易读的 JavaScript 编写方式。

代码片段：内置丰富的代码片段库，单击即可添加图层与交互。

自动补全：专为 Framer 优化，涵盖所有函数、属性、变量及您自定义的图层名称。

内联错误提示：快速定位问题所在；内置 JavaScript 控制台支持深度调试。

创作无限可能：即时交互式视觉反馈、多设备预览、全屏演示模式。

演示：使用全屏演示模式，沉浸式展示您的原型。

预览：构建过程中即可获得像素级精准的实时预览；支持按项目自定义视图模式。

设备预览：在 iPhone、iPad、Android 设备或全屏模式下预览您的原型。

分享：一键快速导出项目，上传至任意平台；共享 Framer 项目，轻松实现团队协作。

系统要求：OS X 10.8 或更高版本

截图：若您正在使用广告拦截器，请将本网站加入白名单以示支持。广告收入是我们为您提供优质内容的重要保障！或阅读本文了解如何支持我们。