Hands-On with Design Systems
26mIntermediate2022-11-16
Authors

Ronnie McBride
Designer, Artist
Course details
Design systems are the critical components of your organization’s brand and image. They help keep your campaigns consistent, comprehensive, and straight to the point. In this course, expert designer and instructor Ronnie McBride gives you a hands-on overview of some of the best practices and strategic principles for creating design systems that truly leave a mark.
Learn more about what design systems actually are and why they're so important to the success of design-centric organizations. Explore the anatomy of a strong, effective design system that can be operationalized by UX and marketing teams. Along the way, Ronnie offers pointers on the specific elements to include in your systems, such as tools, techniques, and approaches to match your workflows and project personas.
Learn more about what design systems actually are and why they're so important to the success of design-centric organizations. Explore the anatomy of a strong, effective design system that can be operationalized by UX and marketing teams. Along the way, Ronnie offers pointers on the specific elements to include in your systems, such as tools, techniques, and approaches to match your workflows and project personas.
Skills covered
MiroSketchBohemianAdobe XDFigmaDesign ThinkingUser ExperiencePersonaGraphic DesignAdobe
Concepts
0. Introduction
- 01 - Capture the magic behind design systems
- 02 - Prelude to design systems
- 03 - What is a design system
- 04 - Choosing the right model
1. The Anatomy of a Design System
- 05 - Foundational elements
- 06 - Content guidance
- 07 - Components
2. Practical Tips and Guidance
- 08 - Overview and samples
- 09 - Demo assets
- 10 - Themes and behaviors
- 11 - Best practices
- 12 - Dos and don'ts
- 13 - Accessibility
3. Documentation, Resources, and Tools
- 14 - Documenting patterns
- 15 - Resources and kits
- 16 - Design system tools
Conclusion
- 17 - Good luck on your journey
Related courses
- AI Prototyping with Claude Design
- Copilot+ PC: On-Device AI with a New Class of Computers
- System Design in Cloud
- Grasshopper Plugins
- Hands-On AI: Building AI Agents with Model Context Protocol (MCP) and Agent2Agent (A2A)
- Build with AI: Create a Context-Aware Multi-Agent System Using LLMs + MCP
- Systems Engineering with SysML
- Innovating with AI Design Using Autonomous Vehicles
Related learn paths
- Working with Data: Engineering, Integration, and MLOps for AI
- Learn CSS
- Advance Your MS SQL Server Skills
- Advance Your Spring Development Skills
- Stay Competitive Using Design Thinking
- Building AI Agents: Advanced Techniques for Developers
- Prepare for the CompTIA A+ Core 1 (220-1101) Certification Exam
- Getting Started with DevOps