8 min read
iPhone Duo, 11 New Devices, and Editing Right on the Canvas
Dan DeaconuCEO & Designer, AppMockUp
- Product Update
- New Devices
AppMockUp Studio gains eleven new devices: the foldable iPhone Duo in all three of its poses, the iPhone 18 Pro pair, and Google's whole Pixel 10 line.
The other half of this update is about hands on the canvas. Layers, stickies and highlights can now be moved, resized, rotated and rounded by dragging them, and menus and shortcuts finally act on the thing you selected.
Eleven new devices
Each comes with its frame and preview artwork, ready in the device picker.
iPhone Duo in three states: closed on its outer display, open in portrait, and open in landscape.
iPhone 18 Pro and iPhone 18 Pro Max.
Pixel 10, 10 Pro, 10 Pro XL and 10a, Google's 2026 line.
Pixel 10 Pro Fold, both the closed cover screen and the open inner display.
The picker itself gained an iPhone Duo size category and a Recommended sort order, now the default, which leads with the newest hardware. Thumbnails no longer stretch landscape foldables.
Closed foldables, the Pixel Fold's cover screen and the closed iPhone Duo, round only their outer screen corners, matching how the real hardware meets its hinge.
A store preview built for the iPhone Duo
As far as the app was concerned the Duo was a phone, so all three of its poses borrowed the iPhone's App Store page, a layout made for a tall 430-point screen. The Duo's outer display is far squatter than that and its open display is wider than it is tall, so the page spilled off its own screen. Each pose now has a page built for it.
Outer display, and open in landscape
The clock, the back button and the tab bar run down the right edge, the way iOS does on this device, leaving the full height of the screen for content.
Open in portrait
The familiar bar across the top and the floating tab bar at the foot: the one pose where iOS keeps them.
Screenshots at their real size
Screenshots are laid out at the size the pose actually gives them, so a landscape set is shown as a landscape set rather than squeezed into a column. The preview exports like every other device's.
Edit on the canvas instead of in the panel
Select a layer, a sticky or a highlight and it gains handles. What used to be numbers typed into the properties panel is now a drag.
Drag the middle to move it.
Drag an edge handle to resize. Icons and images resize in pixels, text layers by width only, devices and highlights by scale.
Drag just outside a corner to rotate, with the angle shown at the centre while you turn it.
Drag a corner handle to round the corners, with the radius shown beside the handle. These appear where rounding is visible: on icons and images, on highlights and stickies, and on a device with its frame hidden.
Modifier keys refine a drag
Shift keeps a move on one axis, snaps rotation to 15° steps, locks the aspect ratio while resizing and steps the radius in tens. Alt rounds a single corner instead of all four.
Hold Ctrl/Cmd to change one device only
All of it works on an instance screenshot as well. Hold Ctrl/Cmd while dragging and the change is saved as an override for that device rather than to the main screenshot.
Drag to reorder
Layers that stack vertically can be reordered without going to the Layers panel. Drag one and it follows the cursor as a translucent copy, leaving a dashed outline in the slot it came from. Cross a neighbour's midpoint and the whole stack rearranges to show exactly where it will land.
Stickies and highlights are selectable
Clicking a sticky or a highlight on the canvas now selects that element, not the device layer it happens to sit on. It gets a solid outline, hover stays dashed, and the properties panel shows that element's own position, scale, rotation, radius, stroke, shadow, image fill and effects, so only one thing is being edited at a time.
This works for stickies on devices, device groups, hand devices and text layers. Stickies on titles, subtitles and captions were drawn before, but could not be clicked.
A different place on every device
Select a sticky or highlight on an instance screenshot and the same panel opens, except edits are saved for that device only. A sticky can sit in one place on the iPhone screenshots and somewhere else on the iPad ones. Instance layer rows now carry a small orange dot when the layer holds any override, so it is obvious which layers were customised for a device.
A rebuilt highlight crop editor
The editor that crops a highlight out of a screen capture was a 3D scene with nothing but a draggable rectangle. It is now a flat 2D editor with the tools the job needs.
Alt + click selects a region for you
Click a button, a card or a panel in the screen capture and the crop snaps to its bounds. Hold shift as well to add the region to the crop you have. Two settings tune it: tolerance, for how closely colours have to match, and padding, for breathing room around what it found.
Eight handles and exact numbers
Four corners and four edges; shift keeps the aspect ratio and alt resizes around the centre. A numeric panel shows the crop's exact position and size and the image's offset, each with a reset button.
A pixel grid when you need one
Zoom in far enough and a pixel grid appears, with the image drawn unsmoothed so edges stay crisp. Pan with the spacebar or the middle mouse button, zoom with Ctrl/Cmd + scroll or a pinch.
The editor opens straight from the canvas: right-click a highlight and pick Edit Crop. Do it on an instance screenshot and the new crop is saved for that device only.
Previews that fill in as they render
Both full quality previews, one screenshot or every screenshot for a device, were 3D scenes that showed a spinner until the last image was ready. They are now flat, fullscreen canvases with a floating top bar.
- The device preview fills in as it goes. Each screenshot appears in its slot the moment it finishes, with a shimmering placeholder for those still to come and a count of how far along it is.
- The view opens fitted to what it holds, so a row of ten screenshots is framed as a row.
- The same pan, zoom and pixel grid as the crop editor.
Font favourites and filters
Picking a font meant scrolling one long alphabetical list, or searching it. The panel now narrows it down.
- Favourites. Star any font from its row, then switch the list to Favourites. They are remembered in the browser, so they follow you across projects.
- Filter by category: sans serif, serif, display, handwriting or monospace.
- Order by most weights, to find the families that give you the most to work with.
- Every row is set in its own font, loaded as you scroll, so the list appears sooner and the names stay crisp.
A clearer Export tab
Export is now three parts instead of a list of checkboxes.
- What gets exported: every device with its screenshot count and pixel size, plus an All toggle.
- Where it goes: the format, PNG, JPEG or WebP, and quality for the selected devices, and the name of the ZIP your browser will save.
- Output preview: the exact folders and filenames the archive will contain, with a running file count.
Export the store preview, too
The Preview tab gained an Export section. It renders the current App Store or Play Store preview, every page at full resolution, and either downloads it as a WebP or copies it to the clipboard as a PNG, ready to paste into a deck or a chat.
Hands that fit the device
Hand compositions used to be scaled from the device's frame in pixels, which made every phone look held by the same size of hand. Hand size now comes from each device's real body width in millimetres, so a compact phone sits in a proportionally larger hand and a big flagship in a smaller one.
Fingers are drawn only where they could actually wrap around the device, which keeps them off tablets and wide foldables, and tablets are held along the side rather than by the bottom corner.
Templates now $9.97
The editor stays free. Premium templates, for those who want a head start, cost less than they did.
- Templates are now $9.97, down from $14.97.
- Three new templates: Social networking, Anxiety and Minimalistic AI chat.
- Checkout moved from Buy Me a Coffee to Stripe.
For a limited time, the code APPLE takes 50% off in the template store.
Fixes worth knowing about
- Dropping a .mockup file to load a project now works whatever file type the browser or operating system reports for it.
- Keyboard shortcuts no longer fire through open dialogs. With the crop editor, a preview or the device picker open, delete used to remove the layer selected behind it.
- Stickies and highlights on a bundle of devices no longer share one selection, which could save an edit against the wrong device.
- Rotated layers keep their whole selection: corner radius handles on a rotated device, and the individual phones inside a rotated device group.
- Resizing or rotating a layer on an instance starts from that device's own size and angle rather than jumping back to the main screenshot's.
All of it is live in AppMockUp Studio, free and without an account. Add an iPhone Duo to your project, grab a layer and drag.
No account required.
It's fast & free.