Figma Export is a library that allows you to export resources from Figma into your project. It automatically generates
a figma-export.yaml file that contains settings for exporting resources.
To install the library, run the following command:
npm install -g figma-export-js
or if you are using yarn:
yarn global add figma-export-js
To start working with the library, you need to initialize a configuration file. To do this, run the command:
figma-export init
This command will create a figma-export.yaml file with basic settings.
In the figma-export.yaml file, you can specify the following settings:
figma: fieldId: your-figma-file-id common: icons: "^(ic)/([a-z0-9_]+)$" images: "^(img)/([a-z0-9_]+)$" path: styles: "./src/core/styles/_global" icons: "./public/assets/icons" images: "./public/assets/images"
Please replace your-figma-file-id with your actual Figma file ID.
In addition to the settings in the figma-export.yaml file, you also need to set up an environment variable before running your application. The required environment variable is:
FIGMA_PERSONAL_TOKEN: Your Figma personal token
export FIGMA_PERSONAL_TOKEN=your-figma-personal-tokenPlease replace your-figma-personal-token with your actual Figma personal token.
After setting up the configuration file, you can start exporting resources. To do this, simply run the figma-export
command without arguments:
figma-export
This command will export all resources specified in the figma-export.yaml file to the corresponding directories.
Figma Export is distributed under the MIT license.