Figma plugin to generate code using OpenAI API
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.
https://user-images.githubusercontent.com/6080698/234930449-b5b0f3cb-2d82-454c-be57-4dd4f969942f.mp4
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
Import plugin from manifest…
via the Quick Actions search bar.manifest.json
file that was generated by the build
script.This plugin is made with Create Figma Plugin
This plugin is sponsered by Gaudiy