# @useloops/design-system

The design system for the Loops platform and marketing website.

## Generating new components

New components can be generated using `npm run component`.

## Synchronising icons with Figma

- Create a personal access token in Figma in Settings > Security > Personal access tokens
- Create `.env` file in `scripts/useloops-icon-generator/.env`
- Install packages: `cd scripts/useloops-icon-generator && npm install`
- Run `npm run icons` from the root dir
- Check the Brand Core/Icons story in storybook, verify expected icons have been updated