6.0.1 • Published 1 year ago

@figma-export/output-styles-as-sass v6.0.1

Weekly downloads
9
License
MIT
Repository
github
Last release
1 year ago

@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:

import asSass from '@figma-export/output-styles-as-sass'

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

output is mandatory.

getExtension, getFilename and getVariableName are optional.

import asSass from '@figma-export/output-styles-as-sass'
import { kebabCase } from '@figma-export/utils'

...

asSass({
    output: './output',
    getExtension: () => 'SCSS',
    getFilename: () => '_variables',
    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-sass

or using yarn:

yarn add @figma-export/output-styles-as-sass --dev
6.0.1

1 year ago

6.0.0

1 year ago

6.0.0-beta.0

1 year ago

5.0.1

1 year ago

5.0.0

1 year ago

4.8.0

1 year ago

4.8.0-alpha.4

1 year ago

4.8.0-alpha.1

1 year ago

4.8.0-alpha.2

1 year ago

4.8.0-alpha.3

1 year ago

4.8.0-alpha.0

1 year ago

4.7.0

2 years ago

4.7.0-alpha.0

2 years ago

4.6.0

2 years ago

4.5.0

3 years ago

4.4.0

3 years ago

4.0.1

4 years ago

4.0.0

4 years ago

4.2.0

3 years ago

4.0.0-alpha.1

4 years ago

4.0.0-alpha.0

4 years ago

3.5.0

4 years ago

3.4.0

4 years ago

3.3.1

4 years ago

3.3.0

4 years ago

3.2.0

5 years ago

3.1.0

5 years ago

3.0.0

5 years ago

3.0.0-alpha.5

5 years ago

3.0.0-alpha.4

5 years ago

3.0.0-alpha.3

5 years ago

3.0.0-alpha.2

5 years ago