DEV Community

The Angular Show

E054 - Design Systems & Angular

Let's be honest, most engineers are not good designers. Working closely with product and design teams improves our applications, and is necessary for building a successful product. So, what are design systems and what role do they play to solve this challenge?

In this episode of the Angular Show, we sit down with our friend Bill Odom. Bill loves Angular and his passion is to share his knowledge with the community, through speaking and teaching. Bill is a trainer at Oasis Digital that provides the popular Angular Bootcamp training. The panelists learn from Bill that design systems enable effective communication, planning, implementation, and ongoing maintenance of user interface and experience between engineering, design, and product development teams.

You can expect to learn what a design system is, how they are valuable to organizations, some widely used design systems today, integrating design systems with tooling to develop components in isolation such as Storybook, and how design tokens fit into the model. Angular is well-positioned for developing applications using modern tooling, including design tokens, design systems, and more. Don't forget to subscribe so you can follow along with the panelists as they learn from community members like Bill.


Show Notes:

Oasis Digital
https://oasisdigital.com/
https://oasisdigital.com/training
https://oasisdigital.com/code-talk-teach/

Angular and CSS Grid: Get ready to fall in love - ng-conf 2019 - https://youtu.be/lh6n0JxXD_g

Storybook
https://storybook.js.org/
Angular and Storybook, Oasis Digital - Nathan Kerr - https://www.2021.ng-conf.org/workshops/angular-and-storybook,-oasis-digital
The benefits of a design system - Angular Berlin - Kai Röder - https://youtu.be/mWsNQB0fV38

Design tokens
WTF are Design Tokens? - Jina Anne - https://youtu.be/q5qIowMyVt8
Theo - SalesForce - https://github.com/salesforce-ux/theo
Style Dictionary - Amazon - https://amzn.github.io/style-dictionary/

Why Angular is the best framework for a design system - Jan Greger Hemb -
https://youtu.be/yERBKsNVE60

Connect with us:
Brian F Love - @brian_love
Aaron Frost - @aaronfrost
Jennifer Wadella - @likeOMGitsFEDAY
Bill Odom - @wnodom

Episode source