Update：我看到下面留言區(qū)很多朋友在安裝時(shí)遇到了一些問題，所以今天更新了一段視頻錄像來說明安裝和使用Craft，請查看下面視頻：(打開超清模式哦)

----------------------------------------寶寶是華麗麗的分割線----------------------------------------

Craft簡介

Craft是一套面向Sketch和Photoshop的插件組，幫助你簡化設(shè)計(jì)流程中的自動(dòng)化填充，提升工作流效率，將注意力集中在設(shè)計(jì)本身。作為一個(gè)工具套件，Craft包含下列工具：

·批量復(fù)制：快速復(fù)制重復(fù)圖層，并方便調(diào)節(jié)間距、數(shù)量等。

·樣式庫：在Sketch中生成一個(gè)Style Guide。它使一個(gè)新的頁面有不同的調(diào)色板，字體，文本樣式和自定義元素，您可以建立自己。與你的團(tuán)隊(duì)分享和同步整個(gè)庫。

·智能圖庫：支持Dropbox，unsplash，本地文件夾，或Web頁面上調(diào)取圖片到Sketch畫板中。

·數(shù)據(jù)：帶來真正的文本，圖像，JSON等內(nèi)容到你的Sketch，無需花費(fèi)時(shí)間進(jìn)行模擬數(shù)據(jù)。

文本填充

Craft提供了豐富的文本填充模板，可以填充英文類字符串。包括姓名，大標(biāo)題，文章，日期，電郵，城市，地址，國家，貨幣等。同時(shí)支持訪問網(wǎng)址方式將Web內(nèi)容直接導(dǎo)入到Sketch中。

圖片填充

圖片填充模塊支持導(dǎo)入Dropbox，Unsplash，本地文件夾或Web頁面上的圖片，來迅速生成真實(shí)不重復(fù)的圖片。

    1. 從本地文件夾導(dǎo)入圖片(3.8.3版本Sketch中存在BUG，可以使用Content Generator替代)

    2. 從Dropbox導(dǎo)入圖片

    3. 從Unsplash(一個(gè)圖像網(wǎng)站)中導(dǎo)入圖片

    4. 從內(nèi)置Web瀏覽器中訪問網(wǎng)頁獲取圖片

智能復(fù)制

在前段時(shí)間發(fā)布的Adobe Experience Design CC中我們看到了重復(fù)元素的自動(dòng)填充功能，但是Adobe Experience Design現(xiàn)在尚不穩(wěn)定，今天sketch也有了類似功能，這是Craft插件最吸引人的地方，Craft的復(fù)制功能的最大好處是，它會(huì)自動(dòng)完成上述所有的功能外，還自動(dòng)替換圖像和文本。完全不需要手動(dòng)處理，就能實(shí)現(xiàn)完全的高保真界面。 真的太酷了！

Style Guide 生成器

在團(tuán)隊(duì)合作中我們往往需要制定一個(gè)Style Guide來規(guī)范一款A(yù)pp的設(shè)計(jì)風(fēng)格，使其色板、字體、樣式、間距等獲得一致的表現(xiàn)。在以往的設(shè)計(jì)中，制定Style Guide往往費(fèi)時(shí)費(fèi)力，現(xiàn)在通過Craft 只需要輕輕點(diǎn)擊就可以生成一份完整的Style Guide了，是不是很神奇？！

library 庫

與Style Guide對應(yīng)的是Library(庫)這個(gè)功能，我曾經(jīng)使用Adobe Photoshop CC 2015的庫功能來管理大量重復(fù)元素，例如App里經(jīng)常重復(fù)出現(xiàn)的底部Tab、按鈕、標(biāo)題欄等。通過Craft插件，Sketch也擁有了庫功能，可以將設(shè)計(jì)團(tuán)隊(duì)資源以庫的形式統(tǒng)一起來，將設(shè)計(jì)規(guī)范、高效化。

終極大殺器: PROTOTYPE (輕量級移動(dòng)應(yīng)用原型設(shè)計(jì))

然而不要激動(dòng)，還沒有正式推出 (好漢請把刀收起來！)

先放毒：

在去年我注意到SilverFlow推出了一個(gè)重磅視頻，使Sketch可以直接添加頁面交互，而不需要再導(dǎo)入墨刀、Flinto等軟件中模擬了。后來silver加入了Invision(Craft的母公司)，因此相信在不久之后我們就可以體驗(yàn)到Sketch中直接進(jìn)行高保真交互設(shè)計(jì)了(有沒有很期待？)。

Craft 下載與安裝：

下載地址：https://www.invisionapp.com/craft  

安裝方式：下載Craft Manager，開啟Sketch / Photoshop 支持后，可以在Sketch 與 PS中找到Craft 面板，Enjoy it！