Framer Studio

Framer Studio 基于开源框架 Framer.js 构建，专为快速原型设计而生。 Framer 允许您定义动画与交互。 它同样可在移动设备上运行。 源代码托管于 GitHub。 硬件加速事件与 3D 动画、弹簧物理效果。 Framer.js 已被 Google、Facebook、Instagram 和 Stripe 等公司采用。 生成：从 Sketch 和 Photoshop 中导出资源以创建新项目。 动画：利用弹簧物理效果与贝塞尔曲线，在 3D 空间中对任意图层进行动画处理。 性能：通过 CSS 变换实现硬件加速，确保高帧率渲染。 灵活：支持桌面端、移动端及平板设备，与 WebKit 兼容性良好。

集成化工作流：Framer Studio 内置 Photoshop 与 Sketch 集成功能，可直接从静态设计中导入图层，并将其转化为交互式原型。 创新交互：借助高效且愉悦的代码编辑器，以代码方式实现高度灵活性。 CoffeeScript：Framer Studio 采用 CoffeeScript —— 一种更简洁、更易读的 JavaScript 编写方式。 代码片段：内置丰富的代码片段库，单击即可添加图层与交互逻辑。 自动补全：专为 Framer 优化，涵盖所有函数、属性、变量以及您已定义的图层名称。 内联错误提示：快速定位问题所在；并可通过内置 JavaScript 控制台深入调试。 自由创作：即时交互式视觉反馈、多设备预览，以及全屏演示模式。 演示：使用全屏演示模式，沉浸式展示您的原型。

预览：构建过程中即可获得像素级精准的实时预览效果；并支持按项目自定义视图模式。 设备预览：在 iPhone、iPad、Android 设备或全屏模式下预览您的原型。 分享：快速导出项目，上传至任意平台；亦可直接共享 Framer 项目，便于团队协作。