前言：柵格設計的痛點

進行網頁或 UI 設計時，建立參考線與柵格系統是家常便飯。但傳統方式需一條條手動拖曳、計算間距，不僅耗時易出錯，修改時更是傷腦筋。今天介紹一款免費強大的 Photoshop 擴充功能——Griddify，讓你幾秒鐘生成精準柵格，支援多種分割模式，大幅提升排版效率。

Griddify 介面與核心功能

安裝後可在「視窗」→「擴充功能」中開啟 Griddify 面板。介面簡潔直觀，主要分為三大功能區塊：

1. 柵格

輸入柵格數值（像素），多組數值以空格分隔，點擊「Griddify」按鈕即可自動生成對應間距的參考線。更進階地，你可以先建立選區，再點擊按鈕，柵格將僅在選區範圍內生成，極適合局部排版。

2. 分割

一鍵將畫布或選區等分。支援垂直分割、水平分割、水平垂直同時分割，並可指定分割數量。圖示按鈕可切換水平/垂直模式，操作直覺。

3. 內外分割

獨特的「內/外分割」功能：輸入正數從選區邊緣向內分割，負數則向外擴展分割。例如輸入 -30px，參考線將向外延伸 30 像素，適合製作留白、邊距等外部間距。

相容性與安裝提醒

Griddify 相容 Photoshop CS6、CC、CC 2014 等版本。若 CC 2014 無法安裝，請參考官方 GitHub 說明（https://github.com）取得最新版本或解決方案。安裝方式通常為雙擊 .zxp 檔或使用 Adobe Extension Manager / ZXP Installer。

小結

Griddify 以極簡操作解決柵格建立的繁瑣痛點，無論是全畫布佈局、局部模組對齊，還是響應式設計的多斷點柵格，都能秒級完成。建議所有 UI/網頁設計師收藏備用，讓參考線不再拖慢你的設計節奏。