Back to Plugins
Code-Generator Plugin
generate your selected UI into code
Plugin Preview
About this plugin
Want a quick mockup code to describe your figma UI? just simply select your block of design, provide your open api key and you will get your design written as code in seconds with OpenAI API
Plugin Details
| Version | 11 |
|---|---|
| Created | April 25, 2025 |
| Last Updated | August 11, 2025 |
| Category | Software development |
| Creator | Dao Pham |
| Stats | 0 installs, 1 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:dist/ui.html
- main:dist/code.js
- Document Access:dynamic-page
- Network Access:
The plugin needs to access the OpenAI API to generate code based on user input. The plugin also uses jsDelivr to export generated code to zip file and cdn providers to preview generated html
- Editor Types:figma
- Allowed Domains:
- http://localhost:20410
- http://localhost:8080
- https://api-dev.onstove.com
- https://api.imgbb.com
- https://api.openai.com
- https://cdn.jsdelivr.net
- https://cdn.tailwindcss.com
- https://d2eq8hyjn4yxr6.cloudfront.net
- https://fastly.picsum.photos
- https://i-api-dev.onstove.com
- https://image-dev2.onstove.com
- https://picsum.photos
- https://s3.ap-northeast-1.amazonaws.com
More Like This
Discover other plugins in the Software development category.
Figma to Code (HTML, Tailwind, Flutter, SwiftUI)
Code Conversion Made Easy: Figma to Web & Apps
Builder.io - AI-Powered Figma to Code (React, Vue, Tailwind, & more)
Export designs to responsive code (React, HTML, Vue, Tailwind, etc) with AI
SkewDat
Skew any layer or group with all layers preserved to edit.