figma-to-bootstrap-plugin

KO | EN

gitlite — search

#javascript #ios #ansible #php #android #java #nodejs #ubuntu #wordpress-plugin #wordpress #typescript #chrome-extension

figma-to-bootstrap-plugin

★ 22 Open GitHub ↗

Figma to Bootstrap 5 Plugin

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Figma to Bootstrap 5 Plugin

[![Figma to Code](https://raw.githubusercontent.com/gabrielrbarbosa/figma-to-bootstrap-plugin/main/cover.png)](https://www.figma.com/community/plugin/1287660587112027215)

[![Figma to Code](https://raw.githubusercontent.com/gabrielrbarbosa/figma-to-bootstrap-plugin/main/plugin-example.gif)](https://www.figma.com/community/plugin/1287660587112027215)

## Development guide

*This plugin is built with [Create Figma Plugin](https://yuanqing.github.io/create-figma-plugin/). and some utilities from [FigmaToCode](https://github.com/bernaferrari/FigmaToCode/)*

### Pre-requisites

- [Node.js](https://nodejs.org) – v18
- [Figma desktop app](https://figma.com/downloads/)

### 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`](https://figma.com/plugin-docs/manifest/) 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.

figma-to-bootstrap-plugin

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README