Figma to React (WIP; Help Wanted)

• Initial Setup
• NPM
• Yarn
• Debug

Env - Required

Create a .env file with you figma access token and the key for the file you would like to access.

Example

env

DEV_TOKEN="xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx"
FILE_KEY="xxxxxxxxxxxxxxxxxxxxxxxx"

NPM

Setup

git clone https://github.com/atto-byte/figma-api-demo.git
cd figma-api-demo
npm install

Generate Components

npm run gen

Run Server

Edit src\index.tsx then run npm run start to Display the Generated Components

Yarn

Setup

git clone https://github.com/atto-byte/figma-api-demo.git
cd figma-api-demo
yarn

Generate Components

yarn gen

Run Server

Edit src\index.tsx then run yarn start to Display the Generated Components

Debug - VsCode

Press F5 and Select Generate, you can then set breakpoints in figma/* to debug the generation