Logo
NeoArc Studio

Getting Started with UI Projections

Learn what UI projections are, how to create one within a projection, and how to use the grid editor to lay out screens bound to your data model.

UI projections let you design wireframe-style screens that are directly bound to your data model through a projection. Instead of drawing static mockups, you build model-projected interfaces where every field on screen traces back to a real entity property. This gives you end-to-end lineage from your canonical model, through a projection, and into the user interface.

Why Use UI Projections

Model-Driven Design
Every screen field is bound to a projection property, keeping the UI in sync with your data model
Full Lineage
Trace any UI element back through the projection to the canonical model entity
Rapid Prototyping
Lay out screens quickly using the grid editor with automatic control type inference

Creating a UI Projection

UI projections live inside a projection. Each projection can have one UI view containing multiple pages.

The Grid Editor

The grid editor provides a visual canvas for placing UI controls. Controls snap to a grid for consistent alignment. You can:

Next Steps

Binding Fields
Learn how to bind controls to model properties using dot-notation paths
Learn more →
Control Type Inference
Understand how NeoArc chooses the right control for each data shape
Learn more →