Slide deck used during the 2019 San Francisco Design Week panel by Haiku for Teams.

1. Design Systems:
How to Keep in
Sync with Code
haiku.app diez.org2019

2. Introductions
Company mission:
Unify design and codeHAIKU
Cross-platform
design system framework
Zack Brown
@zackaboo
👋

3. Why?
Brand consistency
across software
Design Systems

4. Software is a vehicle
for brand.
Software + Brand

5. Branding software requires
a holistic brand identity.
Design Language
🗣❤
🗣❤

6. Tech evolves 🌪
Software Is Hard
🌪 x 🌪 = 💥
So do brands 🌪

7. ...but what's a
design system again?
Design Systems
to the Rescue!

8. Great for only one platform
Bad for cross-platform
UI Components

9. Theo
StyleDictionary
Design Tokens
.yaml
.json

10. Design System Framework
Live Design on devices
Open Source
Diez

11. Panel
Kaelig
Deloumeau-Prigent
Sarah
Federman
Joe Preston Taylor Poe
HAIKU
MODERATOR
@kaelig @sarah_federman @peezarelli @taylorpoe