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 | 42 installs, 4 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 - 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.