華文網

設計兵器榜排行第一!SKETCH外掛程式:CRAFT

CRAFT 是 Sketch 上最實用的外掛程式,沒有之一,常年被 Sketch 開發團隊掛在官方外掛程式推薦榜上。同時,CRAFT 也是很多知名設計師使用 Sketch 進行設計工作時的得力助手。

官方介紹:

Screen Design. Supercharged.大幅提速介面設計。

開發團隊:Invision

The world’s leading prototyping, collaboration & workflow platform.

世界一流的原型演示,設計協作和工作平臺。

外掛程式功能:

CRAFT 一共包含七個功能,有用於協作的「協作白板」、「原型」、「同步」和「樣式庫」,也有實用的本地功能「圖庫」、「內容填充」和「複製」。

在啟動 Sketch 使用 CRAFT 前,需要先安裝並打開 Craft Manager。在這裡,你可以管理外掛程式中各個功能的開關,

以及檢測外掛程式更新。

用來自 Getty 和 iStock 的高清圖像給你的設計畫龍點睛。

圖海:數百萬世上最美的圖片,就在指間。

動態:強有力的搜索使找到合適的圖片變得簡單。

流暢:選取一個圖形圖層,再點擊一個圖片就完成了,so easy。

便捷:搜索、登錄和下載歷史,這些功能都集成在你的設計環境中。

「圖庫」和「內容填充」中的「圖像填充」有所重複,但是裡面的圖像更為高清,需付費使用,是 Invision 對 CRAFT 商業化的一種嘗試。

一個快捷、靈活的即時設計協作新方式。

無邊界:白板有無限大的空間,你的想法和創意不會受到約束。

靈活:Sketch 或 PS;手機、平板或筆記本;無論你在哪,即時獲取白板上的輸入。

包容:協作白板適用於任何人和任何專案。分享你的設計,

然後線上協作。

首先,創建一個協作白板,既可以導入所有畫板,也可以選擇需要評審的畫板後導入。創建完成後,會自動跳轉 Invision。因為是線上協作功能,這裡會需要你擁有一個 Invision 的帳號以繼續使用。

可以通過手寫、打字、插入圖片等功能來對介面進行討論、評審,很遺憾的是打字功能暫時不支持中文,只能用手寫功能進行中文注釋。作為協作功能,可以用右上角的 Share 功能把連結分享給別的同事,讓他們參與到協作白板中。在設計團隊內部評審環節很常用,適合跨辦公地點的設計協作、溝通。

用你的設計稿製作高保真原型。

本地製作:就在你的設計環境中製作可以點擊的原型。

即時同步:一鍵將你製作的原型同步到 Invision。

可交互:用可交互的熱區將你的畫板連接起來。

協作:即時從你的團隊獲取迅速的回饋。

這個功能比較複雜,但是很好用,這裡只做簡單的效果演示。需要配合「同步」功能使用。

一鍵同步本地設計稿到線上。

即時性:只需一鍵,無縫連接你的設計和原型。

高效:不再有拖拽的苦惱。更少的出錯機會意味著更少的煩惱。

一屏操作:就在你的設計環境中把設計作品發送到 Invision。

可靠:時刻保證你的設計稿被同步到線上。

修改介面後,使用「同步」功能同步到 Invision,保持線上的設計稿為最新版本。作為「原型」功能的一個環節。

給你的設計帶來真實資料的究極外掛程式。

切題:從圖源中選取真實的內容並直接放置於你的設計中。

自訂:從網上,API或你自己的檔中選取內容。

快捷:一鍵填充真實資料,加速你的工作流。

實用:搭配 CRAFT 其他功能,給你的設計加料。

「CUSTOM」中可以給文字圖層快速填充模擬資料,例如姓名、日期、郵箱等,支援自訂欄位,比如中國的城市和地址。同樣,這個功能也可以給圖形圖層填充圖像,並支援從本地資料夾或 Dropbox 自建圖庫。

情境帶入:從真實的網站上獲取圖像、文字內容。

真實:使用真實有意義的內容,而不是假字元。

敏捷:一次給選中的多個圖層添加內容。

高效:光速填充內容。

「WEB」中內嵌一個流覽器,輸入網址後可以獲取連結網站上的同類型欄位或圖像。

預覽:在你的設計中置入真實 API 內容。

健康:在每一個介面中都使用真實可靠的資料。

靈敏:給每個單獨的圖層安排精准的 JSON 數值。

面向企業:使用所在組織的 API 進行極致的設計。

「JSON」中可以連結一個 json 或是拖入檔,選取同組欄位進行填充。這裡提供一個簡單的 json 檔供大家實驗。

團隊共用雲端設計資產。

雲端共用:用共用的設計資源保持整個團隊的設計流通暢。

專業:一鍵生成基於現有設計的樣式規範。

