Index:
- 📐 Prompt to Wireframe
- 📝 Text to Design
- 🔍 Analysis and Feedback
- 👨💻 Design to Code
- 🤖 Mock text generator
- 🖼️ Image and illustration generation
- 🎨 Generative color pallet
Problems:
- 🕣 Designing UI/UX takes a lot of time.
- 🥵 You lose your inspiration before your design becomes inspiring.
- 😓 You get lost in perfectionism and lose sight of the big picture.
Solution:
- 🤯 Use AI to bring your ideas to life on canvas.
- 💡 You already know what awesome looks like; you just need to iterate enough to get there.
- 🏎️ Iterating quickly, with many iterations, helps you move swiftly towards your vision.
https://www.figma.com/community/plugin/1221144015267698736/wiregen-ai-gpt-wireframe-generation ⭐⭐⭐
- figma
- free
- wireframe from text with ai
- no registration
- also creates a elaborate synopsis of what the idea you prompted should include
- similar to v0.dev. you can change your design with follow up prompts
- since the output is in a sketched wireframe style. you can see things from an abstract POV. unlike v0.dev which is more polished
https://www.v0.dev ( 🚫 now requires vercel account, temp-mail is banned 🚫) ⭐⭐
- great for mockup generation from text
- the vercel / zeit look and feel
- free
- no api key needed
https://www.figma.com/community/plugin/1227900767438159391/ai-designer
- text to design
- figma
- popular 30k+ users
https://www.figma.com/community/plugin/1383457529531594701/klever-instant-usability-testing
- usability feedback on your design (quick and easy)
- figma
- open-ai key
- Has open ai key available. gp4o and gpt4o-mini (supports old openai keys. the short ones. new keyformat support is coming)
- Figma plugin.
- Gives you contextual advice on the design. ux research, build complexity analysis etc
- Can output code from figma design to html and css js and react and tailwind (Supports partial exporting, context only supports so much data)
- Chat with your design
- figma
- design to code (html, css, react, view, tailwind, flutter etc)
https://www.figma.com/community/plugin/896445082033423994/assistant-by-grida
- figma
- design to react and flutter
https://www.figma.com/community/plugin/1207913933994957698/figgpt
- figma
- open ai key ( only very basic features, payed subscription unlocks all features)
- ai generated- mock up data
- bulk edit text
- 100k users
- 3 day trail for pro-features (requires visa card) 😅
https://www.figma.com/community/plugin/1216991882770637536/ux-gpt
- figma
- open ai key
- mockup text generator with ai
https://www.figma.com/community/plugin/1223951614916514138/gpt-mate
- figma
- open ai key
- focused on mockup text
https://www.figma.com/community/plugin/1230269398719954629/design-sage-ai-gpt-assist
- Figma
- open ai key
- great pharaphrase functionality to switch up copy
- creates many variations.
- preview before updating figma
- limited to 25 usages per day even tho you use your own key 😅
https://www.figma.com/community/plugin/1226950115999721586/dall-e-bro ⭐
- image / illustration generation
- open ai key
- figma
https://www.figma.com/community/plugin/1172198885477402037/dalle-prompt
- figma
- openai key
- 🚫 takes a long time to generate or didnt work when I tried it. will try again later
https://www.figma.com/community/plugin/1225385294217713882/gpt-stylist
- create color pallet for your design by prompting
- figma
- openai key
https://www.figma.com/community/plugin/1224707006498783454/find-colors-and-replace
- bulk change the colors in your project with AI 💪 (great for itrating quickly)
- segment your changes if the project is complex. gpt only has so much context to work with
- figma
- free to use (no openai key needed)
[Color](https://www.figma.com/community/plugin/1224384489638070064/uxpilot-ai-color-gradient-ai)
- free
- figma
- create a color pallet by prompting
- Also supports gradient pallet (but didnt work when I tried it)
⭐ GPT Figma editing with prompt: https://www.figma.com/community/plugin/1397123997037270031/mate (waiting list for now)