Download Newline - Build a Complete Company Design System For Free
What You Will Learn
How a simple monorepo functions with Yarn work areas
What design tokens are, and how to create them with Styled-Dictionary
Instructions to make a shared component library
Automate testing for accessibility issues (Hatchet) and visual changes (Chromatic)
Develop and document our design system with Storybook
The most effective method to distribute with Github Actions and Changesets
The most effective method to give a Tailwind configuration to different groups
In this course, we will jump into the universe of design systems. We will figure out how they can assist developers with increasing their efficiency, make consistency across a company’s items, and eventually accelerate the development interaction.
We will begin by covering the basic ideas of design systems, then, at that point, continue on toward the architecture of a monorepo codebase. We will set up shared configurations for TypeScript, ESLint, and Prettier, and make an establishment package for hosting and distributing design tokens and assets.
Course Details
9 modules 33 lessons 1h 19m aggregate
Download Link
