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