Inspect & Reflect: Adobe's Spectrum Design System
In this session, we dive into Adobe’s design system, exploring how various components like alert banners and search fields are implemented across Adobe’s products.
Our fantastic speakers shared their expertise: 🌟 Donnie D’Amato – Founder, Chief Architect at Design System House https://www.linkedin.com/in/fauxserious/ 🌟 Guy Segal – Director, Design + Design System at Thomson Reuters https://www.linkedin.com/in/guysegal/ 🌟 Marta Conde – Senior Design System Specialist at SoSafe https://www.linkedin.com/in/martacondedesign/ 🌟 Francis Thibault – Design Systems Specialist https://www.linkedin.com/in/francisthibault/
What’s Inside: We explored key Adobe design system components and best practices: → Implementing alert banners and search fields across products. → Managing component naming conventions and maintaining consistency. → Leveraging AI to improve documentation and automate workflows. → Ensuring accessibility and addressing bias in design patterns. → Utilizing design tokens to enhance cross-product standardization.
Explore the Full Session:
00:00 Introduction and Opening Remarks 00:29 Meet the Panelists 02:20 Session Overview: Inspect & Reflect 02:31 Educational Purpose and Approach 02:40 Upcoming Sessions and Participation 02:53 Exploring Adobe’s Alert Banners 04:35 Analyzing Code and Accessibility 05:50 Component Naming Conventions 09:19 Toast vs. Alert: Semantic Differences 12:59 Managing Design Systems in Large Organizations 13:52 Communicating Design Intentions 16:50 Naming and Structuring Components 19:00 Challenges and Best Practices 20:38 AI for Naming Conventions 21:06 Bias in Design Patterns 22:06 Recap and Naming Conventions 23:02 Questions and Notes 23:22 Challenges in Naming Conventions 23:44 Accessibility in Design 24:19 Adobe Spectrum Documentation 25:42 Implementing Checklists in Design Systems 26:46 Documentation Coverage 27:25 Checklist Transparency 32:40 Search Components Overview 33:18 Search Field Components 36:08 Visual Inspection of Search Bars 38:23 React Spectrum and Design Tokens 39:32 Session Conclusion
Upcoming Session: Nord Design System Inspect & Reflect Register here: https://infa.ai/events/nord_20250220
Have you faced similar challenges with design system adoption, component consistency, or accessibility? Let’s discuss in the comments!
#DesignSystems #InspectAndReflect #AdobeDesignSystem #UX #DesignOps #Accessibility #SpectrumDesignSystem #InfaAI