Banani

AI UI design: generate editable wireframes, mockups, and prototypes from a prompt.

A browser-based UI design tool that turns text prompts, hand-drawn sketches, and screenshots into editable mockups and clickable prototypes. Its Autodesigner generates whole multi-screen projects with themes, and a Screenshot Scanner converts existing app screens into editable designs. Aimed at non-designers and PMs who want usable UI fast.

AI prototyping for product teams — generate UI in your own design system.

An AI design tool that turns prompts into working UI prototypes product teams can test with users and hand to engineering. Version 2.0 imports components from Figma, Storybook, or any website via its Chrome extension, so generated screens match your real design system rather than generic mockups. Includes real-time collaboration and a free tier to start.

AI-native design tool that ships production React + Tailwind code.

Subframe is a code-first design tool where you build interfaces from real, code-backed components on a visual canvas and export clean, production-ready React and Tailwind CSS. Designs map deterministically to code — what you draw is the code you ship — and connect to coding agents like Cursor and Claude Code via MCP. It syncs with Figma and auto-generates a custom design system.

Google Labs experiment that turns prompts and sketches into UI designs and frontend code.

An AI design tool from Google Labs that generates app and website interfaces from natural-language prompts, images, wireframes, or sketches. It produces multiple design variants, exports clean layouts to Figma, and outputs frontend code (HTML/CSS, Tailwind), with a voice-driven Live Mode for real-time adjustments. Powered by Gemini's multimodal capabilities and free with generous limits while in beta.