天津國家軟體進出口基地設計主管趙一說

Adobe XD自5月宣佈免費,以及上月推出同樣免費的簡體中文版以來,設計圈反響很大,FancyNode和藍湖團隊紛紛研發推出支援Adobe XD的外掛,以提高設計師們的工作(改稿)效率。下面就來看看支援Adobe XD的這兩個外掛吧~

免費的Adobe XD真的能超越Sketch嗎?

下載地址:

http://

fancynode。com。cn/pxcook

PxCook是一款高效的自動標註工具,支援Win/Mac系統,支援PS/Sketch/XD,支援團隊線上協作。可以生成前端程式碼,設計師無需標註,設計稿一鍵匯出到雲端,開發直接雲端拿到程式碼。

免費的Adobe XD真的能超越Sketch嗎?

免費的Adobe XD真的能超越Sketch嗎?

另外,PxCook還支援Photoshop切圖,切圖、標註教程以及其它常見問題,都可以在官網上查看了解:

免費的Adobe XD真的能超越Sketch嗎?

免費的Adobe XD真的能超越Sketch嗎?

網址:

http://

fancynode。com。cn/pxcook

/qa

除了PxCook,FancyNode團隊還出了其它好用的外掛:ColorCube(配色神器),Sweet Onion (快速填圖外掛)等等,感興趣的童鞋可以下載試試。

免費的Adobe XD真的能超越Sketch嗎?

網址:

http://

fancynode。com。cn

安裝步驟:

PxCook外掛下好後需要透過Adobe Air安裝,可以去Adobe官網下載:

免費的Adobe XD真的能超越Sketch嗎?

網址:

https://

get。adobe。com/cn/air/

開啟Adobe Air,雙擊下載好的PxCook安裝包,彈出視窗提示你是否要安裝,點選安裝,選擇安裝位置,點選繼續,安裝完成,點選立即使用,即可在XD中使用PxCook外掛了。

免費的Adobe XD真的能超越Sketch嗎?

免費的Adobe XD真的能超越Sketch嗎?

免費的Adobe XD真的能超越Sketch嗎?

免費的Adobe XD真的能超越Sketch嗎?

藍湖€€€€從此不再手動標註

免費的Adobe XD真的能超越Sketch嗎?

下載地址:

https://

lanhuapp。com/xd

藍湖也是一款支援Win/Mac系統,以及支援PS/Sketch/XD的自動標註外掛。除了自動標註功能外,還能一鍵(下載)切圖、雲端協作、設計圖分組管理等等。

免費的Adobe XD真的能超越Sketch嗎?

免費的Adobe XD真的能超越Sketch嗎?

免費的Adobe XD真的能超越Sketch嗎?

藍湖還有iOS和安卓版本,可以在手機上預覽高保真互動原型:

免費的Adobe XD真的能超越Sketch嗎?

下載地址:

https://

lanhuapp。com/app

新手入門,可以去官網閱讀詳細的圖文教程:

免費的Adobe XD真的能超越Sketch嗎?

網址:

http://

sos。lanhuapp。com/#

/

安裝步驟:

下載好藍湖外掛安裝包,雙擊開啟會自行安裝,之後彈出視窗提示需要登入藍湖賬號,可以前往藍湖官網註冊:

免費的Adobe XD真的能超越Sketch嗎?

網址:

https://

lanhuapp。com/?

home

填好資訊,點選開啟藍湖,郵箱會收到一封重置密碼的郵件,設定好新密碼點選確定,回到藍湖XD外掛視窗,輸入郵箱和密碼登入即可。

免費的Adobe XD真的能超越Sketch嗎?

免費的Adobe XD真的能超越Sketch嗎?

Adobe XD CC推出免費中文版後,有一些小夥伴後臺留言需要安裝說明,今天也給大家整理出了教程。

Adobe XD安裝及使用教程

進入官網,點選免費獲取XD。

免費的Adobe XD真的能超越Sketch嗎?

網址:

https://www。

adobe。com/cn/products/x

d。html#x

之後會彈出頁面需要登陸Adobe賬戶,登陸之後彈出視窗,點選開啟Creative Cloud桌面應用程式。

免費的Adobe XD真的能超越Sketch嗎?

免費的Adobe XD真的能超越Sketch嗎?

Creative Cloud桌面應用程式開啟之後,自動開始安裝XD CC,安裝完畢,點選開啟即可。

免費的Adobe XD真的能超越Sketch嗎?

免費的Adobe XD真的能超越Sketch嗎?

免費的Adobe XD真的能超越Sketch嗎?

還沒有安裝Creative Cloud的,可以前往官網下載:

免費的Adobe XD真的能超越Sketch嗎?

下載地址:

https://www。

adobe。com/cn/downloads。

html?promoid=RL89NGY7&mv=other

想要快速上手學習Adobe XD,可以掃下方二維碼進入優優教程網學習:

免費的Adobe XD真的能超越Sketch嗎?

免費的Adobe XD真的能超越Sketch嗎?

免費的Adobe XD真的能超越Sketch嗎?

Adobe還出了一款iOS的應用:Adobe XD on mobile,可以手機上預覽設計效果圖,但是需要選擇國外地區App Store才能安裝(需科學上網),安裝教程大家可以去網上搜索。

下載好後,手機透過USB連電腦(需Mac系統),或者設計稿匯出到Creative Cloud,可以在手機上實時顯示設計稿。

免費的Adobe XD真的能超越Sketch嗎?