Framer Studio

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

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

已被 Google、Facebook、Instagram 和 Stripe 等公司采用的 Framer.js

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

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

性能：采用硬件加速实现高帧率渲染，基于 CSS Transform 技术。

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

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

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

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

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

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

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

自由创作：即时交互式视觉反馈、多设备预览，以及全屏演示模式。

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

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

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

分享：快速导出项目并上传至任意平台；轻松共享 Framer 项目以实现高效协作。

更新日志（版本 1.14.14）：本条目更新时，官方尚未提供该版本的更新说明。

系统要求：Intel 64 位处理器；macOS 10.9 或更高版本。

截图：若您正在使用广告拦截器，请支持本网站。