https://github.com/unic/figma-cli

A CLI to export and scaffold from Figma directly into style guides like Estatico
https://github.com/unic/figma-cli

Last synced: about 2 months ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/unic/figma-cli
• Owner: unic
• License: mit
• Created: 2018-12-13T10:31:10.000Z (about 6 years ago)
• Default Branch: master
• Last Pushed: 2018-12-20T13:37:42.000Z (about 6 years ago)
• Last Synced: 2024-10-13T11:58:08.950Z (3 months ago)
• Language: JavaScript
• Size: 18.6 KB
• Stars: 8
• Watchers: 5
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Figma CLI

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

WIP! (the version number is a lie)

## 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  --token `

## ToDos

- [x] Colors -> Variables

- [x] 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.