CRAFT 是 Sketch 上最實(shí)用的插件，沒有之一，常年被 Sketch 開發(fā)團(tuán)隊(duì)掛在官方插件推薦榜上。同時(shí)，CRAFT 也是很多知名設(shè)計(jì)師使用 Sketch 進(jìn)行設(shè)計(jì)工作時(shí)的得力助手。

官方介紹：

Screen Design. Supercharged.大幅提速界面設(shè)計(jì)。

開發(fā)團(tuán)隊(duì)：Invision

The world’s leading prototyping, collaboration & workflow platform.
世界一流的原型演示，設(shè)計(jì)協(xié)作和工作平臺(tái)。

插件下載：Craft by InVision

插件功能：

CRAFT 一共包含七個(gè)功能，有用于協(xié)作的「協(xié)作白板」、「原型」、「同步」和「樣式庫」，也有實(shí)用的本地功能「圖庫」、「內(nèi)容填充」和「復(fù)制」。

在啟動(dòng) Sketch 使用 CRAFT 前，需要先安裝并打開 Craft Manager。在這里，你可以管理插件中各個(gè)功能的開關(guān)，以及檢測(cè)插件更新。

用來自 Getty 和 iStock 的高清圖像給你的設(shè)計(jì)畫龍點(diǎn)睛。

• 圖海：數(shù)百萬世上最美的圖片，就在指間。
• 動(dòng)態(tài)：強(qiáng)有力的搜索使找到合適的圖片變得簡(jiǎn)單。
• 流暢：選取一個(gè)圖形圖層，再點(diǎn)擊一個(gè)圖片就完成了，so easy。
• 便捷：搜索、登錄和下載歷史，這些功能都集成在你的設(shè)計(jì)環(huán)境中。

「圖庫」和「內(nèi)容填充」中的「圖像填充」有所重復(fù)，但是里面的圖像更為高清，需付費(fèi)使用，是 Invision 對(duì) CRAFT 商業(yè)化的一種嘗試。

一個(gè)快捷、靈活的實(shí)時(shí)設(shè)計(jì)協(xié)作新方式。

• 無邊界：白板有無限大的空間，你的想法和創(chuàng)意不會(huì)受到約束。
• 靈活：Sketch 或 PS；手機(jī)、平板或筆記本；無論你在哪，實(shí)時(shí)獲取白板上的輸入。
• 包容：協(xié)作白板適用于任何人和任何項(xiàng)目。分享你的設(shè)計(jì)，然后在線協(xié)作。

首先，創(chuàng)建一個(gè)協(xié)作白板，既可以導(dǎo)入所有畫板，也可以選擇需要評(píng)審的畫板后導(dǎo)入。創(chuàng)建完成后，會(huì)自動(dòng)跳轉(zhuǎn) Invision。因?yàn)槭窃诰€協(xié)作功能，這里會(huì)需要你擁有一個(gè) Invision 的賬號(hào)以繼續(xù)使用。

可以通過手寫、打字、插入圖片等功能來對(duì)界面進(jìn)行討論、評(píng)審，很遺憾的是打字功能暫時(shí)不支持中文，只能用手寫功能進(jìn)行中文注釋。作為協(xié)作功能，可以用右上角的 Share 功能把鏈接分享給別的同事，讓他們參與到協(xié)作白板中。在設(shè)計(jì)團(tuán)隊(duì)內(nèi)部評(píng)審環(huán)節(jié)很常用，適合跨辦公地點(diǎn)的設(shè)計(jì)協(xié)作、溝通。

用你的設(shè)計(jì)稿制作高保真原型。

• 本地制作：就在你的設(shè)計(jì)環(huán)境中制作可以點(diǎn)擊的原型。
• 即時(shí)同步：一鍵將你制作的原型同步到 Invision。
• 可交互：用可交互的熱區(qū)將你的畫板連接起來。
• 協(xié)作：實(shí)時(shí)從你的團(tuán)隊(duì)獲取迅速的反饋。

這個(gè)功能比較復(fù)雜，但是很好用，這里只做簡(jiǎn)單的效果演示。需要配合「同步」功能使用。

一鍵同步本地設(shè)計(jì)稿到線上。

• 即時(shí)性：只需一鍵，無縫連接你的設(shè)計(jì)和原型。
• 高效：不再有拖拽的苦惱。更少的出錯(cuò)機(jī)會(huì)意味著更少的煩惱。
• 一屏操作：就在你的設(shè)計(jì)環(huán)境中把設(shè)計(jì)作品發(fā)送到 Invision。
• 可靠：時(shí)刻保證你的設(shè)計(jì)稿被同步到線上。

修改界面后，使用「同步」功能同步到 Invision，保持線上的設(shè)計(jì)稿為最新版本。作為「原型」功能的一個(gè)環(huán)節(jié)。

給你的設(shè)計(jì)帶來真實(shí)數(shù)據(jù)的究極插件。

• 切題：從圖源中選取真實(shí)的內(nèi)容并直接放置于你的設(shè)計(jì)中。
• 自定義：從網(wǎng)上，API或你自己的文件中選取內(nèi)容。
• 快捷：一鍵填充真實(shí)數(shù)據(jù)，加速你的工作流。
• 實(shí)用：搭配 CRAFT 其他功能，給你的設(shè)計(jì)加料。

