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 项目，轻松实现团队协作。

新增内容（版本 1.11.173）：本列表更新时，官方尚未提供该版本的更新说明。

系统要求：macOS 10.8 或更高版本。

截图：若您正在使用广告拦截插件，请通过将本网站加入白名单的方式予以支持。