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

    3.4.0 • Public • Published

    @figma-export/output-components-as-svg

    Outputter for @figma-export that exports components as svg.

    With this outputter you can export all components as svg into the specified output folder.

    This is a sample of the output from this Figma file:

    $ tree output/
    # output
    # ├── icons
    # │   ├── figma-arrow.svg
    # │   ├── figma-export.svg
    # │   └── figma-logo.svg
    # └── unit-test
    #     ├── figma
    #     │   ├── logo
    #     │   │   ├── main (bright).svg
    #     │   │   └── main.svg
    #     │   └── logo.svg
    #     └── figma default logo.svg

    Tip: A component named icon/eye will be exported as eye.svg inside the icon folder.

    .figmaexportrc.js

    You can easily add this outputter to your .figmaexportrc.js:

    module.exports = {
        commands: [
            ['components', {
                fileId: 'fzYhvQpqwhZDUImRz431Qo',
                onlyFromPages: ['icons', 'unit-test'],
                outputters: [
                    require('@figma-export/output-components-as-svg')({
                        output: './output'
                    })
                ]
            }],
        ]
    }

    output is mandatory.

    getDirname and getBasename are optional.

    const path = require('path');
    
    ...
    
    require('@figma-export/output-components-as-svg')({
        output: './output',
        getDirname: (options) => `${options.pageName}${path.sep}${options.dirname}`,
        getBasename: (options) => `${options.basename}.svg`,
    })

    defaults may change, please refer to ./src/index.ts

    Install

    Using npm:

    npm install --save-dev @figma-export/output-components-as-svg

    or using yarn:

    yarn add @figma-export/output-components-as-svg --dev

    Install

    npm i @figma-export/output-components-as-svg

    DownloadsWeekly Downloads

    574

    Version

    3.4.0

    License

    MIT

    Unpacked Size

    7.06 kB

    Total Files

    7

    Last publish

    Collaborators

    • marcomontalbano