Direct text editing
Double-click a text layer to place a real caret, type at the insertion point and format selected characters.
Browser editor
Make every screenshot yours
without opening a design file.
The AppScreenDesign editor keeps the canvas, layers and contextual controls together. Double-click text to type, format selected words and adjust the selected layer without page reloads.
Free during early access · No card required
A real product walkthrough
See the editor in action.
Recorded product demonstration. The current inspector has continued to improve since this recording.
Practical walkthrough
A practical finishing pass in the editor.
Use the canvas for visual decisions and the inspector for precise values. Save time by fixing the repeated visual rule before adjusting every panel independently.
Select, then edit
Click once to select a layer. Double-click text to place the caret and type. Select only the characters you want before applying bold, color or highlighting.
Adjust the correct boundary
Use edge handles for a text box’s width and height, and corners to scale the object. Inspect wrapping after changing a font size or translation.
Check history and the final render
Use undo when trying another direction. After image replacement, template changes or 3D edits, inspect the final preview for missing inputs before downloading.
Contextual controls
Select a screen, device, text, image or shape and see controls for that layer instead of a crowded generic panel.
Undoable changes
Template changes, backgrounds, object edits and screen design resets stay in project history.
A visual editor for real screenshots
Upload your captures, select a template and work directly on the result. Crop images on the canvas, add objects deliberately and keep the layer order visible.
Built for careful finishing
Use the editor for the details an automated first pass cannot judge: line breaks, caption length, contrast, safe spacing and the visual rhythm between screens.
Questions
Before you start.
Do I need to be a designer?
No. Start with your real app screenshots, choose a composition, then change copy, colors, device frames and artwork in the browser editor.
Can I use my own screenshots?
Yes. Upload the original PNG or JPEG captures. Your screenshots replace the illustrative content in a template while the layout stays editable.
Can an AI agent edit the project?
Yes. Connect a compatible MCP client after sign in. Your agent can create projects, edit scenes, preview results and export them. Attachment uploads require a client that can provide a supported file reference.
You built the app.
Give it an introduction.
Start with a composition. Keep every detail editable.