Sketching in the Browser
summary
Component code is exported into design assets by rendering pages with puppeteer and html-sketchapp then converting DOM nodes via node-to-sketch-layers, producing almost-sketch files on every build so designers get a live library. A small CLI automates server, injection, resize and JSON output—the HTML Sketchup CLI—and a separate playground bundles runnable examples as Playroom. SVG icons are initially problematic but fixed; the pipeline runs on merge, generates sketch libraries, and designers can open them as Sketch libraries immediately.
AI-written summary · about
chapters (8)
- 0:00Introduction
- 1:19Sketch History
- 5:59Sketch Requirements
- 9:26Sketch Implementation
- 15:33New tooling
- 17:12Design systems era
- 17:52Component API
- 19:51Playroom
