Dodaj dizajne iz Figma to Qt

Možete koristiti Figma to Qt pretvoriti Figma dizajn u QML i preuzeti ga kao Qt Quick UI projekt (.qmlproject), ili zamoliti dizajnera da ga preuzme za vas.

Za nastavak razvoja u Qt Creator u možete:

• Otvorite UI projekt u Qt Creator u.
• Preobrazite UI projekt u aplikaciju.
• Dodajte sadržaj UI projekta u postojeći Qt Quick projekt aplikacije.
• Stvorite novi projekt aplikacije u Qt Quick i dodajte sadržaj UI projekta u njega.

Integrirajte sadržaj Figma to Qt u aplikacije Qt Quick

Ako imate postojeći projekt aplikacije Qt Quick, možete integrirati preuzeti sadržaj u njega.

CMakeLists.txt Ako za izgradnju projekta koristite CMake, postavite opciju za generiranje QML datoteka u Figma to Qt. Plugin generira CMakeLists.txt za svaki QML modul koji stvori, kao što su moduli DesignTokens i FontManager za projekte Qt for MCUs.

Figma to Qt trenutno ne generira vrhunsku projektnu datoteku CMakeLists.txt. Stoga morate ručno dodati sve QML datoteke koje nisu dio modula u projektnu datoteku CMakeLists.txt.

Da biste dodali .qmlproject u projekt aplikacije Qt Quick:

1. U Figi otvorite dodatak Figma to Qt u datoteci dizajna.
2. Idite na Settings > Code, a zatim odaberite Generate CMakeLists.txt.

   

3. Odaberite Download za preuzimanje dizajna kao QML projekta.
4. Raspakirajte preuzetu ZIP datoteku u mapu vašeg projekta.
5. U Qt Creator otvorite projekt aplikacije Qt Quick.
6. Uredite datoteku projekta CMakeLists.txt kako biste dodali sve datoteke koje nisu dio modula kao resurse.

Stvorite projekt aplikacije za Qt Quick za Figma to Qt sadržaj

Qt Quick Projekti aplikacija koje kreirate pomoću Qt Creator 20.0 ili novije verzije imaju određenu automatizaciju za integraciju .qmlproject. Kopirajte sadržaj projekta u mapu importedcontent, a Qt Creator će automatski koristiti datoteku CMakeLists.txt koju tamo dodate.

Za izradu projekta aplikacije Qt Quick za sadržaj Figma to Qt:

1. U Qt Creator-u stvorite projekt aplikacije Qt Quick.
2. Izvučite preuzetu ZIP datoteku u mapu importedcontent u mapi vašeg projekta.
3. Stvorite CMakeLists.txt datoteku za Figma to Qt sadržaj i spremite je u mapu importedcontent.

Uređujte pretvorene datoteke u načinu dizajna

Za uređivanje QML koda u načinu uređivanja Design, također postavite opciju za generiranje .ui.qml datoteka u Figma to Qt i aktivirajte Qt Quick Designer proširenje u Qt Creator.