Handle crowded interfaces
When controls touch or shadows overlap, manual selection gives you an explicit crop instead of forcing an unreliable automatic split.
Design Screenshot to Assets
Extract reusable icons from a design screenshot
Upload a design screenshot and automatically detect multiple icons, or draw precise boxes around the assets you need. Repair and smooth each result, then export separate PNG, WebP, or scalable SVG files at the required sizes.
Choose automatic detection or an exact selection
Automatic detectionBest when icons are visually separated and the screenshot background is consistent.
Review the queueOpen any detected icon for Repair without changing which results are selected for export.
Manual selection when neededDraw an exact region for crowded layouts, touching artwork, or missed components.
The complete screenshot-to-asset workflow
1Upload the screenshotUse PNG, JPG, or WebP exports from a design tool, presentation, or product mockup.
2Detect multiple iconsAutomatically find separate assets, then add or correct regions manually.
3Repair each resultRemove the screenshot background, preserve holes, and smooth only where needed.
4Export production filesChoose PNG, WebP, or SVG with Output size, Padding, and 1x/2x/3x variants.
Inspect transparency against real backgrounds
Use white, black, gray, and checkerboard previews to reveal residual screenshot colors around the edge.
Standardize the exported set
Use one base Output size and transparent Padding so icons from different screenshot regions share a consistent delivery box.
What should you export?
Keep exact repaired pixels
Best for UI handoff and workflows that require broad transparent-raster compatibility.
Deliver smaller web assets
Uses the same repaired raster appearance as PNG in a compact modern format.
Rebuild scalable geometry
Choose SVG for editable paths and scaling; detailed screenshot effects may be approximated.