「CUSTOM」中可以給文字圖層快速填充仿真數(shù)據(jù)，例如姓名、日期、郵箱等，支持自定義字段，比如中國(guó)的城市和地址。同樣，這個(gè)功能也可以給圖形圖層填充圖像，并支持從本地文件夾或 Dropbox 自建圖庫。

• 情境帶入：從真實(shí)的網(wǎng)站上獲取圖像、文字內(nèi)容。
• 真實(shí)：使用真實(shí)有意義的內(nèi)容，而不是假字符。
• 敏捷：一次給選中的多個(gè)圖層添加內(nèi)容。
• 高效：光速填充內(nèi)容。

「WEB」中內(nèi)嵌一個(gè)瀏覽器，輸入網(wǎng)址后可以獲取鏈接網(wǎng)站上的同類型字段或圖像。

• 預(yù)覽：在你的設(shè)計(jì)中置入真實(shí) API 內(nèi)容。
• 健康：在每一個(gè)界面中都使用真實(shí)可靠的數(shù)據(jù)。
• 靈敏：給每個(gè)單獨(dú)的圖層安排精準(zhǔn)的 JSON 數(shù)值。
• 面向企業(yè)：使用所在組織的 API 進(jìn)行極致的設(shè)計(jì)。

「JSON」中可以鏈接一個(gè) json 或是拖入文件，選取同組字段進(jìn)行填充。這里提供一個(gè)簡(jiǎn)單的 json 文件供大家實(shí)驗(yàn)。

團(tuán)隊(duì)共享云端設(shè)計(jì)資產(chǎn)。

• 云端共享：用共享的設(shè)計(jì)資源保持整個(gè)團(tuán)隊(duì)的設(shè)計(jì)流通暢。
• 專業(yè)：一鍵生成基于現(xiàn)有設(shè)計(jì)的樣式規(guī)范。
• 一致性：在你的樣式庫里產(chǎn)生的變動(dòng)會(huì)在其他設(shè)計(jì)組員的設(shè)計(jì)中同步變更，所以每個(gè)成員都不脫節(jié)。
• 自定義：基于你獨(dú)有的設(shè)計(jì)給樣式庫添加特殊的元素。

采集 Sketch 文件中的已有樣式，制作共享樣式庫。在國(guó)內(nèi)可以通過「堅(jiān)果云」實(shí)現(xiàn)樣式庫在線共享。

采集所有 Sketch 文件中的已有樣式，生成一頁設(shè)計(jì)樣式導(dǎo)航，包含配色、字體以及字體樣式。

忘記粘貼復(fù)制吧，用「復(fù)制」功能可以快速、完美克隆任何設(shè)計(jì)元素。

• 迅速：對(duì)設(shè)計(jì)元素進(jìn)行快速的、精準(zhǔn)到像素的完美復(fù)制。
• 干凈：不用手動(dòng)移位確保了設(shè)計(jì)元素的一致性。
• 設(shè)計(jì)檢驗(yàn)：復(fù)制足夠的設(shè)計(jì)元素填充界面，以此檢測(cè)你的設(shè)計(jì)。
• 情境帶入：Choose an exact number of duplicates, or make a live section.

這個(gè)功能和官方的「Make Grid」有些重復(fù)，不過如果之前使用了「內(nèi)容填充」，那么復(fù)制出來的圖形圖層也會(huì)被填充上圖像。

總結(jié):

CRAFT 給單兵作戰(zhàn)的 Sketch 提供了團(tuán)隊(duì)作戰(zhàn)的能力，配合另外幾個(gè)本地實(shí)用功能，它絕對(duì)有資格常駐在你的 Sketch 中。

我是 Teambition 的交互設(shè)計(jì)師徐小馬（微信：heiheilaugh），歡迎交流，拋磚引玉，請(qǐng)大家多給意見。

假輿馬者， 非利足也， 而致千里； 假舟楫者， 非能水也， 而絕江河。 巨巨生非異也， 善假于 CRAFT 也。

本文來自知乎專欄「非科班設(shè)計(jì)」，作者徐小馬。

「人氣超高的Sketch 插件合集」

1. 《Sketch神助攻！無代碼做動(dòng)效神器Hype3入門教程》
2. 《為網(wǎng)頁設(shè)計(jì)而生的15個(gè)優(yōu)質(zhì)SKETCH插件》
3. 《Sketch絕佳搭配！30秒制作交互原型的次時(shí)代神器Flinto》

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：yuan@uisdc.com】

================明星欄目推薦================

優(yōu)優(yōu)教程網(wǎng)： UiiiUiii.com 是優(yōu)設(shè)旗下優(yōu)質(zhì)中文教程網(wǎng)站，分享了大量PS、AE、AI、C4D等中文教程，為零基礎(chǔ)設(shè)計(jì)愛好者也準(zhǔn)備了貼心的知識(shí)樹專欄。開啟免費(fèi)自學(xué)新篇章，按照我們的專欄一步步學(xué)習(xí)，一定可以迅速上手并制作出酷炫的視覺效果。

設(shè)計(jì)導(dǎo)航：國(guó)內(nèi)人氣最高的設(shè)計(jì)網(wǎng)址導(dǎo)航，設(shè)計(jì)師必備：http://hao.uisdc.com