Talk

Managing Design Systems With Storybook and Angular - NgGlühwein

Dec2
Dec 2 Vienna, Austria

Christopher Holder

Christopher Holder

Angular Austria Attend the event
Chris Holder - NgGlühwein 2023

One of the largest challenges about working with applications with multiple labels and themes is maintaining a consistent Design System.

We will take a deep dive into how Storybook can be used to maintain a consistent design system though all the labels and themes. Moving forward we will learn how the design system can make it easier for new developers to make changes without deep knowledge of the application. Then we will see how a storybook helps us easily maintain documentation and testing.

As a bonus you will learn how to automate the conversion of changes from Figma to the code in the design system.

Takeaways

  • A in depth understanding of Design Systems with Storybook

  • Automating visual regression testing

  • Integrating visual change request and approval into the CI

  • Handling multi-label themes

  • Secret trick to automatically convert changes from figma to css