Sending a Figma file that works on Qt DS
-
What do I want to know
1)How to use the property value of a prototyped figma file in QtDS
2)Meaning of the navigation iconHi, after watching this lecture(Link at bottom), I replicated the pre-made template from Qt Figma and exported it to the bridge.
And as a result of importing to Qt DS, 'exposed custom property' is not applied unlike the video.
This means that the property value of the prototyping set in the figma does not apply to the QtDS.
May I know why? I did the same as the lecture, but I don't know what I missed.
<The flow I worked on>
Figma)
1)Copy the entire Figma Quick Control Templates file, leave only the template file separately, and then renam to ButtonDemo Library > Library > Publishing2)Creating an AllTemplates Figma File
3)Create AllControls frame in AllTemplates Figma file > Library switch on in ButonDemoLibrary Figma file Import a template (buttons, check boxes, etc.) set in ButonDemoLibrary (drag and drop) > Componentize AllControls frame
4)Export All Templates to the Qt bridge plug-in
-> Prototype works well in Figma
Qt DS)
5)Create a new project (1920X1080, file name: WSDEMO)
6)Import the AllTemplates.qtbridge file by dragging and dropping it to the screen on the Qt DS
7)Open the AllTemplates folder > AllControls.ui.qml double-click
8)Live Preview > Components Displayed, but Not Prototyped
*lecture : Making Qt Quick Controls in Qt Design Studio from Figma Variant Components
(https://www.youtube.com/watch?v=DQi3ojkGi3g&t=522s)
-
What do I want to know
1)How to use the property value of a prototyped figma file in QtDS
2)Meaning of the navigation iconHi, after watching this lecture(Link at bottom), I replicated the pre-made template from Qt Figma and exported it to the bridge.
And as a result of importing to Qt DS, 'exposed custom property' is not applied unlike the video.
This means that the property value of the prototyping set in the figma does not apply to the QtDS.
May I know why? I did the same as the lecture, but I don't know what I missed.
<The flow I worked on>
Figma)
1)Copy the entire Figma Quick Control Templates file, leave only the template file separately, and then renam to ButtonDemo Library > Library > Publishing2)Creating an AllTemplates Figma File
3)Create AllControls frame in AllTemplates Figma file > Library switch on in ButonDemoLibrary Figma file Import a template (buttons, check boxes, etc.) set in ButonDemoLibrary (drag and drop) > Componentize AllControls frame
4)Export All Templates to the Qt bridge plug-in
-> Prototype works well in Figma
Qt DS)
5)Create a new project (1920X1080, file name: WSDEMO)
6)Import the AllTemplates.qtbridge file by dragging and dropping it to the screen on the Qt DS
7)Open the AllTemplates folder > AllControls.ui.qml double-click
8)Live Preview > Components Displayed, but Not Prototyped
*lecture : Making Qt Quick Controls in Qt Design Studio from Figma Variant Components
(https://www.youtube.com/watch?v=DQi3ojkGi3g&t=522s)We found a bug last week that seemed to break the library support for Quick Control Templates in Figma. Can you test if they work when the templates are part of the exported projects?
you may need to manually add an import to see the control properties clearly. See this report for more details.
https://bugreports.qt.io/browse/QDS-8605The new bridge with fixed library support should be available soon.
Yes, that icon is the new component icon introduced in 4.0 with the new toolbar design.
-
What do I want to know
1)How to use the property value of a prototyped figma file in QtDS
2)Meaning of the navigation iconHi, after watching this lecture(Link at bottom), I replicated the pre-made template from Qt Figma and exported it to the bridge.
And as a result of importing to Qt DS, 'exposed custom property' is not applied unlike the video.
This means that the property value of the prototyping set in the figma does not apply to the QtDS.
May I know why? I did the same as the lecture, but I don't know what I missed.
<The flow I worked on>
Figma)
1)Copy the entire Figma Quick Control Templates file, leave only the template file separately, and then renam to ButtonDemo Library > Library > Publishing2)Creating an AllTemplates Figma File
3)Create AllControls frame in AllTemplates Figma file > Library switch on in ButonDemoLibrary Figma file Import a template (buttons, check boxes, etc.) set in ButonDemoLibrary (drag and drop) > Componentize AllControls frame
4)Export All Templates to the Qt bridge plug-in
-> Prototype works well in Figma
Qt DS)
5)Create a new project (1920X1080, file name: WSDEMO)
6)Import the AllTemplates.qtbridge file by dragging and dropping it to the screen on the Qt DS
7)Open the AllTemplates folder > AllControls.ui.qml double-click
8)Live Preview > Components Displayed, but Not Prototyped
*lecture : Making Qt Quick Controls in Qt Design Studio from Figma Variant Components
(https://www.youtube.com/watch?v=DQi3ojkGi3g&t=522s)The plugin has been updated today with the fix for library support, so your workflow should be good now, if not let us know and we can dig deeper.
B
-
We found a bug last week that seemed to break the library support for Quick Control Templates in Figma. Can you test if they work when the templates are part of the exported projects?
you may need to manually add an import to see the control properties clearly. See this report for more details.
https://bugreports.qt.io/browse/QDS-8605The new bridge with fixed library support should be available soon.
Yes, that icon is the new component icon introduced in 4.0 with the new toolbar design.
@BrookCronin
Hello, Brook. Thank you for your kind reply. I'm sorry for replying so late to the test again.
I would like to share about two of the several tests.Each test method was re-run based on what I saw in the example of the lecture.
I'm not sure why instances that don't get imported.
Any more details on how to make good use of the figma template for Qt DS?Thank you again.
I want to study how to use templates more deeply!
