Separate component logic from UI.QML files

The UI.QML should contain only the visual representation and nothing more. The UI QML can be created by 3rd party software, like Figma. If the design changes, only the UI.QML is changed.

​

When UI.QML is file is created, a corresponding QML file is created as well. There should be tight coupling between these. Only if properties shared between both of these are changed, the files need to be refreshed. File "ownership"

Designer: UI.QML, layout , visual representation

Developer: QML, animations, utility functions, extra property bindings

​

This strcuture would allow developer to edit and modify QML files and at the same time designer can update designs in 3rd party tooling as much as then way.

​This is also discussed in:

https://intranet.qt.io/pages/viewpage.action?pageId=265259314