Skip to content

kazuyaseki/code-transformer-for-Figma

Repository files navigation

Maintenance PRs Welcome Tweeting

Figma Code Transformer logo

code-transformer for Figma

Figma Plugin to generate code using OpenAI API.

NOTE: as of right now, OpenAI API does not seem to generate code in good quality with gpt-3.5-turbo.

fct-demo-publish.mp4

To Develop

First create .env file and set your OpenAI API key and GitHub API key, repository owner and name where you would want to push result code.

$ cp .env.sample .env

Build Plugin with the following commands

$ npm install --legacy-peer-deps
$ npm run build

To watch for code changes and rebuild the plugin automatically:

$ npm run watch

Then install the plugin in Figma

  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.

Resources

Credits

This plugin is made with Create Figma Plugin

This plugin is sponsered by Gaudiy

About

Figma plugin to generate code using OpenAI API

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published