Moqups AI Helper

About

Moqups AI Helper brings AI-powered design assistance directly into your Moqups workspace. Describe what you want in plain language and the extension generates or manipulates elements on your canvas automatically.

A Google Gemini API key is required. Get one free at aistudio.google.com and paste it into the extension settings.

--- WHAT YOU CAN DO ---

UI Generation
- Website, landing page, or marketing site
- Web app - dashboards, admin panels, SaaS screens
- Mobile app screen or mobile website
- Game UI - HUD, menus, inventory, pause screens
- Documents 

Diagramming
- Flowcharts, process flows, org charts, mind maps
- UML - use case, sequence, class, activity diagrams

Layout & Rearrangement
- Align, distribute, center, stack, wrap, grid
- Resize, scale, sort, compact, mirror selected elements

Other
- Text editing and review
- Whiteboard and sticky note organization
- Design audit

--- HOW IT WORKS ---

Type a prompt in the sidebar. The extension classifies your intent, asks clarifying questions when needed, then runs the appropriate pipeline. For UI tasks it breaks the screen into sections and generates them in parallel. For diagrams it generates directly with an optional refinement pass. For layout tasks it applies math to your current selection.

Follow-up prompts work naturally - "make it darker", "add a login screen", "tidy up", "fix english".

Style guides supported: iOS, Material Design, Tailwind, Wireframe.

--- TIPS ---

- Select elements on the canvas before prompting to give the AI context about what to work with.
- If the floating panel goes off screen, press Shift+A+I to bring it back to the center.