We have DevTools. What about DesignTools?
summary
Overview of concrete tooling and outcomes: browsers add real editors — Local Overrides (Chrome) saves edits to disk and reapplies after refresh while Finch stores diffs in memory; Chrome colour picker shows live contrast ratios; Firefox ships a Font Editor in Nightly behind a flag that manipulates variable font axes and works on real pages; a CSS Grid Inspector and a Shape/clip-path visual editor land or are imminent in Firefox; community extensions hit over one million users, and Webflow demonstrates near free‑form design.
AI-written summary · about
chapters (9)
- 0:00Introduction
- 0:25We have DevTools
- 3:31What do web designers need
- 6:20Local overrides
- 9:10Specialized tools
- 11:05Grid inspector
- 15:03Font editor
- 19:05Shape path editor
- 21:47Ergonomics
