Ecommerce Product Editor

Drag the image directly on the canvas to move it, or use touch: drag with one finger, pinch to scale.

Safe area guides moved to their own “Safe Area & Margins” section below, with editable margin and object warnings.

Surface Enhancement is a general local-contrast boost useful for shiny or textured products (plastic, metal, glass, fabric) — it is not material-specific AI; it applies the same enhancement regardless of what the product is made of.

Background replacement:

Zoom in (pinch or the Zoom slider above) for more precise brushing. Undo/Redo apply to brush strokes too. For Clone Stamp and Healing Brush: Alt/Option-click to set a source point, then paint. Non-Aligned mode re-samples from the source point at the start of every new stroke.

Histogram

Image Inspector

Quality Check

Browser-based resampling with a sharpening pass — not neural AI super-resolution. Best for modest size increases.

Estimated export size

Left of the line: original. Right of the line: edited.

Click a row to select it, Shift-click to select multiple. Click the eye to hide/show, the lock icon to prevent edits, and double-click the name to rename. Drag rows to reorder.

Double-click any text on the canvas to edit it. Drag to move, use the handles to resize/rotate.

Browse categories

Marketing by industry

Text style looks

Photos and stock Graphics aren’t included — they require a licensed external content source this environment doesn’t have access to. Everything shown here is real, working content, not placeholders. Recent/Popular/Trending are tracked on this device only — there’s no backend, so nothing is shared across users.

Shapes

Ribbon, Banner, and Custom Border are composite graphic presets rather than simple shapes and aren't included in this phase — combine a rectangle with text for a similar effect.

Icons

Stickers

Badges

Price Tag

Every element in a sticker, badge, or price tag stays fully editable — ungroup it to restyle individual pieces.

Align

Shift-click multiple layers on the canvas (or in the Layers panel, under Layers) to multi-select before aligning. Group/Ungroup controls are in the Layers panel.

Saved brand colors persist in this browser and are available across sessions. Click a swatch to apply it to the selected text, shape, or icon.

Marketplace Preset

Canvas Ratio

Canvas Background

This fills the entire exported canvas — independent of any per-layer background removal in the Background panel.

Product Scale Assistant

Centering

Marketplace Quality Check

Green = recommended safe area for important content. Red = danger zone near the true edge. Any object crossing the safe area is outlined in red as a warning.

Platform Safe Zone

Highlight Elements

Callouts

Feature Labels

Call-to-Action Buttons

Ungroup a CTA button to edit its shape, color, gradient, shadow, border, typography, or add your own icon individually.

Promotional Ribbons

Offer Widgets

The countdown is a static, editable placeholder (00:00:00) — not a live timer. Live countdowns aren’t implemented in this phase.

Trust Elements

Feature Highlight Blocks

All content is static and fully editable — there is no backend or live data. Ungroup any table to edit individual cells, rows, or icons.

Logo / Watermark / Certification

Works for brand logos, watermarks, certification badges, payment icons, or shipping logos — added as a new layer you can position and resize.

QR Code & Barcode

These are visual placeholders only — not scannable codes. Real QR/barcode generation is prepared architecturally but not implemented in this phase.

Saved locally in this browser only — no cloud storage. Reuses your saved Brand Colors and Recent Fonts from earlier panels, plus default shadow/border below.

Selection Tools

Polygon Lasso: click to add each point, double-click to close the shape. Drag to draw Rectangle/Ellipse/Freehand Lasso. Magic Wand: click once to select a connected area of similar color. Quick Select: drag like a brush to select similar-colored areas as you go — a real but simplified technique, not full edge-aware segmentation.

Repair Mask

Reconstruction Quality

Higher quality uses a larger patch size, more search iterations, and more pyramid levels — better results, slower processing.

Object removal now uses a real local PatchMatch-style reconstruction engine (randomized nearest-neighbor search with propagation, run entirely in your browser via a background worker) — not a simple average, and not cloud/AI-based.

Patch Tool

Draw a selection above first, then with Patch Tool enabled, click-drag from a clean area — releasing replaces the selection with the dragged-from texture, color-matched to blend in. (Patch Tool uses the same direct color-correction technique as before; the PatchMatch engine above upgrades Object Remove specifically.)

Each control detects a face automatically (no manual selection needed) and applies only within that region. Requires a visible, reasonably front-facing face in the photo.

Skin

Teeth

Whitening is capped at a natural limit — it will never push teeth to an unrealistic blue-white.

Eyes

Lips

Hair

Hair has no dedicated face-mesh landmark, so this uses an approximate region above the detected face — disclosed as an estimate, not a precise hair mask.

Reuses the same mask already used by the Eraser/Restore brushes — everything here edits that one mask, so brush edits and gradient/selection masks combine naturally.

Gradient Mask

Mask Controls

For advanced users. Normal one-click Remove Object / Healing Brush / Clone Stamp continue working exactly as before — nothing here is required. Opening this panel only matters once you actually change a value below.

Reconstruction Mode

Estimates are calculated from the parameters currently selected below — not measured from an actual run, and not a guarantee.

Repair Presets

For advanced users. All measurements are real (captured with the browser’s own timing APIs) or clearly-labeled heuristics computed from actual pixel data — nothing here is simulated. Stored locally in this browser only; nothing is sent anywhere.

Performance Dashboard

Live Timer (last operation)

Quality Analytics (last reconstruction)

Before / After (Estimate vs. Actual)

Optimization Suggestions

Benchmark Mode

Runs the real reconstruction three times on your current selection to measure consistency. This is genuinely expensive — only use it when you want the numbers, not as part of normal editing.

Quality vs. Speed

Relative comparison based on each mode’s actual configured patch size, iterations, and pyramid depth — not a live measurement of your specific image.

Memory Analytics

Export Analytics

Device Analysis

Visual Warnings

Performance Log

For advanced users. Benchmark Mode (in Performance Analytics) now automatically saves a snapshot before running and restores it afterward — your project is never permanently affected by benchmarking. Everything below is optional and stored locally in this browser only.

Recovery Panel

Save a Snapshot

Captures your full project — layers, canvas, selection, viewport, brush settings, and current tool — so you can safely experiment and return to this exact point.

Saved Snapshots

Auto Save

This is in addition to the existing automatic session-recovery save, which already protects against accidental tab closes.

Version History