如果你使用Photoshop和Sketch做界面設(shè)計時，肯定會碰到一個問題，那就是需要填充很多真實的圖片到界面里。這個過程非常浪費時間，有沒有能節(jié)省時間的辦法呢？當(dāng)然是有的，那就是Craft。

下載地址：

Craft官網(wǎng)（輸入郵箱，點擊“get it free”）：http://labs.invisionapp.com
網(wǎng)盤鏈接：http://pan.baidu.com/s/1eQPDSS6

Craft有什么牛逼的功能？

因為米田用的Sketch為主，所以內(nèi)容也是以此為主。Photoshop的功能是完全一致的，就不再重復(fù)演示了。

文本自動填充

簡單一句話，能填充很多英文類字符串。包括姓名，大標(biāo)題，文章，日期，電郵，城市，地址，國家，貨幣等等都可以。不過這塊因為不是英文，還是顯得有點雞肋。

那怎么辦？

還有記得那個標(biāo)簽欄有個”web”的選項么？點一下它，輸入你認為可能能找到對應(yīng)東西的網(wǎng)站。具體如下圖，只要框選的內(nèi)容就會被自動填充了。
這個功能太實用了，淚流滿面。終于不用來回切換程序了。

具體動畫演示，請看下圖：

圖片自動填充

我們可以從Dropbox的，電腦文件夾或網(wǎng)絡(luò)導(dǎo)入真實不重復(fù)的照片，到設(shè)計的界面里。

craft插件可以將真實圖像快速添加到界面。并且提供足夠多的添加選擇方式。

1）從Unsplash隨機添加圖像。

2）從自己的文件夾，甚至是圖像中抓取的圖像。

3）從任何網(wǎng)站添加圖像，方式和文本填充方式一致。（注意圖像使用版權(quán)）

▲ Cratf圖像填充演示——Unsplash填充

▲ Cratf圖像填充演示——從任一網(wǎng)頁填充

重復(fù)元素自動變化填充

這是Craft插件最吸引人的地方，真正的方便和節(jié)省時間的功能。以往我們要復(fù)制元素，還要考慮份數(shù)和間距等等問題，最簡單的方式也只是“Alt +拖動”，當(dāng)然有部分插件能實現(xiàn)快速復(fù)制。

但是Craft的復(fù)制功能的最大好處是，它會自動完成上述所有的功能外，還自動替換圖像和文本。完全不需要手動處理，就能實現(xiàn)完全的高保真界面。 真的太酷了！

下面就是見證奇跡的時刻。

Craft的安裝步驟：

1）下載安裝包，解壓縮

根據(jù)自己是Win或Mac系統(tǒng)點擊對應(yīng)的文件（如下圖）。如果你用的是Sketch就點擊Sketch，如果是Photoshop也是同理。當(dāng)然兩個都點擊都可以。

2）打開Sketch或Photoshop，看看是否安裝成功

打開Sketch，會發(fā)現(xiàn)出現(xiàn)新的面板，表示已經(jīng)成功安裝插件。

打開Photoshop，在窗口>擴展功能>Duplicate/Photo/Type出現(xiàn)，表示已經(jīng)成功安裝插件。

Craft的快捷鍵

它最大的用處就是填充照片，文本雖然也可以填充，但是基本是英文的文本，用處不是特別大。

• 神功能A：插入文件夾的圖品（最牛逼的功能）： Shift + Ctrl +1
• 神功能B：隨機從Unsplash插入圖片（Unsplash是質(zhì)量很好的壁紙庫） Shift + Ctrl + 3
• 神功能C：從Drapbox插入圖片（因為國內(nèi)被墻，用處沒有那么大了） Shift + Ctrl + 2

類似插件：

Photoshop平臺：uberfaces

Shetch平臺：

• Content Generator
• Unsplash It

參考資料：Sketch.app & Craft: A Match Made in Real Data Heaven