3.6.0 • Published 3 years ago
@proxy-figma-export/output-styles-as-sass v3.6.0
@figma-export/output-styles-as-sass
Styles Outputter for @figma-export that exports styles to SASS and SCSS.
With this outputter you can export all the styles as variables inside a .sass
or .scss
file.
This is a sample of the output:
$ tree output/
# output/
# └── _variables.scss
.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-sass')({
output: './output'
})
]
}],
]
}
output
is mandatory.
getExtension
and getFilename
are optional.
require('@proxy-figma-export/output-styles-as-sass')({
output: './output',
getExtension: () => 'SCSS',
getFilename: () => '_variables',
})
defaults may change, please refer to
./src/index.ts
Install
Using npm:
npm install --save-dev @figma-export/output-styles-as-sass
or using yarn:
yarn add @figma-export/output-styles-as-sass --dev