Beta 比 Bézier 曲線操作易用性更佳,快速生成完美曲線的閉合路徑,極簡的界面設計和操作流程,Spline 設計為背景半透明,可以用於描摹草圖或圖片,完成繪製後點擊拷貝 SVG 按鈕,在 Sketch 中 Command + v 完成粘貼圖形路徑

下載 Beta 版本   Spline 微信群

macOS Catalina 的安全策略升級導致未使用付費開發者授權證書的程式無法被直接打開,請選中 Spline 後鼠標右鍵選擇打開,彈出提示窗口繼續選擇打開即可使用

初衷 設計中的圖形細節,在我設計圖標的過程中發現對路徑的品質有更高的要求,尤其是對曲線,但是我的流程中沒有使用 AI 和 CAD,我找的了更好的解決方案,類似 Pixeology 開發的 Spiro for Adobe Illustrator 插件,但是採用了不同的算法,開發了針對 Sketch 的工具

使用方法 快捷鍵

單點鼠標 or 單點直或曲線段 = 添加節點

雙擊節點 = 切換節點模式

delete = 刪除節點

alt + 單點鼠標 or 單點鼠標 + 拖拽 = 添加曲線模式節點

shift + 拖拽節點 = 節點對齊網格

shift + 點擊節點 = 多選節點

方向鍵 = 以 1 px 位移節點

shift + 方向鍵 = 以 10 px 位移節點

拖拽手柄控制點 = 調整曲線

拖拽手柄控制點 + 向遠拖拽 = 手柄默認值

shift + 拖拽手柄控制點 = 手柄垂直或水平對齊


A Design Tool by Leo