figma-to-svgson

Generate JSON from Figma components.

Install

yarn add figma-to-svgson --dev

npm install figma-to-svgson --save-dev

Setup

1. Generate a personal access token for the Figma API
2. Create a .env file with your access token
   • FIGMA_TOKEN=<personal-access-token>
   • Alternatively add an environment variable for FIGMA_TOKEN in your npm script

Usage

figma-to-svgson <figma-file-id>

Options

    -n, --name       name of the generated JSON file
    -d, --out-dir    output directory (defaults to current working directory)

Thanks

This project is built on the shoulders of giants and wouldn't be possible without an amazing community. Huge thanks to the following people:

• jxnblk for always experimenting with design tools and creating figma-theme
• elrumordelaluz for creating svgson
• githubdesign for sharing their thoughts on icons
• jongold for making the Figma API easy to work with in Javascript