#72: What is a Design System?
Download MP3
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.