Qt Design Studio Manual

Define the look and feel of the UI from wireframe to final implementation with preset UI components. Import UI design files from 2D and 3D tools to Qt Design Studio, which can turn them into code for developers. Qt Design Studio prototyping features bring your designs to life and simulate and validate interactions and dynamic behavior. You can test, preview, and fine-tune your designs to pixel-perfection live on the desktop or target device.

All Topics

Getting Started Exporting from Design Tools User Interface Design Views Tutorials Qt Quick Best Practices	Managing Projects Creating Projects Using Git Importing Designs Converting UI Projects to Applications Exporting QML	Creating UIs Designing Application Flows Creating Components Specifying Component Properties Positioning Items Annotating Designs	Adding Dynamics Creating Animations Adding Connections Adding States

Editing 3D Scenes Editing 3D Assets in Design Mode Working in 3D Editor Adding 3D Views Using 3D Components	Previewing Previewing on Desktop Previewing on Devices Previewing in Browsers	Advanced Topics Supported Platforms Keyboard Shortcuts Coding Simulating Data Input Debugging and Profiling	Help Examples and Tutorials Using the Help Mode Frequently Asked Questions Concepts and Terms
Note: To report bugs and suggestions to the Qt Project Bug Tracker, select Help > Report Bug. To copy and paste detailed information about your system to the bug report, select Help > System Information. For credits and a list of third-party libraries, see Acknowledgements.

Getting Started

Available under certain Qt licenses.
Find out more.

Qt Documentation Snapshots

Qt Design Studio Manual