Design Systems Course for Product Teams

Intro to design systems for product designers

In this first design systems presentation, you will learn how to build design systems with proper design system documentation. This will allow you to scale your product more effectively. You will also learn about the design system tools and best practices for successful planning and implementation.

‍

What you will learn

• What are design systems?
• Do you need a design system?
• Design system checklist
• Setting up your system
• Naming conventions
• and more

Design systems management and documentation

Learn how to properly manage design systems so you can adapt to product changes and keep your projects organized for everyone on your team. Billy, Head of Design at Headway, will go through tips and tricks, share design systems examples, and the best practices that have helped us manage our design systems and projects at Headway.

‍

What you will learn

• Tracking and implementing new design requests
• Best practices for version control
• Managing documentation, updates, and your team with changes
• See design systems examples
• and more

Design pystems promotion and product team communication

Keep your entire team on the same page. High performing product teams develop a design system process to build effective communication and keep all teams aware of what items are being added to the system.

Billy Sweetman, Head of Design at Headway will share tips to establishing effective promotion of components in a design system, as well as best practices to keep your designers and developers working together seamlessly.

‍

What you will learn

• Learn how to create a better system of communication
• Who needs to be updated and how often
• Improve collaboration between design and development
• Tools you can use to share design system updates

Become a Figma design system pro

We have a premium video course for product designers that want to master all aspects of design systems in Figma.

With our video course, you'll learn how to create a system that works for you—not against you.

Learn more about our design system course for Figma

20+ videos with Figma templates, resources, and guides, with more coming soon!

Who is this course for?

• You're alone or on a small design team that collaborates with a lot of developers
• You’re struggling to keep up with the ever-changing demands of adding new feature sets
• You don’t have the time to scour the internet to keep up with evolving industry standards
• You're comfortable working in Figma but want to leverage the power of design systems

Lessons included

Design system foundations

• Why Design Systems?
• Understanding Atomic Design
• Sessions & Workshops to Run Before Starting a System
• Abstracting Your Design System
• Accessibility in Design Systems
• Pitching a Design System to Stakeholders
• Setting Up Your Files

Establishing building blocks

• Establishing a Naming Convention
• What are Design Tokens?
• Establishing Type Tokens
• Establishing Color Tokens

Component architecture

• Component Properties
• Base / Bulk Edit Components
• Slot or Replace Me Components
• Block Based Systems

Documentation and maintenance

• Pattern Specific Documentation
• Coordinating with Developer Handoff
• Creating a Design System Governance Model
• Advanced Design System Documentation
• Measuring the Success of Your System

‍

Learn more about the design system course for Figma