LayerzLAYERZ
Documentation

Basic Interface Navigation

Guide to Layerz App Designer interface components

2 min read

붙여넣은_이미지_2025__7__18__오후_7_24.png붙여넣은_이미지_2025__7__18__오후_7_24.png
  1. Browse the Project.
  2. Access the UI Library and Components. Select the desired UI element from here and place it on the Scene using Drag and Drop.
  3. Create a new Scene or a new Component.
  4. All Scenes and all Custom Components are displayed here. You can select the desired Scene or Custom Component here and then edit it.
  5. Shows the Layer structure of the selected Scene or Custom Component in a tree format. You can see the overall design structure and quickly access the desired UI element.
  6. Miscellaneous features are collected here.
    1. Device Selection
      1. You can change the Scene size to your desired device. Select from iPhone, iPad, Landscape, or Portrait menus.
    2. Other Menu
      1. You can set the currently viewed Scene as the start Scene. The start Scene refers to the screen that appears when the App launches.
      2. Preview the currently viewed Scene.
    3. List Drop Mode (A menu used only for List editing.)
      1. Add: Elements dropped into a List are added as List Cells.
      2. Edit: Elements dropped into a List are added to an existing Cell, or can be placed in a Section Header/Footer.
    4. Displays the Scale of the current editor view.
  7. Displays the properties of the selected UI element. Design by editing position, size, color, and other properties.