Documentation

Controls

File

Manage your designs with save and load functionality:

  • Save your current design to your account, available if you are logged in
  • Start a new design
  • Open a previously saved design from your account or from your computer
  • Download your current design as a .json file

Canvas Controls

Canvas controls help you navigate and manipulate your design workspace.

Available Controls:

  • Canvas Background:
    • Use the arrow buttons to scroll between preset background options
    • Clicking on the background name will set an empty background
  • Grid Controls:
    • Toggle grid visibility
    • Adjust grid size and spacing
  • Safe Zone:
    • Toggle to enforce safe zone
  • Zoom Controls:
    • Use the zoom slider to adjust canvas zoom level
    • Click "Reset" to return to a zoom level that fits the screen
  • Layer Controls:
    • View all elements in a hierarchical structure
    • Select individual elements
    • Lock/unlock elements to prevent changes
DCL UI Design Studio