This repository has been archived by the owner on Jul 4, 2019. It is now read-only.

figma-theme

Generate development-ready theme JSON files from Figma Styles

Parse Styles from a Figma file ID
Works with Styled System and other CSS-in-JS setups
Built with figma-js

npm i figma-theme

Getting Started

Install figma-theme as a dev dependency in your project
Get a personal access token for the Figma API
Create a .env file with your access token

FIGMA_TOKEN=<personal-access-token>
Alternatively add an environment variable for FIGMA_TOKEN

Add an npm run script: figma-theme <figma-file-id>
Run the script to create a theme.json file based on Figma Styles

Options

Options can be passed as CLI flags or included in a figma-theme object in your package.json

--out-dir: output directory (default current working directory)
--metadata: include additional metadata from the Figma API