CSS
Quickstart your project with our CSS library
Installation
- To get variables from Figma we use Variables REST API endpoints
- Create
.envfile and add the necessary information:
# Personal access token
FIGMA_TOKEN=figd_personal-access-token
Usage
- Installation, this generates
css/moon-core.csswith all CSS variables.
npx @moondesignsystem/ui
- Include pre-built components, this generates
css/moon-components.csswith ready-to-use component classes (optional).
npx @moondesignsystem/ui --add-components
Project structure
project-dir
Explore further
- Moon UI Storybook documentation, https://ui.moondesignsystem.com/
- npm package, https://npmjs.com/package/@moondesignsystem/ui
- Figma REST API, https://figma.com/developers/api#variables