BMI Design + Dev

What's changing

Six things that work differently now compared to before. Everything else stays the same.

Before
Research
Brief
Design
copy written here
Handoff
manual inspection
Build
Ship
After
Research
AI synthesis
Brief
AI context
Design
AI copy + audit
Prototype
AI-generated
Handoff
Code Connect
QA
AI scan
Ship
DESIGN.md
AI-assisted step
Toolchain improvement

Six key changes

Dev handoff
Devs inspect Figma manually and rebuild MUI components from scratch
Figma Code Connect maps components directly to live code — zero manual translation
Token compliance
Off-token hex values creep into production undetected
DESIGN.md in the repo + AI audit catches every violation at PR review
Microcopy
Copy written during or after Figma design review, often incomplete
All states generated by AI before the designer opens Figma
Research
Separate pre-design phase, disconnected from the design brief
Runs parallel with design — Palak's synthesis feeds AI context directly
Documentation
Skipped under time pressure — ADRs, Storybook stories, and Confluence pages never get written
AI drafts every document — team reviews and publishes, not writes from scratch
UX engineering
No dedicated UXE — developers rebuild component library and toolchain ad-hoc
Manish owns Tonic, Storybook, Code Connect, CI/versioning, and DESIGN.md

What stays the same

Figma for UI design MUI as the component foundation Sprint ceremonies Jira for backlog FullStory for analytics Confluence for documentation Palak leads research Tejas leads Licensing UX Kelsey owns team direction