Bolt: Visual Edits
BoltBolt introduced Visual Edits, a click-and-change editing layer that lets users select any element in their app's live preview and adjust it directly, without writing a prompt. Changes such as font size, text styling, links, inline copy, and colors can be queued up and batched into a single AI request rather than triggered one at a time, cutting down on token usage and back-and-forth. The feature is built on Bolt's existing Select tool and is available to all users, including those on the free tier. It currently covers text and styling changes only; layout rearrangement and simultaneous multi-element edits are not yet supported.
Key Takeaways
- Click-to-edit replaces prompting for small changes, letting users adjust text, colors, and styling directly on the live preview instead of writing a prompt for every tweak.
- Edits batch into a single AI request, with Bolt queuing multiple changes and applying them together rather than processing each one immediately, reducing token usage.
- Built on the existing Select tool, so Visual Edits extends a feature users already know rather than introducing an entirely new interface to learn.
- Free tier gets full access, making Visual Edits available to every Bolt.new user rather than gating it behind a paid plan.
- Color picker reads the app's existing palette, auto-suggesting colors already in use to help keep edits consistent with the current design.
- Scope is limited to text and styling for now, with layout rearrangement and simultaneous multi-element edits explicitly called out as not yet supported.
Visual Edits: Click-and-Change App Editing
Bolt introduced Visual Edits, a new editing layer built directly into Bolt.new's live app preview. Rather than describing a change in a prompt and waiting for the AI agent to rebuild it, users can now click an element on the page and change it right there, similar to using a design tool's inspector panel.
The feature was built around a common pain point Bolt called out directly: a client wants the headline bigger, the call-to-action recolored to match their brand, and the subheading rewritten. That used to mean three separate prompts, three build waits, and three rounds of re-checking. Visual Edits collapses that cycle into a single interaction.
How It Works
Visual Edits extends Bolt's existing Select tool. Once an element is selected in the preview, a contextual toolbar appears offering font size controls, text styling options, link management, and inline copy editing. For color changes, the picker automatically detects and suggests colors already used elsewhere in the rendered app, helping users stay consistent with the existing design system rather than introducing off-palette values.
Batched Changes, Fewer Tokens
Rather than sending each click straight to the AI model, Visual Edits stacks changes into a running list. Users can keep adjusting, discard a change, or revise a selection before anything is applied. Once satisfied, all queued edits are sent to Bolt's AI agent together in a single request. This batching approach is designed to reduce token consumption compared to firing off a separate prompt for every small tweak, while also cutting down the number of build-and-wait cycles a user has to sit through.
Availability and Current Scope
Visual Edits is available to every Bolt.new user, on both the free and paid tiers, marking it as a broadly accessible quality-of-life feature rather than a premium add-on. In its initial release, the feature is scoped to text and styling adjustments: font sizing, text formatting, link edits, inline copy, and color changes. Layout rearrangement and editing multiple elements at once are not yet supported, though they represent likely directions for future expansion.
Why It Matters
Bolt positioned Visual Edits as particularly useful for revision-heavy workflows, such as agencies or freelancers iterating on client feedback, or live sessions where a stakeholder watches changes happen in real time. By letting minor styling and copy tweaks happen through direct manipulation instead of natural-language prompting, Bolt is narrowing the gap between traditional visual page builders and prompt-driven AI app generation, giving users a faster path for the kind of small, precise adjustments that are often the most tedious to describe in words.