Nanananananananana.. Pat Man!

    figma-cli

    1.0.0 • Public • Published

    Figma CLI

    A CLI to export and scaffold from Figma directly into style guides like Estatico

    Install

    npm install -g figma-cli

    How-To

    1. Install the Figma CLI
    2. Add a .figma file to the root of your project with at least a Figma token and a project id
    3. Run $ figma from the root of your project

    Or alternatively without a .figma file:

    $ figma --team <your-team-id> --token <your-figma-token>

    ToDos

    • Colors -> Variables
    • Fonts -> Mixins
    • Icons -> SVG (Sprite & individual files, optimized!)
    • Atoms -> Modules / React or Vue Components
    • Molecules -> Modules
    • Pages -> Pages or routes
    • Whitespace -> Variables
    • Breakpoints -> Variables
    • Grid -> Variables
    • Styles -> Mixins

    Naming Conventions

    You have to structure your Figma documents in a certain way and use a naming convention (to be defined), for the CLI to be able to extract all info.

    Install

    npm i figma-cli

    DownloadsWeekly Downloads

    2

    Version

    1.0.0

    License

    MIT

    Unpacked Size

    2.97 MB

    Total Files

    5

    Last publish

    Collaborators

    • avatar