Design System monorepo

This is a Turborepo that contains all the packages and apps for the Design System.

What's inside?

This repo includes the following packages/apps:

Apps and Packages

• docs: a Storybook instance
• design-tokens: Design tokens connection with Figma Tokens
• tailwind-theme: Tailwind theme based on design tokens
• ui: a React component library shared
• eslint: eslint configurations
• tsconfig: tsconfig.jsons used throughout the monorepo

Each package/app is 100% TypeScript.

Build

To build all apps and packages, run the following command:

pnpm build

Develop

To develop all apps and packages, run the following command:

pnpm dev

Presentation

You can see the slides from the presentation here

Figma File

You can find the Figma file over here