Noticeably Playful Monkeys

    @figma-export/output-styles-as-less
    TypeScript icon, indicating that this package has built-in type declarations

    4.4.0 • Public • Published

    @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('@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

    Install

    npm i @figma-export/output-styles-as-less

    DownloadsWeekly Downloads

    276

    Version

    4.4.0

    License

    MIT

    Unpacked Size

    12.6 kB

    Total Files

    11

    Last publish

    Collaborators

    • marcomontalbano