Exporting Designs from Adobe Illustrator

Even though Qt Design Studio does not provide a specific export bridge for Adobe Illustrator, you can design UIs in it and export your designs to Qt Design Studio in the following ways:

• Place your Illustrator content into Adobe Photoshop and use Qt Bridge for Adobe Photoshop to export the assets to .metadata format that you can import to Qt Design Studio.
• Use the Illustrator export for screens workflow to export your assets into formats supported by Qt Design Studio, such as PNG and JPEG.

Placing Illustrator Content into Photoshop

You can place Illustrator content into Photoshop in several ways. If you select File > Place linked in Illustrator, the content updates automatically. However, the whole file content is placed on a single Photoshop layer, which means that you cannot use Qt Bridge for Adobe Photoshop to export the individual parts of the Illustrator design.

Therefore, you have to copy-paste your assets to Photoshop as smart objects, one by one, at the layer level. You can then specify export settings for Qt Bridge for Adobe Photoshop.

If you need to edit smart objects after copying them to Photoshop, you can double-click them in Photoshop to open them in Illustrator. Because you use smart objects, all your changes are propagated to all instances of the objects used in your designs in Photoshop. For more information about using smart objects, see the Illustrator and Photoshop documentation.

For more information about exporting designs from Photoshop, see Exporting Designs from Adobe Photoshop.

Exporting Assets for Screens

Sometimes it is easier to just export layers and artboards from Illustrator and to create scalable layouts and UI flows in Qt Design Studio. You can export assets to multiple formats and sizes, such as PNG, JPEG, and SVG.

For more information, see Collect assets and export in batches in the Illustrator documentation.