@figma-export/output-style-as-style-词典

样式输出器 @figma-导出 导出样式到 样式词典 JSON格式.

通过这个输出器,您可以将所有样式导出为内置变量 .json。 。 。 .

这是输出的样本 :

$ tree output/
# output/
# └── base.json

.figmaexportrc.js (中文(简体) )

您可以轻松地将此输出器添加到您的 .figmaexportrc.js数字 :

import asStyleDictionary from '@figma-export/output-styles-as-style-dictionary'

export default {
    commands: [
        ['styles', {
            fileId: 'fzYhvQpqwhZDUImRz431Qo',
            outputters: [
                asStyleDictionary({
                    output: './output'
                })
            ]
        }],
    ]
}

output 实值 强制。 。 。 .

getExtension, (中文(简体) ), getFilename 财务报告和审定财务报表 getVariableName 为: 选项。 。 。 .

import asStyleDictionary from '@figma-export/output-styles-as-style-dictionary'
import { kebabCase } from '@figma-export/utils'

...

asStyleDictionary({
    output: './output',
    getExtension: () => 'JSON',
    getFilename: () => 'base',
    getVariableName = (style, descriptor) => `${kebabCase(style.name).toLowerCase()}${descriptor != null ? `-${descriptor}` : ''}`,
})

默认值可能改变,请参考 ./src/index.ts

安装

使用 npm :

npm install --save-dev @figma-export/output-styles-as-style-dictionary

或使用线条 :

yarn add @figma-export/output-styles-as-style-dictionary --dev