SYNTAX (2026)

A workbench that deconstructs interface screenshots into structured design system specifications. An Express backend submits uploaded captures to a structured multimodal extraction pass that infers color palettes, contrast ratios, modular type scales, spacing grids, and component anatomy.

The interactive workspace renders the extracted system against live preview components and exports W3C Design Tokens Community Group (DTCG) JSON, CSS custom properties, and component scaffolds.