JigsawDesigner

JigsawDesigner 1.6.0 · iPhone、iPad 與 Mac

從任意輪廓建立自訂拼圖切割線

繪製或匯入向量邊界、產生切割圖樣、逐條調整路徑,再於 Mac、iPad 或 iPhone 匯出可編輯的 SVG。

原始邊界SVG
JigsawDesigner 中已準備好的不規則封閉邊界、卡槽範本與產生設定
產生的 SVGSVG
不規則邊界內產生的拼圖切割線,並以可編輯群組選取

拼圖切割設計

拼圖切割圖的專業構成

每套切割圖都始於封閉的拼圖外輪廓,內部共享切割線再把圖形分成一片片拼圖片。凸榫與匹配的凹口沿這些共享邊界形成互鎖連接。Whimsy 則不同:它是一整片具有可辨識具象輪廓的特殊拼圖片。

JigsawDesigner 會將所選凹槽範本套用到符合距離條件的分片邊緣,並將結果保留為可編輯 SVG 幾何。Whimsy 需要手動設計或匯入並檢查銜接,產生器目前不會自動建立;材料、切縫、功率、速度與安全參數仍需在下游流程中處理。

拼圖切割圖的專業構成每套切割圖都始於封閉的拼圖外輪廓,內部共享切割線再把圖形分成一片片拼圖片。凸榫與匹配的凹口沿這些共享邊界形成互鎖連接。Whimsy 則不同:它是一整片具有可辨識具象輪廓的特殊拼圖片。
  1. 拼圖外輪廓

    封閉的外部輪廓線決定成品拼圖的整體外形。

  2. 分片切割線

    共享的內部路徑把外輪廓分隔成一片片獨立拼圖片。

  3. 凸榫與凹口

    凸榫與匹配的凹口沿相鄰拼圖片的共享邊界形成。

  4. Whimsy(可選具象異形片)

    一整片具有可辨識主題輪廓的特殊拼圖片;JigsawDesigner 目前不會自動產生 Whimsy。

輸出:可編輯 SVG 切割幾何

真實工作流程

從來源幾何到可繼續編輯的 SVG

產生只是專案中的一個步驟,不是設計流程的終點。

01

匯入或繪製來源幾何

匯入 SVG,或以向量工具繪製封閉輪廓。產生前先檢查畫布尺寸、群組與可見幾何。

JigsawDesigner 中選取的複雜匯入 SVG,並顯示圖層階層與形狀資訊
真實匯入 SVG 及其文件結構。產品截圖 · JigsawDesigner 1.6.0
02

在所選邊界中產生

選擇內建或自訂卡槽輪廓、設定網格與距離,再執行產生。應檢查結果,而不是預設第一次輸出就是最終版本。

JigsawDesigner 中以群組選取的拼圖切割線
產生器回傳可編輯的向量幾何。產品截圖 · JigsawDesigner 1.6.0
03

調整路徑,再匯出 SVG

使用選取把手、圖層、節點編輯、群組與 Inspector 數值整理文件,再交給下一步工具。

JigsawDesigner 中拼圖邊界周圍顯示的節點編輯錨點
產生後仍可進行錨點層級編輯。產品截圖 · JigsawDesigner 1.6.0

產品方自製範例

看清輸入、產品內結果與下一步編輯

每個 JigsawDesigner 團隊範例都會記錄目標、來源幾何、產品內結果與下一步向量編輯。

查看完整作品展示
JigsawDesigner 中準備產生的不規則封閉邊界,並顯示所選自訂卡槽範本和產生設定
輸入
JigsawDesigner 中不規則邊界內產生的拼圖切割線,並以可編輯群組選取
產生結果

不規則輪廓到可編輯切割線

目標
在保留外部輪廓的同時,為一個封閉的手繪形狀產生拼圖圖案。
範本
在範本面板中選取的自訂內凹卡槽輪廓
下一步編輯
選取產生群組,檢查邊界尺寸,並用節點編輯繼續調整局部外輪廓。
產生拼圖前的複雜龍形向量邊界,其中包含多個內部動物輪廓
輸入
JigsawDesigner 中覆蓋複雜龍形輪廓產生的拼圖切割線
產生結果

