Design
Design Systems
81 people are learning this skill right now!
A design system is a set of standards to manage design at scale, while creating visual consistency and aiding the efficiency of product development.
Learn Design Systems with the Practica AI Coach
The Practica AI Coach helps you improve in Design Systems by using your current work challenges as opportunities to improve. The AI Coach will ask you questions, instruct you on concepts and tactics, and give you feedback as you make progress.Building a Design System
Creating and maintaining a shared language and system across a product over time is a common challenge in product development. Emmet Connolly and Jeremy Dizon share their experiences and challenges of creating design systems at Intercom and Lyft.
The Full Stack Design SystemEmmet discusses how most products degrade over time due to a lack of adherence to a solid design system. It advocates for a "full stack" design system approach that embodies product concepts at every level, from conceptual models and shared language to design resources and code components. This helps create consistent products rather than just consistent UIs. Emmet explains how Intercom uses this approach through examples of their "Conversation" object. Their design system allows them to keep products simple and flexible even as new capabilities are added. This helps prevent products from falling into a "Pit of Complexity" as is common without such a unified design approach.
Building a Design System LibraryJeremy discusses the best practices that his team followed when creating and maintaining the Product Language attributes and component libraries at Lyft.
Driving Adoption of the System
Driving adoption of a design system is very challenging and it's hard to understand progress. The following resources provide tactics and metrics to drive the adoption of the system.
Driving Adoption of a Design SystemJeroen shares his experience bootstrapping a design system and driving adoption within Segment. He shares the technical process and how his team continuse to drive and track adoption of their design system, Evergreen.
A Design System Governance ProcessBrad outlines the process of establishing a crystal-clear governance process to prevent entropy from taking over your design system.
Design System Case Studies
This collection of case studies provides best practices and learnings from design leaders at established companies.
The System Always Kicks BackKyle discusses his experience, lessons learned, and challenges faced while building Shopify’s design system, Polaris. He emphasizes that the tools are not the system, but the shared language you have with your team.
Building a Visual Language: Behind the scenes of our Airbnb design systemKarri explains his team’s process for creating the Design System Language for Airbnb. The efforts were in service of creating a more beautiful and accessible design language and driving greater efficiency through well-defined and reusable components.
Building a Successful Design System - 3 Lessons for Design ManagersRyan explores the topic of what it’s like to support and invest in a design system from the perspective of design management.
Related Skills
- Senior Designer's Role
- Managing Designers
- Onboarding Designers
- Internationalization
- User Testing
- Design Process
- Mobile Design
- Usability
- Information Architecture
- Layouts and Grids
- Design Quality
- Journey Mapping
- Design Inspiration
- Design Career Ladders
- Personas
- Form Design
- Design Critiques
- Growth Design
- Rebranding
- Design Leadership
- Color
- Iconography
- UX Writing
- Hiring Designers
- Accessibility
- Illustration
- Typography
- Design Reviews
- Product Redesigns
- Design Presentations
- Design Collaboration
- Diversity in Design
- User Research Career Ladders
- Table Design
- UI Animation
- Prototyping
- Intro to Product Design
- White Space
- Structuring Design Teams
- Quality Assurance