Use Presets to create multiple groups of devices with different align modes, device configurations, and locales, etc. You can save your current workspace and its properties such as:

  • Active devices
  • Zoom levels
  • Screen Orientation
  • Align modes
  • Device Configuration such as frame color, device edges, and the spacing between devices.
  • Device Header
  • Simulations such as network speed, color scheme, and locale.

For example, you can have one preset each for:

  • Multiple smartphones, each simulating a different connection speed and screen orientation.
  • Devices set to different languages for testing localization support.

  • A collection of smartphones, laptops, and tablets in dark mode and the same devices in light mode.
  • Differences between JavaScript enabled and disabled.

To use this feature, let's begin with creating a preset.