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

下載地址：

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

Craft有什么牛逼的功能？

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

文本自動填充

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

那怎么辦？

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

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

圖片自動填充

我們可以從Dropbox的，電腦文件夾或網絡導入真實不重復的照片，到設計的界面里。

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

1）從Unsplash隨機添加圖像。

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

3）從任何網站添加圖像，方式和文本填充方式一致。（注意圖像使用版權）

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

▲ Cratf圖像填充演示——從任一網頁填充

重復元素自動變化填充

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

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

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

Craft的安裝步驟：

1）下載安裝包，解壓縮

根據自己是Win或Mac系統點擊對應的文件（如下圖）。如果你用的是Sketch就點擊Sketch，如果是Photoshop也是同理。當然兩個都點擊都可以。

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

打開Sketch，會發現出現新的面板，表示已經成功安裝插件。

打開Photoshop，在窗口>擴展功能>Duplicate/Photo/Type出現，表示已經成功安裝插件。

Craft的快捷鍵

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

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

類似插件：

Photoshop平臺：uberfaces

Shetch平臺：

• Content Generator
• Unsplash It

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