#72: What is a Design System?

This week Kotaro pods solo to introduce the concept of design systems, especially as they apply to mobile development. This is a topic we will revisit once the Trio can gather together once more and this episode will act as the foundation for those future discussions. ## Topics Discussed: - Introductions - What is a “design system” - Figma's definition - https://www.figma.com/blog/design-systems-101-what-is-a-design-system/ - Definition: - Tokens - Color (light/dark) - Corner radius - Dimensions - Fonts name/sizing/weight - Animation - Assets - What are they useful for - Consistency thru-out the product(s) - Faster time to market changes - May good for white label apps - How are they implemented for SwiftUI - SwiftUI implementation - https://www.interaction-design.org/literature/topics/design-systems - Packages - Asset Folder - Structs/Enums - SF Symbols - What are the drawbacks - Complicated setup with all the state holders needing to be in constant communication. - Can get overly complex with everyone waiting on the other to finish their work - Once implemented. It can be very rigid to deal with maintaining order when individual stakeholders demand their part to be special. - Can be highly opinionated or too generalized depending on implementation - One More Thing... - AzamSharp Workshops - https://azamsharp.school/workshops.html Intro music: "When I Hit the Floor", © 2021 Lorne Behrman. Used with permission of the artist.