@proxy-figma-export/output-styles-as-css
v3.6.0
Published
Outputter for @figma-export that exports styles to CSS
Downloads
1
Maintainers
Readme
@figma-export/output-styles-as-css
Styles Outputter for @figma-export that exports styles to CSS.
With this outputter you can export all the styles as variables inside a .css
file.
This is a sample of the output:
$ tree output/
# output/
# └── _variables.css
.figmaexportrc.js
You can easily add this outputter to your .figmaexportrc.js
:
module.exports = {
commands: [
['styles', {
fileId: 'fzYhvQpqwhZDUImRz431Qo',
outputters: [
require('@proxy-figma-export/output-styles-as-css')({
output: './output'
})
]
}],
]
}
output
is mandatory.
getFilename
are optional.
require('@proxy-figma-export/output-styles-as-css')({
output: './output',
getFilename: () => '_variables',
})
defaults may change, please refer to
./src/index.ts
Install
Using npm:
npm install --save-dev @figma-export/output-styles-as-css
or using yarn:
yarn add @figma-export/output-styles-as-css --dev