Prototyping tools

Code-backed

Code-backed · Native / device

No-code mobile apps with lists, forms, and native wrappers — functional app prototypes.

Spatial

Native / device · Motion

No-code AR prototype tool for placing interactive scenes in the real world.

Motion

Motion · Code-backed

Timeline animation and interactive HTML5 — older but still used for motion prototypes.

Presentation

Click-through · AI-generated

Quick pages, video, and AI layouts for campaign-style prototypes in the Adobe family.

Click-through

Click-through · Motion

Adobe's UI prototype app — still usable for existing files, but in maintenance with no new path.

Code-backed

Code-backed · Click-through

Figma-to-code and interactive prototypes that play closer to the implemented UI.

Interaction

Interaction logic · Click-through

Conditional logic, dynamic panels, and spec-grade prototypes for dense enterprise flows.

Low-fi

Click-through

Sketchy low-fidelity click-throughs that keep reviews on structure, not polish.

AI

AI-generated · Click-through

AI multi-screen prototypes from a prompt or reference, with Figma and code export.

AI

AI-generated · Code-backed

In-browser AI IDE that boots a real stack so the prototype is a running app.

Voice

Interaction logic · Code-backed

Open conversational builder for agent prototypes you can run and inspect.

Native

Native / device · Code-backed

Turn Figma frames into a native-feeling app prototype without writing Swift or Kotlin.

Code-backed

Code-backed · Interaction logic

No-code web apps with real data — the prototype can be the MVP.

Code-backed

Code-backed · AI-generated

Visual editor on your design system — prototype pages with production components.

Presentation

Click-through · AI-generated

Slides, websites, and Magic Studio — quick visual prototypes for non-designers.

AI

AI-generated · Click-through

AI-native UI workspace for generating and iterating product screens as prototypes.

Code-backed

Code-backed · Native / device

Visual React Native builder for clickable, data-wired mobile prototypes.

Native

Code-backed · Native / device

The fastest path to a native-feeling React Native prototype on a real phone.

Motion

Motion

Collaborative web motion tool for UI animation prototypes and brand films.

Click-through

Click-through · Motion

The default team canvas for click-throughs, Smart Animate, and shared prototype links.

AI

AI-generated · Click-through

Prompt-to-interactive UI inside Figma — first-draft prototypes from a brief, not a blank frame.

Motion

Motion · Click-through

Mac app for screen-to-screen transitions and micro-interaction prototypes.

Click-through

Click-through

Fast browser wireframes and click-throughs with large mobile and web kit libraries.

Code-backed

Code-backed · Native / device

Visual Flutter builder — fire up a working mobile or web app as the prototype.

Code-backed

Code-backed · Motion · Click-through

Design-to-live-web prototypes with real components, motion, and a publishable URL.

Code-backed

Code-backed

Spreadsheet-backed apps that become a usable prototype in an afternoon.

AI

AI-generated · Click-through

Gemini-powered UI generation — explore many directions, then take a winner into Figma or code.

Low-fi

Click-through

Collaborative wireframes and simple prototypes for web and mobile flows.

Motion

Motion

Browser motion design for UI clips and lightweight animated prototypes.

Click-through

Click-through

China-market UI and prototype canvas with collaboration and component libraries.

Interaction

Interaction logic · Click-through

Data-driven web and mobile prototypes with forms, variables, and responsive breakpoints.

Presentation

Click-through · Motion

Magic Move slide decks that still work as the fastest hi-fi click-through on a Mac.

Motion

Motion

Mac motion prototype app for layer-based UI animation and prototyping.

Voice

Interaction logic · Click-through

No-code chatbot and landing-bot prototypes for web and WhatsApp flows.

Spatial

Native / device · Motion

Snap's AR tool for face, world, and wearable lens prototypes you can test on device.

Code-backed

Code-backed · AI-generated

Figma or Adobe XD to React, React Native, or HTML — a coded preview as the prototype.

Motion

Motion · Code-backed

Lottie creation, preview, and handoff — motion prototypes that developers can drop in.

AI

AI-generated · Code-backed

Prompt-to-full-stack app — auth, data, and a deployable prototype from a chat.

Click-through

Click-through

Free desktop UI editor with .sketch support and basic prototype links.

AI

AI-generated · Click-through

AI UI exploration on a canvas — generate variants, then export toward Figma or code.

Click-through

Click-through

Simple browser prototypes, comments, and built-in user tests — still shipping after InVision.

Click-through

Click-through · AI-generated

Collaborative UI and prototype platform widely used as a Figma-class canvas in China.

Low-fi

Click-through

Wireframe boards and UI kits for early product maps and stakeholder click-throughs.

Click-through

Click-through

Rapid wireframes, interactive prototypes, and handoff in one product suite.

Low-fi

Click-through

Browser wireframes, diagrams, and click-throughs in one lightweight workspace.

AI

AI-generated · Click-through

