Design and prototyping tools shape how product teams explore ideas, build interfaces, test flows and move from concept to production. This hub connects curated tool profiles with DesignWhine reviews, comparisons, alternatives and guides.
Typograph is an AI-powered font generator and typeface design tool for creating custom fonts for logos, brand identities and display typography. Start from a style template, refine letterforms and export an installable font file.
View profile →Aura by Deslove is a free browser-based vector editor for creating and editing SVG artwork, icons and logo concepts using shapes, text and Bézier drawing tools. Drawing works without signing in; a free account is required to import, save or export files.
View profile →Drafted is an AI-native residential design tool that generates editable house floor plans from project inputs, with matching 3D models and professional CAD/BIM exports for further development.
View profile →Source → Design converts HTML and frontend projects built with React, Next.js, Vue, or Svelte into structured, editable Figma designs with real layers, typography, vectors, colors, spacing, Auto Layout, and variables.
View profile →Product Shot is a local-first screenshot editor for making polished product shots. Frame, arrange, style, and export screenshots as PNG, GIF, or MP4 without sending the working composition to a server.
View profile →Penpot is an open-source product design platform for interface design, prototyping, design systems, and collaboration between designers and developers. It can be used in the cloud or self-hosted and now supports AI-agent workflows through open integrations.
View profile →Recraft is an AI-native visual design platform for generating and editing images, vectors, mockups, and branded creative assets. It combines proprietary image models with practical design tools such as vector generation, upscaling, background removal, and style controls.
View profile →Google Stitch is a Google Labs experiment that generates UI designs and frontend code from text or image inputs. It uses Gemini models to help designers and developers explore, refine, and hand off interface concepts quickly.
View profile →Magic Patterns is an AI-native product prototyping tool for generating interface concepts and working prototypes from prompts. It supports shared design systems, reusable context, collaboration, and export into downstream design workflows.
View profile →MagicPath is an AI-native visual design environment for generating and iterating product interfaces on a freeform canvas. It is built around prompt-driven UI creation while keeping generated work editable and exploratory.
View profile →Flowstep is an AI-native product design tool for generating and iterating interface screens from natural-language direction. It focuses on fast UI exploration, editable design output, prototyping, and export into established design workflows.
View profile →Visily is a collaborative UI design and wireframing platform aimed at helping product teams design without requiring advanced design-tool expertise. Its AI features assist with generating, converting, and iterating interface concepts.
View profile →Uizard is a UI and product-design platform for quickly creating wireframes, mockups, and interactive prototypes. AI features can generate interfaces from prompts, sketches, or screenshots and help non-specialists move from idea to editable design.
View profile →Figma Make is Figma's AI-native environment for turning prompts and design context into interactive prototypes and web-app experiences. It can work with Figma frames, design systems, attachments, npm packages, and MCP-connected context.
View profile →Relume is an AI-assisted website planning and design tool for generating sitemaps, wireframes, and visual directions before moving into Webflow or Figma. Its component library is built to speed up structured website production rather than general graphic design.
View profile →Paper is a code-connected design canvas for creating and iterating digital interfaces. Its workflow is designed to work closely with development tools and AI agents, including MCP-based access to design files.
View profile →Motiff was an AI-oriented UI design and generation platform for creating production-ready interface work from prompts, wireframes, screenshots, and PRDs. The product has been discontinued and its editor went offline on June 23, 2026.
View profile →Moonchild.ai is an AI-native product design tool that turns briefs or PRDs into multi-screen interface directions, flows, and prototypes. It emphasizes design-system grounding and handoff to Figma or development workflows.
View profile →Framer is a visual website design and publishing platform with responsive layout, CMS, collaboration, and production hosting. AI-assisted generation and editing are integrated into a workflow that remains strongly design-led.
View profile →UX Pilot is an AI-driven UX design platform for generating wireframes, screens, flows, and prototypes from prompts or product requirements. It also supports iterative editing and design-to-code workflows.
View profile →Figr is an AI-assisted product design workspace that uses product context, research, and design-system inputs to generate flows, prototypes, and UI. It is designed to keep generated work grounded in an existing product rather than starting from isolated prompts.
View profile →Subframe is an AI-native interface design tool built around real components and production code rather than static mockups. Teams can design visually, maintain design systems, prototype flows, and export React and Tailwind CSS.
View profile →Move from a broad category to individual products, then into reviews, ranked guides, alternatives and head-to-head comparisons.