Framer Studio for mac是一款可以在蘋(píng)果電腦MAC OS平臺(tái)上使用的功能非常強(qiáng)大的Mac開(kāi)發(fā)軟件， Framer Studio for mac可以方便的讓設(shè)計(jì)師把 Photoshop 或 Sketch 里的設(shè)計(jì)圖導(dǎo)入到 Framer.js 里面，而這次 Framer Studio 的發(fā)布，讓這一創(chuàng)作過(guò)程更加簡(jiǎn)便了，極大了方便了設(shè)計(jì)師。 需要此款工具的朋友們可以前來(lái)下載使用。

軟件背景

　　Framer.js 的創(chuàng)始人 Koen Bok 和 Jorn van Dijk 分別是之前 Mac 平臺(tái)著名的軟件開(kāi)發(fā)公司 Sofa 的創(chuàng)始人和設(shè)計(jì)總監(jiān)，隨著 Sofa 幾年前被 Facebook 收購(gòu)，他們也都加入到 Facebook 做起了產(chǎn)品設(shè)計(jì)，但最近兩人離職后創(chuàng)立了 Podium，專注于打造小而美的生產(chǎn)力工具，當(dāng)然目前還只是針對(duì) Mac 平臺(tái)，可以說(shuō)是建立了第二個(gè) Sofa 吧。

　　其實(shí) Framer.js 很早就推出并且開(kāi)源了，隨著最近 3.0 的發(fā)布，底層代碼已經(jīng)重新全寫(xiě)了，功能和動(dòng)畫(huà)效果也更加完善了，官網(wǎng)上的教程和例子也很豐富，可以看到利用它可以創(chuàng)造出和 Carousel，Google Now 這些 app 一樣的復(fù)雜交互。另外它還提供了一個(gè) The Framer Generator，可以方便的讓設(shè)計(jì)師把 Photoshop 或 Sketch 里的設(shè)計(jì)圖導(dǎo)入到 Framer.js 里面，而這次 Framer Studio 的發(fā)布，讓這一創(chuàng)作過(guò)程更加簡(jiǎn)便了，極大了方便了設(shè)計(jì)師，并且之前內(nèi)測(cè)時(shí)也得到了包括 Facebook，Dropbox 等公司的頂級(jí)設(shè)計(jì)師們的一致好評(píng)。

Framer Studio for Mac 介紹

Framer讓你從簡(jiǎn)單的代碼開(kāi)始，將你的設(shè)計(jì)帶到生活中。在任何設(shè)備上測(cè)試它，在你去的時(shí)候進(jìn)行迭代，并且很容易地分享給反饋。先鋒新互動(dòng)模式或創(chuàng)造開(kāi)創(chuàng)性的動(dòng)畫(huà)。沒(méi)有限制,沒(méi)有約束。

特性

代碼從來(lái)都不是這么簡(jiǎn)單。自動(dòng)代碼使得啟動(dòng)一個(gè)項(xiàng)目就像插入一個(gè)層一樣簡(jiǎn)單。在面板中定義交互或直接操作它的屬性，并觀察代碼的編寫(xiě)過(guò)程。簡(jiǎn)單的語(yǔ)法、預(yù)加載的操作和自動(dòng)完成的命令可以讓您從基本的設(shè)計(jì)到高級(jí)的原型。

在每個(gè)設(shè)備上進(jìn)行實(shí)時(shí)編輯。拖動(dòng)圖標(biāo)，調(diào)整圖片大小，或者直接在視覺(jué)畫(huà)布上移動(dòng)圖層。無(wú)論你做什么，自動(dòng)代碼都能與你保持聯(lián)系。需要在本地環(huán)境中看到原型嗎?Framer支持多種平臺(tái)——iOS、Android、MacOS、Windows或Web。

釋放你的創(chuàng)造力。超越現(xiàn)有的過(guò)渡和快速的動(dòng)畫(huà)。結(jié)合實(shí)際的世界數(shù)據(jù)，使用定制組件構(gòu)建下一個(gè)層次的接口。這是創(chuàng)造不可能的完美環(huán)境。

動(dòng)作-微調(diào)動(dòng)畫(huà)，使圖層在完美的和諧中移動(dòng)。

觸摸-選擇預(yù)加載的本地交互或定制你自己的。

深度-在三維空間中對(duì)方向變化和傾斜層做出反應(yīng)。

輸入-捕獲實(shí)際用戶，以測(cè)試和使用實(shí)際的用戶數(shù)據(jù)。

數(shù)據(jù)——拉入個(gè)人檔案照片、用戶名或任何帶有API的東西。

適應(yīng)-做出響應(yīng)用戶交互的響應(yīng)式原型。

提高你的設(shè)計(jì)工作流程。直接從草圖或Photoshop導(dǎo)入圖形。對(duì)你的模型的修改很容易被同步到Framer。準(zhǔn)備好反饋嗎?在全屏幕上顯示，在移動(dòng)設(shè)備上查看，或與世界分享。

今天開(kāi)始。然而，跳進(jìn)你的頭腦中對(duì)你來(lái)說(shuō)是有意義的。從一個(gè)循序漸進(jìn)的指南開(kāi)始，在Youtube上學(xué)習(xí)技能分享課程或者觀看視頻教程。或者加入我們的社區(qū)，獲得對(duì)設(shè)計(jì)問(wèn)題的實(shí)時(shí)響應(yīng)。

資源-初級(jí)文章、深度教程和模塊。

草圖導(dǎo)入-組織和導(dǎo)入的一步一步的指南。

設(shè)備預(yù)覽——獲得iOS和Android的配套應(yīng)用。

社區(qū)-加入emain Framer小組或在聚會(huì)上回復(fù)。

報(bào)價(jià)的價(jià)格是每年一次的Framer的許可證?？梢栽谶@里找到額外的價(jià)格。