PromAi - Design to Ai JSON Prompts (Windsurf ai, Cursor, Lovable, and more)
Turn designs into ai-ready JSON prompts instructions, copy, and paste it to your fav Ai Coding Agent
Plugin Preview
About this plugin
🎉 Tested & Proven with several Ai Coding Agents
Turn Designs into Ai-Ready JSON Prompts instructions to use with your Ai coding agent to create pixel perfect designs systematically.
Choose your preferred tech stack, to get a personalized generated prompt for the selected tech stack with clear instructions for your Ai agent.
🚀 How to Use PromAi
✅ Select a frame or component in your design.
🎯 Choose your preferred tech stack, to get a personalized generated prompt for selected tech stack with instructions.
✨ Generate your AI-ready JSON and prompt
🎉 Copy the prompt and use it with your favorite AI coding tool
🎨 All your assets within the selected frame are added to the Figma Export with one click to export all.
📝 Note: make sure your assets frames names start with svg-/png-/jpg-, and the plugin will detect and reference them to the assets folder
✨ Drop a comment for support or question, or on email ✨
Plugin website :
https://promai.apptech.me
Plugin Details
| Version | 2 |
|---|---|
| Created | July 4, 2025 |
| Last Updated | July 7, 2025 |
| Category | Software development |
| Creator | Osama N. Alduwaik |
| Stats | 94 installs, 6 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- none
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 - Figma to Code & AI Apps (React, Vue, Tailwind, etc)
Export designs to clean, responsive code or turn Figma screens into AI apps and prototypes.
SkewDat
Skew any layer or group with all layers preserved to edit.