v0.3.6

This experimental plugin allows designers to take advantage of Open AI's ChatGPT directly within Figma. Image "creation" is facilitated through Lexica and Unsplash. There's also a small panel to execute code and a mini console.

Because the plugin is experimental and takes advantage of an unofficial ChatGPT API it only operates in "Developer mode" and could break or stop working at any time. You should be reasonably comfortable with terminal, as setup is a bit fussy and the server has to often be restarted given the current ChatGPT interest.

Watch the demo

Prerequisites

1. Create an OpenAI account
2. Make sure you have Node 18.0+ installed. I recommend nvm for handling Node versioning.

Download and Build

1. Clone this repository into directory of your choice. git clone https://github.com/frederickk/chatgpt-figma-plugin.git
2. Install necessary dependencies npm install
3. Create a .env file, and add your OpenAI login credentials OPENAI_EMAIL="..." and OPENAI_PASSWORD="..."
4. Build npm run build

Install and Run

1. Run the ChatGPT intermediate server npm run serve.
2. Load the plugin within Figma Plugins > Development > Import plugin from manifest...
3. Et voilà!

Simply enter a question or request for ChatGPT, click the Send (paper airplane icon) button, and (after a few seconds) the results will either:

1. spawn a new text box or
2. replace the text contents of the selected text box
3. error out... try again?

Open the Lexica panel to search Lexica for AI generated work that matches your given desciption.

Open the Code panel and enter any valid Figma Plugin API javascript you would like to execute. ⚠️ Be careful! this is done using eval() and isn't the safest ⚠️.

Open the Console panel to reveal a little console output so you can see what's going on behind the scenes.