diff --git a/doc/qtdesignstudio/src/qtdesignstudio.qdoc b/doc/qtdesignstudio/src/qtdesignstudio.qdoc
index b4bbf9a0e78..e90e733c631 100644
--- a/doc/qtdesignstudio/src/qtdesignstudio.qdoc
+++ b/doc/qtdesignstudio/src/qtdesignstudio.qdoc
@@ -1,104 +1,98 @@
-// Copyright (C) 2021 The Qt Company Ltd.
+// Copyright (C) 2024 The Qt Company Ltd.
// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR GFDL-1.3-no-invariants-only
/*!
\page index.html
\nextpage studio-getting-started.html
- \title Qt Design Studio Manual
+ \keyword {Qt Design Studio Manual}
+ \title Qt Design Studio Documentation
- 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
- \QDS, which can turn them into code for developers. \QDS 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.
+ \raw HTML
+
+ \endraw
- View \l{All Topics}{all topics} or select a topic from below.
+ \div {class="main-navigation"}
+ \table borderless 100%
+ \row
+ \li \inlineimage icons/installation.png
+ \li \inlineimage icons/getting-started.png
+ \li \inlineimage icons/tutorials.png
+ \row
+ \li \b {INSTALLATION}
- \table
- \row
- \li \inlineimage qds-front-gs.png
- \li \inlineimage qds-front-ui.png
- \li \inlineimage qds-studio-3d-scenes.png
- \li \inlineimage qds-studio-animation.png
- \row
- \li \b {\l{Getting Started}}
- \list
- \li \l{Installing \QDS}
- \li \l{Tutorials}
- \li \l{User Interface}
- \li \l{Creating Projects}
- \li \l{Use Cases}
- \li \l{Concepts and Terms}
- \li \l{Best Practices}
- \li \l{Examples}
- \endlist
- \li \b {\l{Wireframing}}
- \list
- \li \l{Designing Application Flows}
- \li \l{Using Components}
- \li \l{Specifying Component Properties}
- \li \l{Scalable Layouts}
- \li \l{Annotating Designs}
- \endlist
- \li \b {\l{Prototyping}}
- \list
- \li \l{Creating UI Logic}
- \li \l{Effects}
- \li \l{Simulating Complex Experiences}
- \li \l{Dynamic Behaviors}
- \li \l{Validating with Target Hardware}
- \li \l{Asset Creation with Other Tools}
- \endlist
- \li \b {\l{Motion Design}}
- \list
- \li \l{Introduction to Animation Techniques}
- \li \l{Creating Timeline Animations}
- \li \l{Editing Easing Curves}
- \li \l{Production Quality}
- \li \l{Optimizing Designs}
- \endlist
- \row
- \li \inlineimage qds-front-preview.png
- \li \inlineimage qds-front-advanced.png
- \li \inlineimage qds-front-projects.png
- \li \inlineimage qds-front-help.png
- \row
- \li \b {\l{Implementing Applications}}
- \list
- \li \l{Designer-Developer Workflow}
- \li \l{Code}{Coding}
- \li \l{Debugging and Profiling}
- \endlist
- \li \b {\l{Advanced Designer Topics}}
- \list
- \li \l{UI Files}
- \li \l {Manage Data Collection}
- \li \l{Packaging Applications}
- \endlist
- \li \b {\l{Developer Topics}}
- \list
- \li \l{Using Git}
- \li \l{Converting Qt 5 Projects into Qt 6 Projects}
- \li \l{Converting UI Projects to Applications}
- \li \l{Use external tools}{Using External Tools}
- \li \l{\QDS on MCUs}
- \endlist
- \li \b {\l Help}
- \list
- \li \l{Get help}{Getting Help}
- \li \l{Supported Platforms}
- \endlist
- \row
- \li {4,1} \note To report bugs and suggestions to the
- \l{https://bugreports.qt.io/}{Qt Project Bug Tracker},
- select \uicontrol {Help > Report Bug} in \QDS.
- To copy and paste detailed information about your system to the
- bug report, select \uicontrol Help >
- \uicontrol {System Information}.
+ \QDS is available with \e commercial, \e evaluation, and \e educational licenses
+ on Windows, \macOs, and Linux.
- For credits and a list of third-party libraries, see
- \l {Acknowledgements}.
+ \l {Installing \QDS}
+ \li \b {GETTING STARTED}
+
+ Learn about the \QDS features, UI and how to get started with
+ your first project.
+
+ \l{Getting Started}
+ \li \b {TUTORIALS}
+
+ Follow the tutorials to learn how to create \QDS applications.
+
+ \l{Tutorials}
\endtable
+ \enddiv
+
+ \section1 About
+
+ \QDS transforms your designs into a fully functional user interface. It's no longer a
+ click-through mockup. Test, preview, and fine-tune your designs to pixel-perfection,
+ live on target devices.
+
+ A single unified framework, one common language, fewer feedback loops, and faster iterations,
+ \QDS closes the gap between designers and developers.
+
+ \b {LEARN MORE}
+
+ \raw HTML
+
+ \endraw
+
+ \div {class="link-list"}
+ \table 100%
+ \row
+ \li \inlineimage icons/demo-32x32.png
+ \li \inlineimage icons/build-32x32.png
+ \li \inlineimage icons/settings-32x32.png
+ \row
+ \li Key Concepts
+ \list
+ \li \l{Introduction to Animation Techniques}{Animation Techniques}
+ \li \l{Asset Creation with Other Tools}{Creating Assets with Other Tools}
+ \li \l{Creating UI Logic}
+ \li \l{Using Components}{Components}
+ \li \l{Designer-Developer Workflow}
+ \li \l{Qt Design Studio on MCUs}
+ \endlist
+ \li Best Practices
+ \list
+ \li \l{Converting Qt 5 Projects into Qt 6 Projects}
+ \li \l{Converting UI Projects to Applications}
+ \li \l{Creating Glow and Bloom Effects}
+ \li \l{Creating Optimized 3D Scenes}
+ \li \l{Optimizing Designs}
+ \li \l{Production Quality}{Achieving Production Quality}
+ \endlist
+ \li Online Courses
+ \list
+ \li \l{https://qurious.qt.io/enrollments/197683855/details}{Getting Started}
+ \li \l{https://qurious.qt.io/catalog/courses/3910783}{Creating Your First App}
+ \li \l{https://qurious.qt.io/enrollments/154647839/details}{Introduction to 2D UI Design}
+ \li \l{https://qurious.qt.io/enrollments/167005403/details}{Introduction to 3D Design}
+ \li \l{https://qurious.qt.io/catalog/courses/3910791}{Using Qt Bridge for Figma}
+ \endlist
+ \endtable
+ \enddiv
*/