用 JigsawDesigner 創作

為你的下一份拼圖，找點靈感

看看 JigsawDesigner 團隊如何把想法變成設計。以下截圖來自 Mac 版 1.6.0，展示作品在 App 中逐步成形的過程。

同一款工具，不同的創意。

走近這些設計

從隨手畫的輪廓，到細節豐富的龍形，再到匯入自己的 SVG 圖稿，每件作品都有不同的起點。

01

不拘一格的拼圖外形

目標: 讓手繪輪廓變成拼圖，保留屬於它的獨特外形。
截圖裝置: Mac
範本: 在範本面板中選取的自訂內凹卡槽輪廓
下一步編輯: 選取產生群組，檢查邊界尺寸，並用節點編輯繼續調整局部外輪廓。

開啟相關指南

JigsawDesigner 中準備產生的不規則封閉邊界，並顯示所選自訂卡槽範本和產生設定 — 執行產生器前的邊界、卡槽輪廓與產生參數。
素材來源: 產品截圖 · JigsawDesigner 1.6.0 Mac 版

JigsawDesigner 中不規則邊界內產生的拼圖切割線，並以可編輯群組選取 — 產生的切割線以可選取的 SVG 群組傳回文件。
素材來源: 產品截圖 · JigsawDesigner 1.6.0 Mac 版

過程

01準備一個封閉外邊界並選擇卡槽輪廓。
02設定目標密度並產生拼圖圖案。
03讓傳回的 SVG 群組繼續保留在圖層中編輯。

02

細節藏在龍形之中

目標: 沿著龍形輪廓鋪開拼圖，讓內部的小圖形融入設計。
截圖裝置: Mac
範本: 範本面板中已選取的自訂卡槽輪廓
下一步編輯: 檢查狹窄區域與內部鏤空，並按下游流程需要調整單一路徑的間距。

開啟相關指南

產生拼圖前的複雜龍形向量邊界，其中包含多個內部動物輪廓 — 來源幾何同時包含複雜外輪廓與多個內部鏤空。
素材來源: 產品截圖 · JigsawDesigner 1.6.0 Mac 版

JigsawDesigner 中覆蓋複雜龍形輪廓產生的拼圖切割線 — 產品內結果仍需要放大檢查和向量調整。
素材來源: 產品截圖 · JigsawDesigner 1.6.0 Mac 版

過程

01檢查外部輪廓與內部向量圖形。
02選擇卡槽輪廓並調整距離範圍。
03產生後放大檢查交點，不把第一次結果直接當作最終檔案。

03

讓自己的圖稿，有個新開始

目標: 匯入分層 SVG，和其他專案一起儲存，隨時開啟繼續創作。
截圖裝置: Mac
範本: 未使用——本範例記錄 SVG 匯入和專案整理
下一步編輯: 檢查匯入群組和尺寸，再選擇或繪製一個封閉邊界用於產生。

開啟相關指南

JigsawDesigner 中選取的複雜匯入 SVG，並顯示其圖層群組與尺寸 — 在編輯器中檢查匯入圖稿、圖層結構與尺寸。
素材來源: 產品截圖 · JigsawDesigner 1.6.0 Mac 版

包含多個產品方 SVG 與拼圖範例的 JigsawDesigner 專案庫 — 目前專案庫把匯入圖稿和產生試驗集中儲存。
素材來源: 產品截圖 · JigsawDesigner 1.6.0 Mac 版

過程

01把 SVG 匯入專案。
02對照可見圖稿，並在圖層中檢查群組。
03儲存專案，方便重新開啟來源圖稿和產生試驗。

從你自己的輪廓開始

在 iPhone、iPad 或 Mac 上建立專案，檢查產生幾何，再匯出 SVG。