Details
-
User Story
-
Resolution: Fixed
-
P2: Important
-
QDS 4.7
-
None
-
QDS Berlin - 2025 Week 5/6
Description
I found these basics courses. All of them have thumbnails and could be added to welcome page.
Getting Started with Qt Design Studio
Link: https://www.qt.io/academy/course-catalog#getting-started-with-qt-design-studio
Course description:
Our course, Getting Started with Qt Design Studio, is the second module in our FYI Frontend Learning Track, Getting Started With UI Design.
In it, you will learn about:
What Design Studio is and why it is a powerful tool supporting the collaboration of designers and developers
How to launch the Qt Design Studio for the first time, go through its basic views, and create a new project that you can use to try out some of the basic functionalities
How to Use Qt Bridge for Figma
Link: https://www.qt.io/academy/course-catalog#how-to-use-qt-bridge-for-figma
Course description:
Understand how Figma can be used as an external design tool and how these designs can progress from wireframe to prototype with the help of the Qt Bridge plugin for Figma.
This course is designed around an independent exploration of the tools in Figma with the support of an example project to illustrate how the components and assets translate into Qt Design Studio.
Basic Views in Qt Design Studio
Link: https://www.qt.io/academy/course-catalog#basic-views-in-qt-design-studio
Course description:
In this course, you'll get a basic understanding of Qt Design Studio UI, its tools and different workspaces. By the end of this course, you will have an understanding on how to navigate in Qt Design Studio.
This tutorial is for people new to Qt Design Studio. To get most out of the course, we recommend to have a basic knowledge on design tools and how they work.
Fundamental Concepts in Qt Design Studio
Link: https://www.qt.io/academy/course-catalog#fundamental-concepts-in-qt-design-studio
Course description
In this course, you'll get a better understanding of different properties and familiarize yourself with components and assets. You'll also learn, how to use the states view in Qt Design Studio.
This tutorial is for people new to Qt Design Studio. To get most out of the course, we recommend to have a basic knowledge on design tools and how they work. You don't need coding experience, however, any knowledge on CSS (Cascading Style Sheets) will help you.
Project Structure in Qt Design Studio
Link: https://www.qt.io/academy/course-catalog#project-structure-in-qt-design-studio
Course description:
In this course, you'll get a basic understanding of the QML project structure and learn the difference between declarative and imperative programming styles. You'll also familiarize yourself with App.qml and UI files, and learn how to change different settings with Constants.qml file.
This tutorial is for people new to Qt Design Studio. To get most out of the course, we recommend to have a basic knowledge on design tools and how they work. You don't need coding experience, however, any knowledge on CSS (Cascading Style Sheets) will help you.
Multiple Screens in Qt Design Studio
Link: https://www.qt.io/academy/course-catalog#multiple-screens-in-qt-design-studio
Course description:
In this course, you'll learn how to create additional screens in Qt Design Studio. By the end of this course, you will also have an understanding on how to add transitions, animations and logic and view the outcome in Qt Design Studio.
This tutorial is for people new to Qt Design Studio. To get most out of the course, we recommend to have a basic knowledge on design tools and how they work.
2D with Qt Design Studio
Link: https://www.qt.io/academy/course-catalog#2d-with-qt-design-studio
Course description:
In this course, we go through the fundamentals of composing a 2D user interface with Qt Design Studio.
You need to have Qt Design Studio installed on your computer to get the most out of this course. You will need a laptop or a desktop computer (not a mobile device) to use Qt Design Studio.
3D with Qt Design Studio
Link: https://www.qt.io/academy/course-catalog#3d-with-qt-design-studio
Course description:
In this course, you will learn the basics of how to get started with 3D UI design in Qt Design Studio.
You need to have Qt Design Studio installed on your computer to get the most out of this course. You will need a laptop or a desktop computer (not a mobile device) to use Qt Design Studio.
Creating Your First App with Qt Design Studio
Link: https://www.qt.io/academy/course-catalog#creating-your-first-app-with-qt-design-studio
Course description
In this course, you'll learn how to create your first application with Qt. Note that you need to have Qt Design Studio installed on your computer to get the most out of this course.
It has three modules:
Design your application
Apply logic to your first application
Share your application with Qt Design Viewer
Qt Design Studio: Blur Effect
Link: https://www.qt.io/academy/course-catalog#qt-design-studio:-blur-effect
Course description:
In this video tutorial, you will learn the basic use of the blur effect from QtQuick.Effects library.
This tutorial is for Designers who want to achieve interaction and animations in their design and use the blur effect.
Qt Design Studio: Recapping the Basics
Link: https://www.qt.io/academy/course-catalog#qt-design-studio:-recapping-the-basics
Course description:
In this learning path, you will get a comprehensive understanding of Qt Design Studio UI, its tools and different workspaces. You'll also familiarize yourself with various topics from properties, components and assets to QML project structure and finally to creating additional screens and animations to them. This learning path consists of four courses.
This learning path is for people new to Qt Design Studio. To get most out of it, we recommend to have a basic knowledge on design tools and how they work.
UI Design with Qt Design Studio
Link: https://www.qt.io/academy/course-catalog#ui-design-with-qt-design-studio
Course description:
UI with Qt Design Studio has been designed to help you on your journey to becoming a UI designer and utilising Qt Framework to create experiences with Qt Design Studio.
Throughout the courses, you will learn tips, tricks, and theories of user experience design. As well also getting hands-on with Qt Design Studio using tools for 2D, 3D, and importing content from tools such as Figma.
Once you have finished, harness the skills you have learned and take the project in your own direction!