bitloops README
This is the README for the "bitloops" extension.
Features
This extension generates React code from Figma designs.
Requirements
This also requires installation of the Preview.js extension, to be able to preview the generated React sections.
Extension Settings
The Bitloops extension adds any VS Code settings through the contributes.configuration extension point.
This extension contributes the following settings:
bitloops.enable : Enable/disable this extension.
Running the application
- Add a .bitloops.config.json like below:
{
"FIGMA_TOKEN": "XXX"
}
- In an existing NextJS project or after using
npx create-next-app@latest .
- Select the extension icon from the left sidebar.
- Fill in the Figma node id and file id.
- Press the Figma to Code button.
- Wait up to 8-10 minutes.
- Checkout the created
src/components ,src/sections and src/assets folders.
- Using the Preview.js extension you can click on any section to preview the output.
Known Issues
No known issues.
What's New
0.0.6
Fixed not writing files issue.
Enjoy!
| |