Command Palette
Search for a command to run...
prototyping(27)
tagged resources
prototyping Resources

Aura.build: AI App Generator
Aura.build generates complete applications from descriptions. Turn ideas into working apps with AI-powered code generation, perfect for rapid prototyping and MVP development.

Axure RP: Ultimate Tool for UX Prototypes and Diagrams
Axure RP is a professional prototyping tool for creating highly interactive wireframes, flowcharts, and functional prototypes without code. Its conditional logic, dynamic content, and adaptive views make it especially powerful for complex enterprise UX documentation.

Bolt.new: Full-Stack App Generator
Bolt.new creates complete full-stack applications from text prompts with live previews and instant deployment. Perfect for designers who want to validate concepts quickly, turning design ideas into working prototypes in hours instead of weeks, complete with frontend, backend, and database integration.
Claude Design — Anthropic's Visual Collaboration Tool
Anthropic's first native design tool. Claude Opus 4.7 powers visual collaboration for designs, prototypes, slides, and one-pagers. Research preview since April 2026 — brings strategic and visual work into the same AI ecosystem.

Cursor Expands Into Visual UI Design
Cursor added a visual editor, closing the code-to-design gap from the code side. For designer-builders, this may become the fastest path from idea to implementation — especially for SwiftUI and React prototypes.

Figma AI: Design Automation Suite
Figma's AI features include image generation, background removal, text rewriting, and code generation from designs. Streamlines the entire design workflow by automating repetitive tasks, allowing designers to focus on creative decisions while maintaining consistency across design systems and team collaboration.

Figma Make
Figma Make is an AI-powered generator that learns from your existing design system to produce team-specific UI patterns. Describe what you want in natural language and it outputs components that already match your brand tokens, spacing, and component conventions.

Figma Motion
newTimeline-based animation inside Figma with keyframes, animated components, motion variables, and time-based comments. Dev Mode exports motion as CSS, JSON, React, or Motion.dev code.

Figmotion
Figma plugin adding timeline-based keyframe animation directly in Figma. Creates motion prototypes and exports without leaving your design file — the closest thing to After Effects inside Figma.

Flowstep
Generates complete 5-15 screen user journeys from a single text prompt. Exports directly to Figma (preserving layers and components) and outputs clean React/TypeScript/Tailwind code. Removes the gap between wireframe ideation and production-ready design.

Framer AI: Responsive Web Design
Framer AI generates responsive web layouts, prototypes, and high-fidelity sites from text prompts with built-in performance optimization. Perfect for web designers and startups who need to quickly create production-ready websites that are both visually stunning and technically optimized.

Glaze
Mac app builder from Raycast that turns plain-language prompts into local desktop software with file-system, menu bar, shortcut, and background-process access. Apps can be shared through its store.

Google Stitch — AI-Native UI Design Tool
Google Labs' infinite-canvas AI design tool for generating UI from natural language. Features a Design Agent for cross-project reasoning, Agent Manager for parallel ideation, and MCP server/SDK integration for developer tool export. Signals where AI-native design tooling is heading — intent reasoning over pixel-pushing.

Lovable: No-Code App Builder
Lovable generates full-stack applications with integrated authentication, payments, and databases from simple prompts. Ideal for designers and product teams who want to create functional prototypes without coding knowledge, featuring Supabase integration and real-time collaboration for rapid iteration.

Magic Patterns: AI UI Component Generator
Magic Patterns generates UI components from descriptions or screenshots. Get production-ready React components with proper styling. Perfect for speeding up design-to-code workflows.

Marvel: All-in-One Design Platform for Digital Products
Marvel is an all-in-one design platform that covers wireframing, prototyping, user testing, and developer handoff in a browser-based tool. Its simplicity makes it great for quick prototypes and non-designer stakeholders who need to contribute to the design process.

Origami Studio: Comprehensive Design and Prototyping Tool
Origami Studio is Meta's free design prototyping tool used internally for products like Facebook, Instagram, and WhatsApp. Its patch-based visual programming system excels at creating complex, realistic interaction prototypes — especially micro-interactions and gesture-driven interfaces.

Penpot
newOpen-source interface design and prototyping platform with CSS Grid and Flex layouts, design tokens, shared libraries, and an open file format. Teams can use its cloud service or self-host.

Principle
Fast timeline-based Mac tool for creating screen transitions and app flows. Intuitive and opinionated — the fastest way to prototype motion for presentations without writing code.

ProtoPie
No-code prototyping tool for realistic app behavior with variables, conditions, and sensors. Ideal for testing microinteractions and complex flows that Figma can't replicate.

Rork: AI Mobile App Builder
Rork builds mobile applications using AI. Describe your app idea and get a working iOS or Android prototype. Ideal for designers validating mobile concepts before full development.

Sprint: How to Solve Big Problems in Just Five Days
Google Ventures' five-day process for answering critical business questions through prototyping and user testing. A practical playbook for running design sprints that compress months of work into one week.

Uizard: AI UI Mockup Generator
Uizard transforms hand-drawn sketches and screenshots into editable UI designs with Autodesigner 2.0 for multi-screen prototypes from text prompts. Perfect for product managers and UX designers who need to rapidly explore concepts, create wireframes, and generate pitch-ready visuals without deep design expertise.
UXPin: Advanced UI Design and Prototyping Tool
UXPin is a design tool that bridges the gap between design and code by letting you build prototypes with real React, Storybook, or npm components. Its merge technology means designers work with production components directly, eliminating design-development drift.
v0 by Vercel: React UI Component Generator
v0 converts Figma designs and screenshots into polished React components for Next.js with iterative chat refinement. Essential for UI/UX designers who want to bridge the design-to-code gap, offering production-ready components that maintain design fidelity while integrating seamlessly with development workflows.
Vibecodeapp: AI-Powered App Builder
Vibecodeapp lets you build applications using natural language prompts. Describe what you want, and the AI generates functional code. Great for designers who want to prototype ideas without deep coding knowledge.

Vincent
newLocal-first visual thinking canvas for Apple Silicon Macs, with pressure-sensitive drawing, layers, shapes, text, images, and PSD exchange. Built for rough notes, diagrams, and wireframes.
