痛點與解決方案

使用 Photoshop 或 Sketch 設計介面時，最耗時的莫過於手動填充真實圖片、文字、頭像等內容。Craft 由 InVision Labs 開發，專為解決此痛點而生：一鍵自動填充真實文本、圖片、甚至自動複製元素並同步替換內容，支援 PS 与 Sketch 雙平台，免費使用。

下載與安裝

• 官網：https://labs.invisionapp.com（輸入信箱點擊 Get it free）
• 網盤備份：百度網盤

圖 1：Craft 官網下載頁

核心功能詳解

1. 文本自動填充

預設支援英文姓名、標題、段落、日期、郵箱、城市、地址、國家、貨幣等類別。對中文環境較弱，但提供「Web」模式：輸入任意網址，框選網頁內容區域，Craft 即可自動抓取對應文字填入設計稿，極大擴展適用範圍。

圖 2：預設文本類別

圖 3：Web 模式抓取自定義內容

圖 4：文本自動填充動畫演示

2. 圖片自動填充

三大圖片來源：

1. Unsplash 隨機高質感圖庫：一鍵填入不重複精美照片。
2. 本地資料夾/圖層圖片：指定資料夾或直接從現有圖層抓取。
3. 任意網頁圖片：同 Web 文字模式，輸入網址框選區域，自動抓取圖片填充（注意版權）。

圖 5：Unsplash 隨機填充演示

圖 6：從任意網頁抓取圖片填充演示

3. 重複元素自動變化填充（最強功能）

傳統複製僅複製樣式，Craft 的「Duplicate」功能能同時複製佈局、間距、份數，並自動替換每個實例的圖片與文字內容。選中一組元素（如名片、列表項），點擊 Duplicate 設定行列數與間距，即刻生成高保真真實內容列表，零手動修改。

圖 7：自動複製並替換內容演示

安裝驗證與快捷鍵

安裝步驟

1. 下載解壓，根據系統（Win/Mac）與編輯器（Sketch/PS）運行對應安裝包。
2. 重啟編輯器：Sketch 會出現 Craft 面板；PS 在「視窗 → 擴展功能」見到 Duplicate/Photo/Type 選單即成功。

圖 8：安裝包選擇

圖 9：Sketch 安裝成功面板

圖 10：PS 安裝成功選單

常用快捷鍵（Sketch 為例，PS 同理）

功能	快捷鍵	說明
插入本地資料夾圖片	Shift+Ctrl+1	最實用，指定資料夾批量填充
插入 Dropbox 圖片	Shift+Ctrl+2	需翻牆，國內較少用
插入 Unsplash 隨機圖	Shift+Ctrl+3	高質感免版權圖庫

同類替代插件

• Photoshop：uberfaces（人臉填充）
• Sketch：Content Generator、Unsplash It

結語

Craft 將「真實數據驅動設計」落地為極簡操作，特別是「Duplicate 自動替換內容」功能，能讓設計師在早期即用真實內容驗證佈局，大幅減少後期返工。強烈建議 PS/Sketch 使用者安裝體驗。