5.0.1 • Published 1 month ago
@figma-export/output-styles-as-style-dictionary v5.0.1
@figma-export/output-styles-as-style-dictionary
Styles Outputter for @figma-export that exports styles to Style Dictionary JSON format.
With this outputter you can export all the styles as variables inside a .json
.
This is a sample of the output:
$ tree output/
# output/
# └── base.json
.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-style-dictionary')({
output: './output'
})
]
}],
]
}
output
is mandatory.
getExtension
, getFilename
and getVariableName
are optional.
const { kebabCase } = require('@figma-export/utils');
...
require('@figma-export/output-styles-as-style-dictionary')({
output: './output',
getExtension: () => 'JSON',
getFilename: () => 'base',
getVariableName = (style, descriptor) => `${kebabCase(style.name).toLowerCase()}${descriptor != null ? `-${descriptor}` : ''}`,
})
defaults may change, please refer to
./src/index.ts
Install
Using npm:
npm install --save-dev @figma-export/output-styles-as-style-dictionary
or using yarn:
yarn add @figma-export/output-styles-as-style-dictionary --dev
6.0.0-beta.0
1 month ago
5.0.1
2 months ago
5.0.0
3 months ago
4.8.0
3 months ago
4.8.0-alpha.4
3 months ago
4.8.0-alpha.1
3 months ago
4.8.0-alpha.2
3 months ago
4.8.0-alpha.3
3 months ago
4.8.0-alpha.0
3 months ago
4.7.0
11 months ago
4.7.0-alpha.0
12 months ago