DesignLock

外掛說明

Build it once. Keep it perfect.

DesignLock monitors your design system and alerts you the moment something changes — before your client or visitors notice.

The Problem Every Developer Knows:

You spend weeks building a pixel-perfect site. You hand it off. A plugin updates. The client edits something. Three weeks later someone notices the brand color is wrong, the font changed, and a section looks broken.

DesignLock fixes this. It snapshots your design tokens — colors, fonts, spacing, global styles — and compares every scan against that baseline. The moment something drifts, you get an alert with exactly what changed and what caused it.

What DesignLock Tracks:

• 🎨 Color Palette — Primary, secondary, and accent colors from theme.json
• ✏️ Font Families — All registered font families in your theme
• 📏 Typography Scale — Font sizes from xs to xxl
• 📐 Spacing Tokens — Global spacing and gap presets
• 🔌 Plugin Versions — All active plugins — so you know what update caused the drift
• 🎨 Global Styles — Block editor global styles and overrides

Key Features:

Design Baseline

Run a scan to lock your current design state as the “golden baseline.” Every future scan compares against this.

Drift Detection

Automated daily scans detect color changes, font changes, spacing changes, and plugin updates. Get severity-rated alerts (Critical / High / Medium / Low).

Client Lock Mode

Lock specific design tokens so clients and editors cannot accidentally change them. Perfect for agencies handing off sites.

Design Health Score

A 0-100 score showing how closely your live site matches its baseline. At a glance — is your site healthy?

Scan History

Full timeline of every scan, with status (clean / drifted / error) and drift count per scan.

Built for:

• Freelancers who hand off sites to clients
• Agencies maintaining multiple client sites
• Developers who run monthly care plans
• Site owners who want peace of mind after plugin updates