Craft插件是一款支持sketch和Photoshop的自動(dòng)填充插件,有時(shí)候設(shè)計(jì)師在做界面的時(shí)候肯定會(huì)遇到需要填充真實(shí)圖片的情況,靠手動(dòng)上傳填充費(fèi)時(shí)費(fèi)力。推薦大家使用這款Craft插件,可以幫你自動(dòng)填充真實(shí)圖片,也支持文本內(nèi)容的填充。
功能介紹:
文本自動(dòng)填充
簡(jiǎn)單一句話,能填充很多英文類字符串。包括姓名,大標(biāo)題,文章,日期,電郵,城市,地址,國(guó)家,貨幣等等都可以。不過這塊因?yàn)椴皇怯⑽,還是顯得有點(diǎn)雞肋。
那怎么辦?
還有記得那個(gè)標(biāo)簽欄有個(gè)”web”的選項(xiàng)么?點(diǎn)一下它,輸入你認(rèn)為可能能找到對(duì)應(yīng)東西的網(wǎng)站。具體如下圖,只要框選的內(nèi)容就會(huì)被自動(dòng)填充了。
這個(gè)功能太實(shí)用了,淚流滿面。終于不用來回切換程序了。
具體動(dòng)畫演示,請(qǐng)看下圖:
圖片自動(dòng)填充
我們可以從Dropbox的,電腦文件夾或網(wǎng)絡(luò)導(dǎo)入真實(shí)不重復(fù)的照片,到設(shè)計(jì)的界面里。
craft插件可以將真實(shí)圖像快速添加到界面。并且提供足夠多的添加選擇方式。
1)從Unsplash隨機(jī)添加圖像。
2)從自己的文件夾,甚至是圖像中抓取的圖像。
3)從任何網(wǎng)站添加圖像,方式和文本填充方式一致。(注意圖像使用版權(quán))
▲ Cratf圖像填充演示——Unsplash填充
▲ Cratf圖像填充演示——從任一網(wǎng)頁(yè)填充
重復(fù)元素自動(dòng)變化填充
這是Craft插件最吸引人的地方,真正的方便和節(jié)省時(shí)間的功能。以往我們要復(fù)制元素,還要考慮份數(shù)和間距等等問題,最簡(jiǎn)單的方式也只是“Alt +拖動(dòng)”,當(dāng)然有部分插件能實(shí)現(xiàn)快速?gòu)?fù)制。
但是Craft的復(fù)制功能的最大好處是,它會(huì)自動(dòng)完成上述所有的功能外,還自動(dòng)替換圖像和文本。完全不需要手動(dòng)處理,就能實(shí)現(xiàn)完全的高保真界面。 真的太酷了!
下面就是見證奇跡的時(shí)刻。
安裝步驟:
1)下載安裝包,解壓縮。
根據(jù)自己是Win或Mac系統(tǒng)點(diǎn)擊對(duì)應(yīng)的文件(如下圖)。如果你用的是Sketch就點(diǎn)擊Sketch,如果是Photoshop也是同理。當(dāng)然兩個(gè)都點(diǎn)擊都可以。
2)打開Sketch或Photoshop,看看是否安裝成功
打開Sketch,會(huì)發(fā)現(xiàn)出現(xiàn)新的面板,表示已經(jīng)成功安裝插件。
打開Photoshop,在窗口>擴(kuò)展功能>Duplicate/Photo/Type出現(xiàn),表示已經(jīng)成功安裝插件。
快捷鍵介紹:
神功能A:插入文件夾的圖品(最牛逼的功能): Shift + Ctrl +1
神功能B:隨機(jī)從Unsplash插入圖片(Unsplash是質(zhì)量很好的壁紙庫(kù)) Shift + Ctrl + 3
神功能C:從Drapbox插入圖片(因?yàn)閲?guó)內(nèi)被墻,用處沒有那么大了) Shift + Ctrl + 2