Framer已經(jīng)上線有一段時間了. 它的前身——?Framer Studio是用來制作高階且復雜的交互原型，比如可以鍵入信息、調(diào)用設備傳感。不過它也有一個缺點，就是需要CoffeeScript編程基礎。Framer X?——最新上線的版本，功能強大且入門門檻低了很多?，F(xiàn)在你僅需要幾下點擊就可以制作和之前一樣的高階交互效果。無需任何編程知識仍可達到編程制作的效果。 可自定義頁面過渡、輕松創(chuàng)建滾動組件以及可滑動的UI元素，而且元素還可以快速響應。但是如果你需要在原型上添加一些額外的高大上效果，那你就要到一家商店，里面都是用React編寫的代碼組件：YouTube播放器，UI工具包，貨幣轉(zhuǎn)換器，可交互式地圖組件。如果懂React，你也可以自己建立組件以供自己或他人使用。更棒的是，還可以直接交付代碼給開發(fā)套用，減少溝通中的摩擦和誤解。

【軟件獲取】

framer_下載密碼：hji1

（詳細安裝步驟放在在軟件里面啦！如果鏈接失效請聯(lián)系效率君）

【軟件介紹】

面對現(xiàn)實吧：Sketch是靜態(tài)設計工具中的老大，但它卻并不理想。因為設計師產(chǎn)出的是圖像，而開發(fā)人員需要使用Invision或Zeplin等工具將圖像再轉(zhuǎn)換為代碼。Framer X旨在讓設計師不僅可以繪圖，還可以從多個方面考慮設計，從而讓產(chǎn)品的各個環(huán)節(jié)更加緊密地聯(lián)系在一起。

易用性

如果你很熟悉Sketch，就可以順暢無阻地轉(zhuǎn)換到Frame X。兩者的主要不同是在創(chuàng)建布局時，F(xiàn)ramer X使用的是框架而不是組?？蚣芫拖袷且粋€HTML的容器，可以將素材等放到隱形容器內(nèi)，這些框架易于操作和調(diào)整樣式。Framer X 還有更多強大的功能，比如Stacks。使用Stacks可以輕松創(chuàng)建具有自動分發(fā)和對齊功能的自定義列表，非常方便。但是，如果要創(chuàng)建更高級的組件，則需要一些React基礎知識。這可能會嚇跑一些設計師，尤其是那些主張“設計師不應寫代碼”的人。

綜上，在易用性方面，F(xiàn)ramer X獲得五顆星中的三顆星。

★★★☆☆

協(xié)作效率

這一點，F(xiàn)ramer X做的很不好。除非把源文件發(fā)給對方，否則無法將項目轉(zhuǎn)交給客戶或開發(fā)人員，這真是太不友好了。Framer Studio有個很贊的功能，就是你可以將原型上傳到云端，這樣就可以在任何地點訪問該鏈接。此外Framer Studio還支持下載后離線使用。而Framer X則沒有這些功能。雖然仍可以生成共享鏈接，但一旦關閉文件或手動停止實時預覽，它將自動變?yōu)闊o法訪問。這也太奇葩了。 我相信Framer團隊有能力解決這個問題，但現(xiàn)在我只能給一顆星。我是認真的，F(xiàn)ramer團隊！

★☆☆☆☆

保真度

這點可以彌補剛剛Framer失去的分數(shù)。制作高保真原型從來不是一件容易的事情，而Framer絕妙地在工具內(nèi)添加了組件商店。這個功能將讓Framer在近一段時間內(nèi)脫穎而出。使用Framer X進行原型設計，可以讓設計人員更加接近產(chǎn)品設計的高峰——UI設計體系。像Airbnb、Shopify團隊已經(jīng)在使用UI體系為各個平臺產(chǎn)品提供統(tǒng)一的設計服務。?所以在這里我將給出5分滿分。

★★★★★

流程銜接

最后一點，但卻是很重要的一點：流程銜接。 雖然Framer僅適用于Mac，但我們不會因此而責怪它。在Framer的網(wǎng)站上，寫著用戶可輕松導入Sketch畫板，你需要做的就是復制和粘貼。但事實上并不像他們所說的那么容易，而且還無法導入完整的畫板。即使可以完整導入，但還存在一個問題：Sketch導入選項設置十分有限，且不支持與除Sketch以外的其他工具銜接。所以在這里不得不將分數(shù)降低到兩顆星。

★★☆☆☆

最終分數(shù)11分（滿分20）。 總體看來Framer還是不錯的，但有些方面需要提高。它是一個值得信賴的軟件，并為其他工具提供了可遵循的方向。

更多效率干貨請關注v??公共賬號 “效率日記”！

喜歡小編的文章歡迎關注，第一時間帶來最新de,最高效的分享，歡迎打賞呦！