Direct Edits
Manually tweak text, swap images, and adjust details right inside Stitch.
What are Direct Edits?
Direct Edits let you manually modify designs without going through the AI prompt. You can change text content, swap images, adjust colors, move elements, and fine-tune details directly on the canvas. This gives you pixel-level control over the final output while still leveraging AI for the heavy lifting of initial generation.
How to Use Direct Edits
Click on any element in your design to select it. A toolbar will appear with editing options. For text, double-click to enter edit mode and type your changes. For images, right-click to swap or upload a new one. You can also adjust padding, sizing, and other properties through the editing panel. All changes are non-destructive — you can always undo or branch to preserve the original.
When to Use Direct Edits vs. Prompts
Use direct edits for small, precise changes: fixing a typo, updating a phone number, swapping a placeholder image with a real one, or adjusting spacing. Use AI prompts for larger structural changes: rearranging sections, adding new components, or changing the overall style. The most efficient workflow combines both — generate with AI, then fine-tune with direct edits.
Tips & Best Practices
- 1Use direct edits for final polish after AI generation.
- 2Replace placeholder text with real content to test how the design handles it.
- 3Swap placeholder images with actual product photos for realistic previews.
- 4Adjust spacing and alignment for pixel-perfect results.
- 5Combine direct edits with the Design Agent for complex refinements.