figma2react

KO | EN

gitlite — search

#javascript #python #hacktoberfest #react #ai #typescript #llm #go #golang #android #machine-learning #rust #deep-learning #linux

★ 23 Open GitHub ↗

No description available.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# figma2react

Convert figma components in to react components

![](https://dl.dropboxusercontent.com/s/g271pk7p25o3x1n/ezgif.com-video-to-gif.gif?dl=0)

## installation

```
  npm install -g figma2react
```

## create CRA application
```
  create-react-app test-figma2react
```
you can use any name

## create the configuration file in the root of the project
```
  cd test-figma2react
  touch .figma2react
```

## insert your configuration
```
  //.figma2react

{
    "projectId": <id of your project>,
    "token": <your figma developer token>,
    "directory": <path to destination directory ("./src/components" by default)>,
    "types": <array of types that will be generated. only ts is supported. empty by default>
  }
```

you can findout how to get your token [here](https://www.figma.com/developers/docs#auth)

if you wanna test it out just use the test project, projectId: "eYk3d4ngtHUXkg82atfuJP"

## generate your components

inside your CRA project

```
  figma2react generate
```

## watch for changes in the figma project and generate the components

```
  figma2react watch
```

###### Marcell Monteiro Cruz - 2018

figma2react

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README