- Qt Creator Manual
- Prototyping
- Qt Creator Manual 6.0.0-beta1

UI Files ◦ Creating UI Logic

# Prototyping

| After your UI wireframe has been approved, you can turn it into an interactive prototype to ensure that you and the developers share a common vision about the UI appearance and functionality. You can create the UI logic to simulate complex experiences and add dynamic behavior. You can then validate your design on desktop, embedded, and mobile device platforms. In the prototyping phase, you can also import assets from 2D and 3D content creation tools to bring your prototype closer to the final UI.

- Creating UI Logic

  You can turn your wireframe into an interactive prototype by adding the logic that enables your components to apply actions or react to mock data from backend systems to simulate complex experiences.

- Simulating Complex Experiences

  You can connect UIs to different forms of data from various sources, such as QML-based data models, JavaScript files, and backend services.

- Dynamic Behaviors

  You can create connections between components to enable them to communicate with each other. The connections can be triggered by changes in component property values or in UI states.

- Exporting 3D Assets

  You can export assets from 3D graphics applications into several widely-used formats, such as .blend, .dae, .fbx, .glb, .gltf, .obj, .uia, or .uip.

- Importing 3D Assets

  You can import exported assets into Qt Creator. For a list of formats supported by each Qt Quick 3D version, see the module documentation.

- Exporting Components

  You can export components contained in UI files (.ui.qml) to JSON metadata format and PNG assets.

UI Files ◦ Creating UI Logic