{"id":14007135,"url":"https://github.com/frederickk/chatgpt-figma-plugin","last_synced_at":"2025-07-24T01:30:46.088Z","repository":{"id":64972466,"uuid":"577099634","full_name":"frederickk/chatgpt-figma-plugin","owner":"frederickk","description":"Experimental Chat GPT plugin for Figma","archived":false,"fork":false,"pushed_at":"2023-01-10T15:50:05.000Z","size":10053,"stargazers_count":58,"open_issues_count":0,"forks_count":6,"subscribers_count":1,"default_branch":"primary","last_synced_at":"2024-08-10T10:03:53.663Z","etag":null,"topics":["chatgpt","figma","figma-plugin","gpt","javascript","machine-learning","ml","openai","typescript"],"latest_commit_sha":null,"homepage":"https://youtu.be/ifu89r0tOjw","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/frederickk.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2022-12-12T00:27:14.000Z","updated_at":"2024-06-08T02:24:18.000Z","dependencies_parsed_at":"2023-02-08T19:15:22.372Z","dependency_job_id":null,"html_url":"https://github.com/frederickk/chatgpt-figma-plugin","commit_stats":null,"previous_names":[],"tags_count":3,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/frederickk%2Fchatgpt-figma-plugin","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/frederickk%2Fchatgpt-figma-plugin/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/frederickk%2Fchatgpt-figma-plugin/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/frederickk%2Fchatgpt-figma-plugin/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/frederickk","download_url":"https://codeload.github.com/frederickk/chatgpt-figma-plugin/tar.gz/refs/heads/primary","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":227384133,"owners_count":17772324,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["chatgpt","figma","figma-plugin","gpt","javascript","machine-learning","ml","openai","typescript"],"created_at":"2024-08-10T10:01:50.988Z","updated_at":"2024-11-30T17:32:00.152Z","avatar_url":"https://github.com/frederickk.png","language":"TypeScript","funding_links":[],"categories":["TypeScript"],"sub_categories":[],"readme":"# ChatGPT Figma Plugin\n\nv0.3.6\n\n### Experimental ChatGPT plugin for Figma\n\n---\n### Overview\n\n[![Screen capture of ChatGPT Figma Plugin UI](./assets/chatgpt-figma-plugin-image.gif)](https://youtu.be/ifu89r0tOjw)\n\n\nThis experimental plugin allows designers to take advantage of Open AI's [ChatGPT](https://chat.openai.com/) directly within Figma. Image \"creation\" is facilitated through [Lexica](https://lexica.art) and [Unsplash](https://unsplash.com). There's also a small panel to execute code and a mini console.\n\nBecause the plugin is experimental and takes advantage of an [unofficial ChatGPT API](https://github.com/transitive-bullshit/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.\n\n[Watch the demo](https://youtu.be/ifu89r0tOjw)\n\n---\n### Getting Started\n\n**Prerequisites**\n\n1. Create an [OpenAI account](https://auth0.openai.com/u/signup/)\n2. Make sure you have **Node 18.0+** installed. I recommend [nvm](https://github.com/nvm-sh/nvm#installing-and-updating) for handling Node versioning.\n\n**Download and Build**\n\n1. Clone this repository into directory of your choice. `git clone https://github.com/frederickk/chatgpt-figma-plugin.git`\n2. Install necessary dependencies `npm install`\n3. Create a `.env` file, and add your OpenAI login credentials `OPENAI_EMAIL=\"...\"` and `OPENAI_PASSWORD=\"...\"`\n4. [Build](#build) `npm run build`\n\n**Install and Run**\n\n1. Run the ChatGPT intermediate server `npm run serve`.\n2. Load the plugin within Figma **Plugins \u003e Development \u003e Import plugin from manifest...**\n3. Et voilà!\n\n\n---\n### Usage\n\nSimply enter a question or request for [ChatGPT](https://chat.openai.com), click the **Send** (paper airplane icon) button, and (after a few seconds) the results will either:\n1. spawn a new text box or\n2. replace the text contents of the selected text box\n3. error out... try again?\n\nOpen the **Lexica** panel to search [Lexica](https://lexica.art) for AI generated work that matches your given desciption.\n\nOpen the **Code** panel and enter any valid [Figma Plugin API javascript](https://www.figma.com/plugin-docs/api/api-reference) you would like to execute. ⚠️ **Be careful! this is done using [`eval()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/eval) and isn't the safest ⚠️**.\n\nOpen the **Console** panel to reveal a little console output so you can see what's going on behind the scenes.\n\n\n---\n### Build\n\n| Command | Description |\n| ------- | ----------- |\n| `npm run build` | Runs Webpack build process once |\n| `npm run clean` | Cleans `./build` and any cached files |\n| `npm run dev`   | Runs Webpack build process and watches for changes; rebuilding as necessary |\n| `npm run dev:serve` | Same as dev but with UI being accessible via [`http://localhost:8080`](http://localhost:8080) |\n| `npm run serve` | Runs ChatGPT API intermediate server [`http://localhost:3000`](http://localhost:3000). **This is required for plugin to function.** |\n\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffrederickk%2Fchatgpt-figma-plugin","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffrederickk%2Fchatgpt-figma-plugin","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffrederickk%2Fchatgpt-figma-plugin/lists"}