Design System Tools Examples

This repository was made to keep examples of the creation and the use of libraries to store and distribute the Design System of a company. Until now, the tools that was used are: Storybook, Bit, Next.js (to show test the use of the libraries).

Content in the folder

• Library build with Storybook
• Library build with Bit
• Next.js website to show how which library can be used in a React app.

Install and Run Bit

To run bit you have to first intall bvm in your machine:

npm i -g @teambit/bvm
bvm install

In the bit's folder

bit install

To run the library

bit start

Install and Run Storybook

To run storybook you have to first intall node_modules in the storybook's folder:

yarn

To run storybook

yarn storybook

Install and Run Next.js

To run next.js you have to first intall node_modules in the design-systems-test's folder:

yarn

To run the App

yarn dev