Figma

In the Pinx bundle, the Figma file is also included.

This file contains the prototype of the template, its most unique cards, and the design system. By opening the Figma file, you can navigate through its pages using the left sidebar.

Within these pages, you'll find instructions on how to use the design system and the import/export design tokens tool.

You can run the design tokens tool via CLI. You can find this in the scripts/tokens-tool.js folder.

You will be able to launch the tool using this command:

npm run design-tokens

Afterward, you'll be able to follow the wizard that will allow you to import/export design tokens.