Problems with Figma to QML bridge
-
Hello,
We attended the Qt world summit in Berlin and were impressed by the things that could be done with QML and Qt Design Studio. Now we're evaluating the enterprise edition of the Qt Design Studio and if it will be useful for our company. One of the main reason for this is the bridge for Figma. Our designer uses Figma and we want to use his designs directly in our UI. It was disappointing to find that the bridge works fine only with the template project that is created by Qt Group - https://www.figma.com/community/file/1185200043286168239/figma-quick-control-templates. Also I want to point the lack of documentation related to that topic. Obviously there is a naming convention that we must follow but I haven't been able to find any document that explains what exactly are the rules. It will be very helpful if you have an access to the information the designer who created the template project used to do it.
Briefly, if we export and import the template project it works fine (we will ignore the fact the default width and height of the button for example are 0, so it appears as invisible), but when we copy and paste, for example, MyButton template in a separate Figma project an export it from there it is not usable. We either can't add it as a component in the project, or if we are able to add it, it doesn't have the functionality - no click or hover events. Also some of the exported controls simply caused a crash in the Designer and it closed without any message what actually had been gone in a wrong way. And is there a way to export only one component rather that the whole project?
I hope that you guys will have some useful pieces of advice for us, because for now our user experience doesn't correspond neither to the presentation that we got at QWS nor to the price that Qt wants for the enterprise edition of the Qt package.
References:
Bridge documentation (not enough): https://doc.qt.io/qtdesignstudio/qtbridge-figma-using.html
Template project: https://www.figma.com/community/file/1185200043286168239/figma-quick-control-templates
A topic in the Figma forum created by the template designer which is now closed: https://forum.figma.com/t/turning-figma-design-into-working-controls-with-qt-demo/34968 -
@Rufledore
"..the bridge works fine only with the template project.."
Here I understand that you want to use this feature to create your custom templates. The feature currently is used only internally and this might be made available where power users can use this to create custom template components."..the lack of documentation related to that topic.."
Indeed, because the feature will be released with QDS 4.4 with documentation and example projects and complete Qt Quick Controls."...when we copy and paste, for example, MyButton template.."
This is indeed the correct way of using the Control Templates i.e. Copy and paste the complete set of control and then customize it as per your need. Unfortunately, the correct template code might be missing and the released version of QDS does not have the complete functionality to import the templates.