Working in the distributed teams has become standard in 2021. Survey results from UxTools.co survey show how important it is to collaborate easily for designers who are working remotely. The multiplayer mode already available in Figma for several years has turned out to be the factor that made as many as 66% of designers to declare using Figma in 2020 (compared to 37% in 2019).
As one of the designers who switched to Figma, I'm more than happy to say that the technical preview of the Qt Bridge plugin for Figma is available as a technical preview with Qt Design Studio 2.0.
Using the plugin accelerates the interface creation in Qt Design Studio as it enables to map the layout of the screens and save time. When working with the plugin, I pay attention primarily to the project's target structure in the Qt Design Studio.
To make it easy to maintain the project over multiple design updates I am dividing the project into separate files. This prevents accidental overwriting of previously imported components that are further modified in Qt Design Studio. The plugin will also work great if you are creating and using a Design System approach while making the user interface.
Nested components in Figma are also imported into Qt Design Studio which removes the duplicated code. Interactions need to be added in the source components instead of in each instance separately. “Overrides" let you create UI elements that have one source file but differ in their labels. Once you learn how to use it - you will intuitively create projects that can be easily imported to Qt Design Studio.
Currently, we are working with the Qt team on releasing the first full version of the plugin. In addition to the basic functionality, it will include several features that have not been available so far. They allow to speed up transferring projects to Qt Design Studio by automatically converting some layer types in Figma to SvgPathItemQML types in Qt Design Studio. We are working hard to make it available with the next version of the Qt Design Studio.
