https://github.com/react-figma/code-generator
https://github.com/react-figma/code-generator
Last synced: 11 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/react-figma/code-generator
- Owner: react-figma
- Created: 2020-03-11T13:06:00.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2023-01-26T18:12:42.000Z (about 3 years ago)
- Last Synced: 2025-04-27T03:02:08.027Z (12 months ago)
- Language: TypeScript
- Homepage: https://figma-code-gen.now.sh
- Size: 1.16 MB
- Stars: 17
- Watchers: 2
- Forks: 3
- Open Issues: 7
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# [WIP] Figma Code Generator Plugin
### Pipeline
* Serialize Figma node tree to plain JS-object snapshot
* Transform plain JS-object snapshot to AST (via [@babel/types](https://babeljs.io/docs/en/babel-types))
* Transform AST to code (via [@babel/generator](https://babeljs.io/docs/en/babel-generator))
* Format code (via [Prettier](https://prettier.io/))
* Show code with syntax highlighting (via [Monaco Editor](https://microsoft.github.io/monaco-editor/))
### Possible variations
* `react-figma` code
- Primitives based (View, Stylesheet, etc.)
- More native (Rectangle, etc.)
* `react-native` code
* React web code
* Figma API code