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.

© 2021 The Qt Company Ltd. Documentation contributions included herein are the copyrights of their respective owners. The documentation provided herein is licensed under the terms of the GNU Free Documentation License version 1.3 as published by the Free Software Foundation. Qt and respective logos are trademarks of The Qt Company Ltd in Finland and/or other countries worldwide. All other trademarks are property of their respective owners.