Vercel's Pranati Perry explains that tools like V0 occupy a new space between static design (Figma) and development. They enable designers and PMs to create interactive prototypes that better communicate intent, supplement PRDs, and explore dynamic states without requiring full engineering resources.

Many product teams lack dedicated UX designers, creating a 'design gap' that blocks pre-development prototyping. Vibe coding tools empower PMs to quickly generate interactive, testable prototypes, ensuring ideas are validated with users before engineering begins.

AI makes iterating in code as inexpensive as sketching in design tools. This allows teams to skip low-fidelity wireframes and start with functional prototypes, blowing up traditional, linear development processes and reinventing workflows daily.

AI coding agents enable "vibe coding," where non-engineers like designers can build functional prototypes without deep technical expertise. This accelerates iteration by allowing designers to translate ideas directly into interactive surfaces for testing.

Notion created a shared Next.js app where each designer has a namespace. This centralizes prototypes, making it easy to see others' work, share code, and use shared Notion-style components. This visibility and code reuse significantly speeds up the design and prototyping process for the entire team.

Instead of creating static mockups in Figma, Cursor's design team prototypes directly in their AI code editor. This allows them to interact with the "life states of the app" and get a more realistic feel for the product, bridging the gap between design and engineering.

The current model of separate design files and codebases is inefficient. Future tools will enable designers to directly manipulate production code through a visual canvas, eliminating the handoff process and creating a single, shared source of truth for the entire team.

At OpenAI, the development cycle is accelerated by a practice called "vibe coding." Designers and PMs build functional prototypes directly with AI tools like Codex. This visual, interactive method is often faster and more effective for communicating ideas than writing traditional product specifications.

Instead of writing specs, use AI to ingest an existing website and generate a functional prototype of a proposed redesign. This creates a "visual bridge" that more effectively communicates a vision from non-technical teams (like education) to design and engineering, reducing misinterpretation.