一致性:在你的樣式庫裡產生的變動會在其他設計組員的設計中同步變更,所以每個成員都不脫節。

自訂:基於你獨有的設計給樣式庫添加特殊的元素。

採集 Sketch 檔中的已有樣式,製作共用樣式庫。在國內可以通過「堅果雲」實現樣式庫線上共用。

採集所有 Sketch 檔中的已有樣式,生成一頁設計樣式導航,包含配色、字體以及字體樣式。

忘記粘貼複製吧,用「複製」功能可以快速、完美克隆任何設計項目。

迅速:對設計項目進行快速的、精准到圖元的完美複製。

乾淨:不用手動移位確保了設計項目的一致性。

設計檢驗:複製足夠的設計項目填充介面,以此檢測你的設計。

情境帶入:Choose an exact number of duplicates, or make a live section.

這個功能和官方的「Make Grid」有些重複,不過如果之前使用了「內容填充」,那麼複製出來的圖形圖層也會被填充上圖像。

總結:

CRAFT 給單兵作戰的 Sketch 提供了團隊作戰的能力,配合另外幾個本地實用功能,它絕對有資格常駐在你的 Sketch 中。

------

本文來自知乎專欄「非科班設計」,作者徐小馬

商業轉載請聯繫作者獲得授權,非商業轉載請注明出處!

關注優設品牌號微信號:uisdcer & 內容號微信號:youshege;推送領域專業知識掌握優設新品動態和50萬設計師獲取新鮮知識

需要配合「同步」功能使用。

一鍵同步本地設計稿到線上。

即時性:只需一鍵,無縫連接你的設計和原型。

高效:不再有拖拽的苦惱。更少的出錯機會意味著更少的煩惱。

一屏操作:就在你的設計環境中把設計作品發送到 Invision。

可靠:時刻保證你的設計稿被同步到線上。

修改介面後,使用「同步」功能同步到 Invision,保持線上的設計稿為最新版本。作為「原型」功能的一個環節。

給你的設計帶來真實資料的究極外掛程式。

切題:從圖源中選取真實的內容並直接放置於你的設計中。

自訂:從網上,API或你自己的檔中選取內容。

快捷:一鍵填充真實資料,加速你的工作流。

實用:搭配 CRAFT 其他功能,給你的設計加料。

「CUSTOM」中可以給文字圖層快速填充模擬資料,例如姓名、日期、郵箱等,支援自訂欄位,比如中國的城市和地址。同樣,這個功能也可以給圖形圖層填充圖像,並支援從本地資料夾或 Dropbox 自建圖庫。

情境帶入:從真實的網站上獲取圖像、文字內容。

真實:使用真實有意義的內容,而不是假字元。

敏捷:一次給選中的多個圖層添加內容。

高效:光速填充內容。

「WEB」中內嵌一個流覽器,輸入網址後可以獲取連結網站上的同類型欄位或圖像。

預覽:在你的設計中置入真實 API 內容。

健康:在每一個介面中都使用真實可靠的資料。

靈敏:給每個單獨的圖層安排精准的 JSON 數值。

面向企業:使用所在組織的 API 進行極致的設計。

「JSON」中可以連結一個 json 或是拖入檔,選取同組欄位進行填充。這裡提供一個簡單的 json 檔供大家實驗。

團隊共用雲端設計資產。

雲端共用:用共用的設計資源保持整個團隊的設計流通暢。

專業:一鍵生成基於現有設計的樣式規範。

一致性:在你的樣式庫裡產生的變動會在其他設計組員的設計中同步變更,所以每個成員都不脫節。

自訂:基於你獨有的設計給樣式庫添加特殊的元素。

採集 Sketch 檔中的已有樣式,製作共用樣式庫。在國內可以通過「堅果雲」實現樣式庫線上共用。

採集所有 Sketch 檔中的已有樣式,生成一頁設計樣式導航,包含配色、字體以及字體樣式。

忘記粘貼複製吧,用「複製」功能可以快速、完美克隆任何設計項目。

迅速:對設計項目進行快速的、精准到圖元的完美複製。

乾淨:不用手動移位確保了設計項目的一致性。

設計檢驗:複製足夠的設計項目填充介面,以此檢測你的設計。

情境帶入:Choose an exact number of duplicates, or make a live section.

這個功能和官方的「Make Grid」有些重複,不過如果之前使用了「內容填充」,那麼複製出來的圖形圖層也會被填充上圖像。

總結:

CRAFT 給單兵作戰的 Sketch 提供了團隊作戰的能力,配合另外幾個本地實用功能,它絕對有資格常駐在你的 Sketch 中。

------

本文來自知乎專欄「非科班設計」,作者徐小馬

商業轉載請聯繫作者獲得授權,非商業轉載請注明出處!

關注優設品牌號微信號:uisdcer & 內容號微信號:youshege;推送領域專業知識掌握優設新品動態和50萬設計師獲取新鮮知識