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)
relume looks promising. but for now their figma and Webflow templates are the most useful. Can be found here: relume.io figma templates: https://www.figma.com/community/file/1078092050664989246 and Webflow: https://www.relume.io/page-templates