Photo Studio
A special mode for taking screenshots and recording videos of multiple devices with fancy custom backgrounds, device configs, and zoom levels. It also replaces the default app UI and puts screenshot- and video capture-specific features front and center.
Photo Studio uses Float Mode, which lets you drag and drop devices wherever you want in the workspace.
Screenshotting all devices in default mode takes individual screenshots of each device—this results in a different file for every device. In contrast, taking screenshots in Photo Studio is meant to capture the entire workspace—all the devices and custom background included.
Click the Photo Studio icon (hotkey p) in the app toolbar to access this mode.
Here's a rundown of all the Photo Studio features that you can use with screenshots and videos.
Photo Studio's background options include colors, gradients, and images. To open the custom background dropdown menu, click the 💧 Background icon in the toolbar.
Here's what each tab in the menu does.
Choose a solid color as the background. You can use a color map, hex values, individual RGB values, and set transparency.
Overlay and Shift Color sliders
These two sliders are used as a complement to other background modes and are not exclusive to Color mode. To learn more about them, see the "Other background options" section below.
Use one of the several preloaded gradients as a background.
Use one of the preloaded images with a custom blur value, or add yours with the ➕ button. Currently, only URLs can be used—no locally stored images.
The Black/white Overlay and Shift Color options are common to all background types.
Black/white Overlay
Set a black or white overlay on the background and its intensity. If you don't want an overlay, drag the slider to the extreme left.
Shift Color
If you like the background type or pattern but aren't a fan of the color, you can modify the color values using this slider. Works best with the Gradient and Image background types.
This section includes options for hiding the browser's UI and device frames, which header icons to display, and more. For a detailed explanation of each setting, see Device Configuration.
Create and add a custom device to Photo Studio by clicking the ➕ Add Device icon.
A dedicated section in the toolbar to set custom zoom levels for devices. For a detailed explanation of what the controls do, see Zoom Levels.
Use the 📷 Take photo button to take a screenshot of all the devices in view with the custom background and other settings that you chose.
Record videos and GIFs with the custom background and other settings that you chose. See the dedicated article Video and GIF Recording to learn about all the available options and settings.