UI Projection Editor
Grid-based screen composer for model-projected wireframes with data binding
You are editing a UI view. The UI view is a grid-based screen composer that lets you design wireframes bound to projection entities. Drag entity fields onto the canvas to create data-bound UI controls.
Key actions
| Action | How to |
|---|---|
| Add fields | Drag entity fields from the data picker panel onto the grid |
| Arrange controls | Drag controls to reposition them. Resize by dragging cell edges |
| Change control type | Select a control and use the properties panel to choose a different control type |
| Add pages | Use the page tabs to create multi-page screen flows within a single UI view |
| API annotations | Annotate controls with API binding metadata for integration documentation |
| Save | Press Ctrl+S to save changes |