Documentation

Welcome to the DCL UI Design Studio documentation. Here you will find comprehensive guides and documentation to help you start working with our UI design tool quickly and easily.

Components

Learn about the core building blocks of your UI:

  • Containers - Organize and group UI elements
  • Labels - Display text and images
  • Buttons - Create interactive elements
  • Input Fields - Capture user input

Templates

Explore our pre-built UI layouts and learn how to:

  • Use preset designs as starting points
  • Customize templates to match your needs
  • Save time with ready-to-use layouts

Controls

Master the workspace controls:

  • File management - Save, load, and export designs
  • Canvas controls - Grid, zoom, and background options
  • Safe zone toggle for DCL compatibility
  • Layer management and element organization

UI Editor

Customize every aspect of your UI elements:

  • Position and size adjustments
  • Color and styling options
  • Layout and alignment tools
  • Interactive behaviors and click actions
  • Container-specific properties

UI Code

Generate and customize code for your designs:

  • View generated code
  • Copy code directly to your project
DCL UI Design Studio