E25 | Using the Atomic Design System to Build Scalable Web Apps | Juan-Manuel Fluxà

In today’s episode, we focus on the Atomic Design System, what it is, how to use it and why it’s important for building scalable web apps with my guest Juan Manuel Flucha, the Chief Technology Officer and one of the co-founders of Reign, a software design and development company . ******************************* Questions Asked ******************************* Tell us about your background. How large is the technology market in Chile? How did you get involved with Contentful? How big are headless technologies in Chile? What is a design system? Why are design systems important to web development? Are there different company design systems or industry standard design systems? Tell us about the Atomic Design System. How is the Atomic Design System different then other design systems? Who created the Atomic Design System? What are the pieces that make up the Atomic Design System? Can templates be reused? What are the benefits of the Atomic Design System versus a regular design system? How does the Atomic Design System take into consideration Mobile vs. Desktop? Do you have molecules specific for each context? How can we use the Atomic Design System for content modeling? What are some of the tools available for creating Atomic Design Systems? Tell us about PatternLab? How does the Atomic Design System relate to the actual technology to implement it like React? To support multiple languages, you would create multiple Atomic Design Systems, one for each language? Does the Atomic Design System take localization into consideration? How are Atomic Design Systems maintained? What are patterns and pattern libraries? What's the future hold for design systems and specifically, the Atomic Design System? ******************************* Reference Links ******************************* Juan Manuel eMail ([email protected]) Juan Manuel’s Website (https://www.reign.cl/en/) Google Material Design (https://material.io/design) Apple’s Human Interface Guidelines (https://developer.apple.com/design/human-interface-guidelines/) Atomic Design System (https://bradfrost.com/blog/post/atomic-web-design/)