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!