![Page 1: Keeping your design system alive - on.notist.cloud · Do a talk on Vanilla at an event Create Dashboard theme VI Improve content of docs. vanillaframework.io Improve docs. vanillaframework.io](https://reader036.vdocuments.site/reader036/viewer/2022071219/60540e13b08c127db03f234f/html5/thumbnails/1.jpg)
Keeping your design system alive@yaili View Source, London, October 2017
![Page 2: Keeping your design system alive - on.notist.cloud · Do a talk on Vanilla at an event Create Dashboard theme VI Improve content of docs. vanillaframework.io Improve docs. vanillaframework.io](https://reader036.vdocuments.site/reader036/viewer/2022071219/60540e13b08c127db03f234f/html5/thumbnails/2.jpg)
About me…
![Page 3: Keeping your design system alive - on.notist.cloud · Do a talk on Vanilla at an event Create Dashboard theme VI Improve content of docs. vanillaframework.io Improve docs. vanillaframework.io](https://reader036.vdocuments.site/reader036/viewer/2022071219/60540e13b08c127db03f234f/html5/thumbnails/3.jpg)
![Page 4: Keeping your design system alive - on.notist.cloud · Do a talk on Vanilla at an event Create Dashboard theme VI Improve content of docs. vanillaframework.io Improve docs. vanillaframework.io](https://reader036.vdocuments.site/reader036/viewer/2022071219/60540e13b08c127db03f234f/html5/thumbnails/4.jpg)
![Page 5: Keeping your design system alive - on.notist.cloud · Do a talk on Vanilla at an event Create Dashboard theme VI Improve content of docs. vanillaframework.io Improve docs. vanillaframework.io](https://reader036.vdocuments.site/reader036/viewer/2022071219/60540e13b08c127db03f234f/html5/thumbnails/5.jpg)
![Page 6: Keeping your design system alive - on.notist.cloud · Do a talk on Vanilla at an event Create Dashboard theme VI Improve content of docs. vanillaframework.io Improve docs. vanillaframework.io](https://reader036.vdocuments.site/reader036/viewer/2022071219/60540e13b08c127db03f234f/html5/thumbnails/6.jpg)
![Page 7: Keeping your design system alive - on.notist.cloud · Do a talk on Vanilla at an event Create Dashboard theme VI Improve content of docs. vanillaframework.io Improve docs. vanillaframework.io](https://reader036.vdocuments.site/reader036/viewer/2022071219/60540e13b08c127db03f234f/html5/thumbnails/7.jpg)
![Page 8: Keeping your design system alive - on.notist.cloud · Do a talk on Vanilla at an event Create Dashboard theme VI Improve content of docs. vanillaframework.io Improve docs. vanillaframework.io](https://reader036.vdocuments.site/reader036/viewer/2022071219/60540e13b08c127db03f234f/html5/thumbnails/8.jpg)
A quick intro
![Page 9: Keeping your design system alive - on.notist.cloud · Do a talk on Vanilla at an event Create Dashboard theme VI Improve content of docs. vanillaframework.io Improve docs. vanillaframework.io](https://reader036.vdocuments.site/reader036/viewer/2022071219/60540e13b08c127db03f234f/html5/thumbnails/9.jpg)
“design system”
![Page 10: Keeping your design system alive - on.notist.cloud · Do a talk on Vanilla at an event Create Dashboard theme VI Improve content of docs. vanillaframework.io Improve docs. vanillaframework.io](https://reader036.vdocuments.site/reader036/viewer/2022071219/60540e13b08c127db03f234f/html5/thumbnails/10.jpg)
![Page 11: Keeping your design system alive - on.notist.cloud · Do a talk on Vanilla at an event Create Dashboard theme VI Improve content of docs. vanillaframework.io Improve docs. vanillaframework.io](https://reader036.vdocuments.site/reader036/viewer/2022071219/60540e13b08c127db03f234f/html5/thumbnails/11.jpg)
![Page 12: Keeping your design system alive - on.notist.cloud · Do a talk on Vanilla at an event Create Dashboard theme VI Improve content of docs. vanillaframework.io Improve docs. vanillaframework.io](https://reader036.vdocuments.site/reader036/viewer/2022071219/60540e13b08c127db03f234f/html5/thumbnails/12.jpg)
1. Put someone in charge
![Page 13: Keeping your design system alive - on.notist.cloud · Do a talk on Vanilla at an event Create Dashboard theme VI Improve content of docs. vanillaframework.io Improve docs. vanillaframework.io](https://reader036.vdocuments.site/reader036/viewer/2022071219/60540e13b08c127db03f234f/html5/thumbnails/13.jpg)
![Page 14: Keeping your design system alive - on.notist.cloud · Do a talk on Vanilla at an event Create Dashboard theme VI Improve content of docs. vanillaframework.io Improve docs. vanillaframework.io](https://reader036.vdocuments.site/reader036/viewer/2022071219/60540e13b08c127db03f234f/html5/thumbnails/14.jpg)
“System enthusiasts must become entrepreneurs, pitching and selling ideas that get a possibly resistant organization to commit.” —Nathan Curtis
![Page 15: Keeping your design system alive - on.notist.cloud · Do a talk on Vanilla at an event Create Dashboard theme VI Improve content of docs. vanillaframework.io Improve docs. vanillaframework.io](https://reader036.vdocuments.site/reader036/viewer/2022071219/60540e13b08c127db03f234f/html5/thumbnails/15.jpg)
2. Have a roadmap
![Page 16: Keeping your design system alive - on.notist.cloud · Do a talk on Vanilla at an event Create Dashboard theme VI Improve content of docs. vanillaframework.io Improve docs. vanillaframework.io](https://reader036.vdocuments.site/reader036/viewer/2022071219/60540e13b08c127db03f234f/html5/thumbnails/16.jpg)
![Page 17: Keeping your design system alive - on.notist.cloud · Do a talk on Vanilla at an event Create Dashboard theme VI Improve content of docs. vanillaframework.io Improve docs. vanillaframework.io](https://reader036.vdocuments.site/reader036/viewer/2022071219/60540e13b08c127db03f234f/html5/thumbnails/17.jpg)
![Page 18: Keeping your design system alive - on.notist.cloud · Do a talk on Vanilla at an event Create Dashboard theme VI Improve content of docs. vanillaframework.io Improve docs. vanillaframework.io](https://reader036.vdocuments.site/reader036/viewer/2022071219/60540e13b08c127db03f234f/html5/thumbnails/18.jpg)
3. Be open
![Page 19: Keeping your design system alive - on.notist.cloud · Do a talk on Vanilla at an event Create Dashboard theme VI Improve content of docs. vanillaframework.io Improve docs. vanillaframework.io](https://reader036.vdocuments.site/reader036/viewer/2022071219/60540e13b08c127db03f234f/html5/thumbnails/19.jpg)
![Page 20: Keeping your design system alive - on.notist.cloud · Do a talk on Vanilla at an event Create Dashboard theme VI Improve content of docs. vanillaframework.io Improve docs. vanillaframework.io](https://reader036.vdocuments.site/reader036/viewer/2022071219/60540e13b08c127db03f234f/html5/thumbnails/20.jpg)
![Page 21: Keeping your design system alive - on.notist.cloud · Do a talk on Vanilla at an event Create Dashboard theme VI Improve content of docs. vanillaframework.io Improve docs. vanillaframework.io](https://reader036.vdocuments.site/reader036/viewer/2022071219/60540e13b08c127db03f234f/html5/thumbnails/21.jpg)
![Page 22: Keeping your design system alive - on.notist.cloud · Do a talk on Vanilla at an event Create Dashboard theme VI Improve content of docs. vanillaframework.io Improve docs. vanillaframework.io](https://reader036.vdocuments.site/reader036/viewer/2022071219/60540e13b08c127db03f234f/html5/thumbnails/22.jpg)
4. Define contribution process
![Page 23: Keeping your design system alive - on.notist.cloud · Do a talk on Vanilla at an event Create Dashboard theme VI Improve content of docs. vanillaframework.io Improve docs. vanillaframework.io](https://reader036.vdocuments.site/reader036/viewer/2022071219/60540e13b08c127db03f234f/html5/thumbnails/23.jpg)
![Page 24: Keeping your design system alive - on.notist.cloud · Do a talk on Vanilla at an event Create Dashboard theme VI Improve content of docs. vanillaframework.io Improve docs. vanillaframework.io](https://reader036.vdocuments.site/reader036/viewer/2022071219/60540e13b08c127db03f234f/html5/thumbnails/24.jpg)
![Page 25: Keeping your design system alive - on.notist.cloud · Do a talk on Vanilla at an event Create Dashboard theme VI Improve content of docs. vanillaframework.io Improve docs. vanillaframework.io](https://reader036.vdocuments.site/reader036/viewer/2022071219/60540e13b08c127db03f234f/html5/thumbnails/25.jpg)
5. Look after the docs
![Page 26: Keeping your design system alive - on.notist.cloud · Do a talk on Vanilla at an event Create Dashboard theme VI Improve content of docs. vanillaframework.io Improve docs. vanillaframework.io](https://reader036.vdocuments.site/reader036/viewer/2022071219/60540e13b08c127db03f234f/html5/thumbnails/26.jpg)
![Page 27: Keeping your design system alive - on.notist.cloud · Do a talk on Vanilla at an event Create Dashboard theme VI Improve content of docs. vanillaframework.io Improve docs. vanillaframework.io](https://reader036.vdocuments.site/reader036/viewer/2022071219/60540e13b08c127db03f234f/html5/thumbnails/27.jpg)
![Page 28: Keeping your design system alive - on.notist.cloud · Do a talk on Vanilla at an event Create Dashboard theme VI Improve content of docs. vanillaframework.io Improve docs. vanillaframework.io](https://reader036.vdocuments.site/reader036/viewer/2022071219/60540e13b08c127db03f234f/html5/thumbnails/28.jpg)
![Page 29: Keeping your design system alive - on.notist.cloud · Do a talk on Vanilla at an event Create Dashboard theme VI Improve content of docs. vanillaframework.io Improve docs. vanillaframework.io](https://reader036.vdocuments.site/reader036/viewer/2022071219/60540e13b08c127db03f234f/html5/thumbnails/29.jpg)
6. Make things easy to find
![Page 30: Keeping your design system alive - on.notist.cloud · Do a talk on Vanilla at an event Create Dashboard theme VI Improve content of docs. vanillaframework.io Improve docs. vanillaframework.io](https://reader036.vdocuments.site/reader036/viewer/2022071219/60540e13b08c127db03f234f/html5/thumbnails/30.jpg)
![Page 31: Keeping your design system alive - on.notist.cloud · Do a talk on Vanilla at an event Create Dashboard theme VI Improve content of docs. vanillaframework.io Improve docs. vanillaframework.io](https://reader036.vdocuments.site/reader036/viewer/2022071219/60540e13b08c127db03f234f/html5/thumbnails/31.jpg)
![Page 32: Keeping your design system alive - on.notist.cloud · Do a talk on Vanilla at an event Create Dashboard theme VI Improve content of docs. vanillaframework.io Improve docs. vanillaframework.io](https://reader036.vdocuments.site/reader036/viewer/2022071219/60540e13b08c127db03f234f/html5/thumbnails/32.jpg)
7. Plan maintenance
![Page 33: Keeping your design system alive - on.notist.cloud · Do a talk on Vanilla at an event Create Dashboard theme VI Improve content of docs. vanillaframework.io Improve docs. vanillaframework.io](https://reader036.vdocuments.site/reader036/viewer/2022071219/60540e13b08c127db03f234f/html5/thumbnails/33.jpg)
“A system isn’t a project with an end, it’s the origin story of a living and evolving product that’ll serve other products.” —Nathan Curtis
![Page 34: Keeping your design system alive - on.notist.cloud · Do a talk on Vanilla at an event Create Dashboard theme VI Improve content of docs. vanillaframework.io Improve docs. vanillaframework.io](https://reader036.vdocuments.site/reader036/viewer/2022071219/60540e13b08c127db03f234f/html5/thumbnails/34.jpg)
![Page 35: Keeping your design system alive - on.notist.cloud · Do a talk on Vanilla at an event Create Dashboard theme VI Improve content of docs. vanillaframework.io Improve docs. vanillaframework.io](https://reader036.vdocuments.site/reader036/viewer/2022071219/60540e13b08c127db03f234f/html5/thumbnails/35.jpg)
![Page 36: Keeping your design system alive - on.notist.cloud · Do a talk on Vanilla at an event Create Dashboard theme VI Improve content of docs. vanillaframework.io Improve docs. vanillaframework.io](https://reader036.vdocuments.site/reader036/viewer/2022071219/60540e13b08c127db03f234f/html5/thumbnails/36.jpg)
1. Put someone in charge 2. Have a roadmap 3. Be open 4. Define contribution process 5. Look after documentation 6. Make things easy to find 7. Plan maintenance
![Page 37: Keeping your design system alive - on.notist.cloud · Do a talk on Vanilla at an event Create Dashboard theme VI Improve content of docs. vanillaframework.io Improve docs. vanillaframework.io](https://reader036.vdocuments.site/reader036/viewer/2022071219/60540e13b08c127db03f234f/html5/thumbnails/37.jpg)
@yaili github.com/yaili/speaking — designers: bit.ly/mup-jobs developers: bit.ly/yld-jobs
![Page 38: Keeping your design system alive - on.notist.cloud · Do a talk on Vanilla at an event Create Dashboard theme VI Improve content of docs. vanillaframework.io Improve docs. vanillaframework.io](https://reader036.vdocuments.site/reader036/viewer/2022071219/60540e13b08c127db03f234f/html5/thumbnails/38.jpg)
Thank you!