Turn Sketch or Photoshop UI designs into working prototypes
summary
Toolchain converts Sketch or Photoshop art into runnable QML: a Sketch plugin exports SVG and metadata, Design Studio imports those files and generates a QML component per symbol, preserving alias properties and supporting exports Sketch/Photoshop to QML. Timeline + curve editor produce animations that can be exposed as properties and bound to data, and 2D merging exists while 3D merging is pending. Demo imports an OBJ from Blender, composes a scene, animates a rotating car and runs it in live preview — it works. SVG import OBJ 3D import
AI-written summary · about
chapters (8)
- 0:00Introduction to Qt Design
- 1:28Vision and Design Workflow
- 6:45Development History
- 9:34Sketch Workflow Demo
- 26:103D Content Demo
- 38:002D Tools and Improvements
- 43:28Roadmap and Future Plans
- 47:35Q&A and Web Viewer
related talks
43mBridging the gap between designers and developers
01h 03mDesigning UIs with Qt Quick 6/6, Practical Sketching
01h 08mDesigning UIs with Qt Quick 1/6 - Design Workflow Part 1
01h 10mDesigning UIs with Qt Quick 3/6, Visual Elements
24mSketching in the Browser
45mDesign Tools and Handoffs*
46mQt Quick Designer
30mDesigning UIs with Qt Quick, 2/6, Design-Workflow Part 2