- Serialize Figma node tree to plain JS-object snapshot
- Transform plain JS-object snapshot to AST (via @babel/types)
- Transform AST to code (via @babel/generator)
- Format code (via Prettier)
- Show code with syntax highlighting (via Monaco Editor)
react-figma
code- Primitives based (View, Stylesheet, etc.)
- More native (Rectangle, etc.)
react-native
code- React web code
- Figma API code