S2 E11 - Design Systems & Angular

The Angular Plus Show

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
Follow us on X: The Angular Plus Show
Bluesky: @theangularplusshow.bsky.social
The Angular Plus Show is a part of ng-conf. ng-conf is a multi-day Angular conference focused on delivering the highest quality training in the Angular JavaScript framework. Developers from across the globe converge every year to attend talks and workshops by the Angular team and community experts.
Join
Attend
X
Bluesky
Read
Watch
Edited by Patrick Hayes
Stock media provided by JUQBOXMUSIC/ Pond5