Other Tools
Image Layer Composer
Upload a background and multiple layers, preview app interface compositions locally, adjust position, size, order, opacity and rotation, then export PNG.
Start with an app screenshot, background image or base canvas
Select multiple PNG, WebP or JPEG images at once
Useful Workflows
Interface concept preview
Quickly stack app backgrounds, cards, buttons, stickers or device frames to judge the overall look.
Asset order comparison
Use layer ordering and opacity to compare how assets cover each other.
Local quick export
All processing happens in the browser. Export PNG for discussion, annotation or continued design.
Image Layer Composer Overview
The image layer composer stacks a background image with multiple transparent layers so you can preview app interfaces, poster assets or visual concepts. All processing happens locally in your browser.
How to Use
- Upload a background image, such as an app screenshot, device frame or base design.
- Add one or more layer images, such as buttons, cards, stickers, logos or masks.
- Drag layers in the preview area, or adjust width, position, opacity, rotation and order in the side panel.
- Export PNG to get the composed preview image.
Common Use Cases
- Quickly arrange assets while designing an app interface.
- Compare layer order and visual hierarchy.
- Create simple product images, cover images or presentation visuals.
- Validate composition before moving into a full design tool.
Tips
Use PNG or WebP for transparent assets. The background image determines the final export size, so choose a background close to your target device or canvas ratio.