@figma-export/output-components-as-svg v5.0.1

@figma-export/output-components-as-svg

Outputter for @figma-export that exports components as svg.

With this outputter you can export all components as svg into the specified output folder.

This is a sample of the output from this Figma file:

$ tree output/
# output
# ├── icons
# │   ├── figma-arrow.svg
# │   ├── figma-export.svg
# │   └── figma-logo.svg
# ├── monochrome
# │   ├── figma-blue.svg
# │   ├── figma-green.svg
# │   ├── figma-purple.svg
# │   └── figma-red.svg
# └── unit-test
#     ├── figma
#     │   ├── logo
#     │   │   ├── main (bright).svg
#     │   │   └── main.svg
#     │   └── logo.svg
#     └── figma default logo.svg

Tip: A component named icon/eye will be exported as eye.svg inside the icon folder.

Install

Using npm:

npm install --save-dev @figma-export/output-components-as-svg

or using yarn:

yarn add @figma-export/output-components-as-svg --dev