aboutsummaryrefslogtreecommitdiffstats
path: root/doc/qtdesignstudio/src/qtdesignstudio-exporting-and-importing.qdoc
blob: 55d4708fc720ce659f4753ba72bf5b3043455489 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
// Copyright (C) 2021 The Qt Company Ltd.
// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR GFDL-1.3-no-invariants-only

/*!
    \previouspage qt-ui-viewer.html
    \page studio-exporting-and-importing.html
    \nextpage qtbridge-overview.html

    \title Asset creation with other tools

    Typically, you as a designer would like to use specialized UI design tools,
    such as Adobe Photoshop, Sketch, Figma, Blender, or Maya, and then send the
    design to a developer for functionality implementation. Here you can use the
    \QB export tool to convert 2D or 3D assets for \QDS.

    You can import the assets into \QDS. There you can also edit them more if needed. You
    can then submit the UI to the developer for adding further functionality to the
    application.

    The following image describes the workflow in a basic way using \QBPS and \QDS:

    \image {studio-workflow.png} {The complete designer-developer workflow from design tool to a finished application.}

    The workflow consists of the following steps:

    \list 1
        \li Export your design from a design tool into a metadata
        format supported by \QDS.
        \li \l{Creating projects}{Create a project} in \QDS and import the
            metadata file to it.
        \li Edit the imported components and create more components in
            the \l {2D} and \l {3D} view.
        \li Animate your design in \l {Transitions} or \l Timeline
            and \l {Curves}.
        \li Create interactions in \l States and \l {Connections}.
        \li \l{Validating with target hardware}{Preview} your design in
            real time, on the desktop or on a mobile or an embedded device.
    \endlist

    For more information, watch a video that shows how to perform the tasks
    above:

    \youtube pEETxSxYazg

    \list
        \li \l {Exporting from design tools}

            Export designs containing 2D and 3D assets into a metadata format
            that you can import to projects in \QDS.
        \li \l{Importing designs}

            Import assets that you exported from design tools to a \QDS project
            and edit them in the \uicontrol Design mode to create a UI.
     \endlist
*/