Design & Development Synergy
summary
TomTom documents a concrete workflow: an Android white‑label design system that ships coded components, templates and a Dev Design Systems mental model, used by ~60 designers across in‑car products (digital cockpit, Orbis maps). Tools include Figma with a Map Maker plugin, exporting design tokens as JSON into GitHub for fast handover. Prototypes run in cars with cameras and drivers for validation. The claim is measurable: fewer wasted dev hours, faster customization across unknown screen sizes, and repeatable client implementations.
AI-written summary · about
chapters (8)
- 0:00Design & dev synergy intro
- 4:20Cross-team collaboration takeaways
- 7:09Design principles for focused UIs
- 10:17Agile & lean in design-dev
- 15:13What is a Dev Design System
- 22:01Design tools & platforms
- 27:26Design system team roles
- 31:22Cross-functional product teams
related talks
34mDesign System Driven Android Development: A Guide to Automation Tools
20mDesign Systems for the Rest of Us
45mDesign Tools and Handoffs*
18mDesign Systems in Practice
22mDesign Systems at Deliveroo: Learnings and Frustrations
36mConsistency is Key - Working with a Design System
26mHow we engineered our design system
56mDesign System as a Product