Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>BitloopsNew to Visual Studio Code? Get it now.
Bitloops

Bitloops

Bitloops

|
10 installs
| (2) | Free
Bitloops AI-powered software development platform
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

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!

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2023 Microsoft