New
- Visual Editing Mode - Click the "Visual edits" button in the preview toolbar to enter visual editing mode. Hover over any element to see it highlighted, then click to select it. Make changes directly in the properties panel or edit text inline by clicking on it.
- Inline Text Editing - Double-click any text element in the preview to edit it directly. Your changes are tracked and can be applied to your code with a single click.
- Properties Panel - Adjust colors, typography, spacing, borders, and effects for any selected element. Changes preview instantly in real-time.
- Batch Changes - Make multiple visual edits across different elements, then apply them all at once. The AI knows exactly which file and line each change belongs to.
- Ask AI from Preview - Select any element and type a request in the popup to ask AI to modify it. Perfect for quick tweaks like "make this button bigger" or "change the color scheme".