含內部鏤空的複雜龍形輪廓

目標
在複雜龍形外輪廓中產生圖案,同時保留內部的小型圖形。
範本
範本面板中已選取的自訂卡槽輪廓
下一步編輯
檢查狹窄區域與內部鏤空,並按下游流程需要調整單一路徑的間距。
JigsawDesigner 中選取的複雜匯入 SVG,並顯示其圖層群組與尺寸
已開啟的 SVG
包含多個產品方 SVG 與拼圖範例的 JigsawDesigner 專案庫
專案庫

從匯入 SVG 到專案整理

目標
開啟分層 SVG,確認可見構圖已匯入,並與其他可編輯專案一起儲存。
範本
未使用——本範例記錄 SVG 匯入和專案整理
下一步編輯
檢查匯入群組和尺寸,再選擇或繪製一個封閉邊界用於產生。

一套工作流程,三種 Apple 裝置

依專案階段選擇合適的螢幕

Mac、iPad 與 iPhone 提供同一套核心編輯流程。以下截圖來自目前 1.6 產品版本。

Mac 上顯示龍形專案的 JigsawDesigner 1.6 SVG 工作區
Mac 工作區產品截圖 · JigsawDesigner 1.6.0

Mac

完整 SVG 工作區

iPad 上的 JigsawDesigner 1.6 向量編輯介面
iPad 編輯器產品截圖 · JigsawDesigner 1.6.0

iPad

觸控向量編輯

iPhone 上的 JigsawDesigner 1.6 向量選取介面
iPhone 編輯器產品截圖 · JigsawDesigner 1.6.0

iPhone

精簡選取工作流程

SVG 匯入

開啟向量圖稿並檢查可見結構。

路徑編輯

編輯錨點、群組、變形與繪製路徑。

自訂卡槽

繪製或匯入產生器使用的連接輪廓。

專案庫

保留可編輯專案,方便後續修改。

匯出之後

將實際製作視為獨立驗證階段

JigsawDesigner 負責交接 SVG 幾何;操作類型、材料設定與設備安全仍由下游軟體和設備流程負責。

  1. 01

    匯出 SVG

    保留可編輯專案,並匯出下游需要的幾何。

  2. 02

    檢查交接檔案

    確認單位、比例、重複路徑、線條解讀與目標操作。

  3. 03

    先做材料測試

    參考設備文件,以小範圍測試後再投入整張材料。

  4. 04

    製作並記錄

    在 JigsawDesigner 之外記錄最終材料與設備設定,以便重現。

閱讀完整製作教學

JigsawDesigner 無法取代切割軟體、設備文件或安全操作流程。

較早錄製的產品示範;目前介面請以上方 1.6.0 截圖為準。

先免費產生 5 次

Premium 提供無限產生與 SVG 匯出。月訂閱與年訂閱均由 Apple 處理。

Free

先體驗核心產生流程。

  • 5 次拼圖產生

Premium

持續產生並匯出 SVG。

  • 無限拼圖產生
  • SVG 匯出
比較 Free 與 Premium

App Store 會顯示所在地區的目前價格。

開始前常見問題

可以使用自己的輪廓嗎?

可以。繪製封閉向量邊界或匯入合適的 SVG 幾何,再選擇用於產生的邊界。

產生後還能編輯嗎?

可以。產生的切割線會以可編輯 SVG 幾何回到文件。

可以匯出什麼格式?

JigsawDesigner 目前匯出 SVG,SVG 匯出包含在 Premium 中。

App 會設定雷射參數嗎?

不會。請在設備對應的下游流程中驗證單位、比例、材料、切縫、操作、功率、速度與安全要求。

依階段學習

先理解幾何,再完成一個專案,然後深入編輯

從三條路徑中選擇:理解切割線、完成一個專案,或繼續編輯並匯出 SVG。

開啟學習中心