Design Mode 1.5.0 — changelog deep-dive

Design Mode 1.5.0 is a small-features-only release. No protocol changes, no breaking changes — just quality-of-life upgrades that compound the daily loop.

The selection overlay now draws coloured bands for margin and padding. Previously you had to mentally subtract content-box from border-box to figure out spacing. Now it's directly visible on the canvas, colour-keyed to the design tokens in Settings.

The bands respect the overlay colours you set in Settings, so they match the rest of your inspector palette. Default colours follow the Figma convention (greenish for padding, orange-ish for margin), but every overlay colour is now configurable.

When you select an image, the Media section now shows file size alongside resolution. Useful for catching unoptimized assets during design review — "that's a 4 MB JPG" is a faster diagnosis than waiting for Lighthouse to flag it.

The colour picker now displays the WCAG 2.2 contrast ratio against the inferred background colour, with AA / AAA tags. The check happens live as you drag — pick a colour that fails, see the failure immediately.

Not a replacement for a full a11y audit, but a fast way to avoid shipping low-contrast text in the first place.

The marketing site now uses a single static og-image.png across every page. The dynamic per-page OG generation that some of the templates ship with was costing edge function invocations for no measurable benefit; one well-designed static image is enough.

1.6 is in flight. Expected: a fuller Variants section (responsive breakpoints in the Design tab), a new export format for Linear, and a longer-term experiment with a Figma sync mode. Track progress on GitHub.