Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

urlaunched-com/figma-export-js

Folders and files

NameName
Last commit message
Last commit date

Latest commit

History

11 Commits

Repository files navigation

Figma Export

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.

Installation

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

Initialization

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.

Configuration

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.

Environment Variables

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-token

Please replace your-figma-personal-token with your actual Figma personal token.

Exporting Resources

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.

License

Figma Export is distributed under the MIT license.

About

Figma Export is a library that allows you to export resources from Figma into your project.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

AltStyle によって変換されたページ (->オリジナル) /