Framer Studio for mac是一款可以在苹果电脑MAC OS平台上使用的功能非常强大的Mac开发软件， Framer Studio for mac可以方便的让设计师把 Photoshop 或 Sketch 里的设计图导入到 Framer.js 里面，而这次 Framer Studio 的发布，让这一创作过程更加简便了，极大了方便了设计师。 需要此款工具的朋友们可以前来下载使用。

软件背景

Framer.js 的创始人 Koen Bok 和 Jorn van Dijk 分别是之前 Mac 平台著名的软件开发公司 Sofa 的创始人和设计总监，随着 Sofa 几年前被 Facebook 收购，他们也都加入到 Facebook 做起了产品设计，但最近两人离职后创立了 Podium，专注于打造小而美的生产力工具，当然目前还只是针对 Mac 平台，可以说是建立了第二个 Sofa 吧。

其实 Framer.js 很早就推出并且开源了，随着最近 3.0 的发布，底层代码已经重新全写了，功能和动画效果也更加完善了，官网上的教程和例子也很丰富，可以看到利用它可以创造出和 Carousel，Google Now 这些 app 一样的复杂交互。另外它还提供了一个 The Framer Generator，可以方便的让设计师把 Photoshop 或 Sketch 里的设计图导入到 Framer.js 里面，而这次 Framer Studio 的发布，让这一创作过程更加简便了，极大了方便了设计师，并且之前内测时也得到了包括 Facebook，Dropbox 等公司的顶级设计师们的一致好评。

Framer Studio 1.x | MacOSX | 17.7 MB

A JavaScript framework for rapid prototyping. With Filters, Spring Physics and 3D effects. Framer Studio is built on Framer.js, an open source framework for rapid prototyping. Framer allows you to define animations and interactions. It runs on mobile devices, too.

Code

Built on Framer.js, an open source prototyping framework. Low learning curve with CoffeeScript.

Preview

Instant visual feedback while you're working. Runs great on iOS and Android with a WebKit browser.

Interaction

Use state machines to define properties and set up complex interactions. Full gesture support.

Animation

Animate any object in 3D space with spring physics. Hardware accelerated for 60 frames per second.

General

- Changes are rendered in the viewer and on the device.

- Use the full screen mode for an immersive demo.

- iPhones, iPads, Nexus, HTC One, Apple Watch and more.

- Work in any orientation, specific pixel density or zoom to fit.

Workflow

- Small re-usable codeblocks to speed up your workflow.

- A much more legible and minimal way to write JavaScript.

- Discover errors and inspect them with Web Inspector.

- Including functions, properties and variables you define.

Features

- Blur, brightness, contrast, hue, invert and saturation.

- Linear, easing and three different spring physic engines.

- All properties can be manipulated in 3D space.

- Set up complex interactions with multiple animating properties.

More

- Built on the latest, fastest web technology.

- Share your .framer project folder for quick and easy collaboration.

- Connect a device and control your prototypes live.

- Drop images from Desktop or Sketch directly on the viewer.

Requirements

OS version: 10.10 or higher

Home Page

-

http://framerjs.com/