4.5.1 • Published 1 year ago
@minolettinat/proxy-figma-export-output-styles-as-less v4.5.1
@figma-export/output-styles-as-less
Styles Outputter for @figma-export that exports styles to LESS.
With this outputter you can export all the styles as variables inside a .less
file.
This is a sample of the output:
$ tree output/
# output/
# └── _variables.less
.figmaexportrc.js
You can easily add this outputter to your .figmaexportrc.js
:
module.exports = {
commands: [
['styles', {
fileId: 'fzYhvQpqwhZDUImRz431Qo',
outputters: [
require('@figma-export/output-styles-as-less')({
output: './output'
})
]
}],
]
}
output
is mandatory.
getFilename
and getVariableName
are optional.
const { kebabCase } = require('@minolettinat/proxy-figma-export-utils');
...
require('@figma-export/output-styles-as-less')({
output: './output',
getFilename: () => '_variables',
getVariableName: (style) => kebabCase(style.name).toLowerCase(),
})
defaults may change, please refer to
./src/index.ts
Install
Using npm:
npm install --save-dev @figma-export/output-styles-as-less
or using yarn:
yarn add @figma-export/output-styles-as-less --dev
4.5.1
1 year ago