Home

Awesome

Figma to Bootstrap 5 Plugin

Figma to Code

Figma to Code

Development guide

This plugin is built with Create Figma Plugin. and some utilities from FigmaToCode

Pre-requisites

Debug

To watch for code changes and rebuild the plugin automatically:

$ npm run watch

*Enable figma Plugins -> Development -> Hot Reload plugin

Build the plugin

To build the plugin:

$ npm run build

This will generate a manifest.json file and a build/ directory containing the JavaScript bundle(s) for the plugin.

Install the plugin

  1. In the Figma desktop app, open a Figma document.
  2. Search for and run Import plugin from manifest… via the Quick Actions search bar.
  3. Select the manifest.json file that was generated by the build script.