Next: Team Workflows and Sharing
Continue to lesson five and collaborate with your team.
Workflows and Video Guide
Design Systems
Overview of rules, typography, colors, components, and leveraging your real design system.
In this lesson, you will learn how to keep prototypes on-brand by using components, tokens, and libraries so generated UI matches your product standards.
Set up your design system from the design systems overview: Rules, typography and icons, colors, and components.
Teams can connect a real React library by linking a GitHub repo or an NPM package (for example NPM, GitHub Packages, or a manual bundle). See importing your design system for connecting your library and onboarding.