CSS

Quickstart your project with our CSS library

Installation

  • To get variables from Figma we use Variables REST API endpoints
  • Create .env file and add the necessary information:
# Personal access token
FIGMA_TOKEN=figd_personal-access-token

Usage

  • Installation, this generates css/moon-core.css with all CSS variables.
npx @heathmont/moon-ui
  • Include pre-built components, this generates css/moon-components.css with ready-to-use component classes (optional).
npx @heathmont/moon-ui --add-components

Project structure

project-dir
css
moon-core.css
moon-components.css

Explore further