v0 Launches Design Mode with Visual Editing and Layer Management.

v0 has launched Design Mode, a new feature that combines AI agent capabilities with the precision of traditional design tools. The update introduces visual editing directly in the preview window, a layer hierarchy panel, and annotation-based collaboration, marking v0's most significant interface update since adding Claude Opus 4.8 to its model lineup.

The company announced the feature on LinkedIn, positioning it as a solution for developers who want AI speed without sacrificing fine-grained control over spacing, typography, and component structure. Design Mode ships as part of v0's June 2026 changelog update.

Design Mode adds a floating toolbar that appears when you select any element in the preview. Users can adjust spacing and flex gaps with drag handles, reorder components by dragging them to new positions, and delete elements with a keyboard shortcut. The interface borrows from tools like Figma and Framer, but integrates directly into v0's code generation workflow.

The side panels expand on this with a Layers view that displays the full component hierarchy and a Properties panel for adjusting fonts, colors, border radius, and shadows. An Inspector panel surfaces metadata like links and element IDs. According to the changelog, the design systems library has also been rebuilt with a new layout, improving output quality when working from established design patterns.

Design Mode includes an annotation system that lets users click elements in the preview, leave comments, and send all annotations to the AI as a single prompt. This workflow targets teams where non-technical stakeholders review generated interfaces and request changes. Instead of writing text descriptions of layout tweaks, users can mark up the preview and submit batched edits.

The feature complements v0's recent collaboration updates. Following its Figma integration improvements, which increased design import fidelity, Design Mode gives users a way to iterate on generated code without leaving v0's interface or switching to external design tools.

Alongside Design Mode, v0's June changelog includes infrastructure updates. New apps requiring a database and authentication now scaffold with Neon, Drizzle, and Better Auth by default. The update also introduces a Cmd+K command palette for navigating chats, projects, and actions, and v0 now signs commits pushed to GitHub, allowing repositories that require signed commits to accept them.

The Snowflake integration, previously announced, has moved to public preview, and v0 can now write SQL queries in DB Studio by describing the desired output. Long agent runs continue automatically instead of timing out, and v0 accepts .tgz files as attachments.

Design Mode is available now to all v0 users across the Mini, Pro, Max, and Max Fast model tiers. The feature is part of v0's core interface and does not require a separate subscription. Team plan members can also set custom instructions as of this update.