BMW Design System
Same rules. One source.
I led a six-person design team and the BMW app design system, working across vehicle capabilities, market restrictions, and light and dark modes.
A look back at the decisions we made, and how I would evolve the system with AI today.
- 2020
- Check each model in Excel
- 2026 · Proposed
- Generate variants for team review
Every model.
Every market.
We checked each vehicle and market in Excel to decide which controls a driver could use. Where remote engine start was restricted, we omitted the feature.
A request could reach the server while the car was out of signal. Without a reply from the car, the app stayed on Connecting. The wait was a pain point.
Bring every patch
back to the system.
I would link the Figma component to code, store model and market rules as data, and ask an agent to compare local implementations against the spec. The team would decide which patches become shared variants and which are retired.
Drift report
Main component
App B · Local patch
- One component, linkedFigma ↔ code via Code Connect
- Rules as dataModel × market → command
- Drift scanCompare each local copy to the spec
- Merge or retireReview each patch through a pull request
