ImaGen Figma Plugin

This is the repository for the Imagen Figma Plugin.

This is a Figma plugin that allows you to export Figma layers as ImaGen-compatible templates. (.dicetemplate files)

This plugin is built with Create Figma Plugin.

Pre-requisites

• Node.js – v20
• Figma desktop app

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.

To watch for code changes and rebuild the plugin automatically:

$ npm run watch

Install the plugin

From GitHub Releases

1. Download the latest release from the Releases page.
2. Extract the contents of the ZIP file.
3. In the Figma desktop app, open a Figma document.
4. Search for and run Import plugin from manifest… via the Quick Actions search bar.
5. Select the manifest.json file in the newly extracted folder.

For Development

1. Build the plugin by running npm run build or npm run watch.
2. In the Figma desktop app, open a Figma document.
3. Search for and run Import plugin from manifest… via the Quick Actions search bar.
4. Select the manifest.json file in the repository folder.

Debugging

Use console.log statements to inspect values in your code.

To open the developer console, search for and run Show/Hide Console via the Quick Actions search bar.

See also

• Create Figma Plugin docs
• yuanqing/figma-plugins

Official docs and code samples from Figma:

• Plugin API docs
• figma/plugin-samples