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

【軟件獲取】

framer_下載密碼：hji1

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

【軟件介紹】

面對現(xiàn)實(shí)吧：Sketch是靜態(tài)設(shè)計工具中的老大攒盈，但它卻并不理想抵拘。因為設(shè)計師產(chǎn)出的是圖像，而開發(fā)人員需要使用Invision或Zeplin等工具將圖像再轉(zhuǎn)換為代碼型豁。Framer X旨在讓設(shè)計師不僅可以繪圖僵蛛，還可以從多個方面考慮設(shè)計，從而讓產(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 還有更多強(qiáng)大的功能句狼，比如Stacks笋熬。使用Stacks可以輕松創(chuàng)建具有自動分發(fā)和對齊功能的自定義列表，非常方便鲜锚。但是突诬，如果要創(chuàng)建更高級的組件，則需要一些React基礎(chǔ)知識芜繁。這可能會嚇跑一些設(shè)計師旺隙，尤其是那些主張“設(shè)計師不應(yīng)寫代碼”的人。

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

★★★☆☆

協(xié)作效率

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

★☆☆☆☆

保真度

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

★★★★★

流程銜接

最后一點(diǎn)贰健，但卻是很重要的一點(diǎn)：流程銜接胞四。 雖然Framer僅適用于Mac，但我們不會因此而責(zé)怪它伶椿。在Framer的網(wǎng)站上辜伟，寫著用戶可輕松導(dǎo)入Sketch畫板，你需要做的就是復(fù)制和粘貼脊另。但事實(shí)上并不像他們所說的那么容易导狡，而且還無法導(dǎo)入完整的畫板。即使可以完整導(dǎo)入偎痛，但還存在一個問題：Sketch導(dǎo)入選項設(shè)置十分有限旱捧，且不支持與除Sketch以外的其他工具銜接。所以在這里不得不將分?jǐn)?shù)降低到兩顆星踩麦。

★★☆☆☆

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

更多效率干貨請關(guān)注v??公共賬號 “效率日記”反粥！

喜歡小編的文章歡迎關(guān)注卢肃，第一時間帶來最新de,最高效的分享谓松，歡迎打賞呦！