Bridging the gap between designers and developers

on YouTube ↗43m

" summary

Qt Design Studio imports a Photoshop artboard via the Photoshop bridge and generates QML plus PNGs, turning static layers into interactive widgets (a copied slider becomes a working slider) and into a full 3D scene via Qt Quick 3D (a placeholder image is replaced by an interactive chair). States, reusable components and the transition editor add animations and bindings without writing code, and the live preview lets the presenter test slider-driven rotation and state transitions immediately.

AI-written summary · about

" chapters (12)

1. 0:00Introduction
2. 5:40Demo
3. 8:35Photoshop Bridge
4. 12:18Import
5. 12:55Live Preview
6. 16:38Rotation
7. 18:58Slider
8. 21:53Main Screen
9. 28:08Other buttons
10. 31:46Anchors
11. 32:50Tab Bar
12. 34:28Screen

" related talks

• 56mTurn Sketch or Photoshop UI designs into working prototypesThomas Hartmann · Qt World Summit 2019
• 01h 03mDesigning UIs with Qt Quick 6/6, Practical SketchingNuno Pinheiro, Nicolas Arnaud-Cormos · Qt Developer Days Munich 2011
• 01h 08mDesigning UIs with Qt Quick 1/6 - Design Workflow Part 1Nuno Pinheiro, Nicolas Arnaud-Cormos · Qt Developer Days Munich 2011
• 30mDesigning UIs with Qt Quick, 2/6, Design-Workflow Part 2Nuno Pinheiro, Nicolas Arnaud-Cormos · Qt Developer Days Munich 2011
• 46mQt Quick DesignerThomas Hartmann · Qt Developer Days Munich 2011
• 01h 10mDesigning UIs with Qt Quick 3/6, Visual ElementsNuno Pinheiro, Nicolas Arnaud-Cormos · Qt Developer Days Munich 2011
• 24mThe Roadmap: Next Generation Qt (part 2/2)Lars Knoll · Qt Developer Days 2010 (Munich)
• 54mQML prototyping: Creating production ready and reusable codeAlexandra Betouni · QtDay 2020