AI UI generator for consistent screens from text, images, or PDFs.

Code-backed

Code-backed · Interaction logic

Visual web app builder (formerly Toddle) for interactive prototypes that stay as components.

Code-backed

Code-backed

Open-source visual editor for React apps — click the running UI to prototype changes.

Native

Interaction logic · Motion · Native / device

Meta's free Mac patch editor for behaviour-level prototypes that feel like shipped apps.

Click-through

Click-through

User-flow diagrams that play as a prototype — screens, paths, and presentation in one map.

Low-fi

Click-through

Free desktop GUI prototyping with built-in stencils for desktop and mobile.

Click-through

Click-through

Open-source design and prototype canvas for teams that will not live in Figma.

Motion

Motion

Interface animation tool aimed at designing UI motion that can move toward code.

Low-fi

Click-through

Browser wireframes and clickable prototypes aimed at requirements and stakeholder review.

Presentation

Click-through

Collaborative decks used as click-through story prototypes for product and fundraising.

Click-through

Click-through

All-in-one design, prototype, and handoff canvas with AI assists.

Code-backed

Code-backed

Visual page builder that writes into your React codebase — prototypes stay in git.

AI

AI-generated · Click-through

AI product designer that drafts interactive UI from a brief for early reviews.

Presentation

Click-through · Motion

The enterprise default for click-through storyboards, morph transitions, and review meetings.

Motion

Motion · Click-through

Mac timeline tool for micro-interactions, drivers, and multi-screen motion prototypes.

Motion

Motion

iPad animation for storyboards and motion prototypes drawn frame by frame.

Click-through

Click-through · Motion

Browser-based high-fidelity prototypes with UI kits, timelines, and device skins.

Interaction

Interaction logic · Motion · Native / device

High-fidelity interaction prototypes with sensors, variables, and multi-device triggers.

Click-through

Click-through

Goodpatch's rapid prototype tool for linking screens and reviewing on a phone.

Click-through

Click-through

Open prototype tool with built-in analytics — design, click, and measure in one place.

AI

AI-generated · Code-backed

AI that turns Figma into a coded prototype you can open in a real project.

Presentation

Click-through · Motion

Editorial web pages with motion — a designed prototype you can publish as the piece.

Spatial

Native / device · Motion

Apple's spatial prototype tool for visionOS and AR scenes next to Xcode.

AI

AI-generated · Code-backed

AI sitemaps and Webflow-ready sections that become a clickable marketing prototype.

Motion

Motion · Code-backed

State-machine motion you design once and ship — the animation file is the prototype and the product.

AI

AI-generated · Code-backed

Clone a URL into an editable AI prototype you can restyle and remix.

Click-through

Click-through

Mac-native UI design with prototype links, symbols, and a lighter canvas than Figma.

Code-backed

Code-backed

Airtable or data-backed web apps that double as client-ready prototypes.

Spatial

Motion · Code-backed

Real-time 3D in the browser — spatial and product UI prototypes you can embed.

Code-backed

Code-backed

Component workshop — the most honest prototype is often the isolated story.

Code-backed

Code-backed · AI-generated

Design and prototype with real Tailwind and shadcn-style components.

Code-backed

Code-backed

Design-system pipeline that can emit tokens and previews — prototypes tied to the system.

Code-backed

Code-backed

Visual front-end builder and code export for web prototypes you can hand to engineering.

AI

AI-generated · Code-backed

Visual React editor for assembling and iterating UI prototypes that stay as code.

Native

Code-backed · Native / device

Block-based mobile builder for functional Android and iOS prototypes.

Motion

Motion · Code-backed

Mac HTML5 animation for interactive web prototypes and motion pieces.

AI

AI-generated · Click-through

Prompt, sketch, or screenshot to an editable click-through — AI-first rapid prototypes.

Spatial

Native / device · Motion · Code-backed

Real-time 3D engine used to prototype games, XR, and spatial product experiences.

AI

AI-generated · Click-through

AI UI and flow generation that drafts multi-screen prototypes from a product brief.

Code-backed

Code-backed · Interaction logic

Code-backed prototypes that reuse production React components via Merge.

AI

AI-generated · Code-backed

Vercel's prompt-to-React UI — production-shaped components you can run as the prototype.

AI

AI-generated · Click-through

AI-assisted wireframes that move from sketch or prompt toward a shareable prototype.

Voice

Interaction logic · AI-generated

Conversational and voice prototypes — flows, prompts, and shareable agent demos.

Code-backed

Code-backed · Click-through

Visual web builder whose published site is the high-fidelity marketing prototype.

Code-backed

Code-backed

Front-end no-code builder on top of your APIs — production-shaped web prototypes.

Low-fi

Click-through

Fast wireframes and flow click-throughs for settling IA before a hi-fi file.

Click-through

Click-through

Cloud wireframes and interactive prototypes with templates and team sharing.