以下の場所からデザインを追加Figma to Qt

以下の方法を使用できます Figma to Qt を使用して、FigmaのデザインをQMLに変換し、Qt Quick UIプロジェクト（.qmlproject ）としてダウンロードするか、デザイナーにダウンロードを依頼することができます。

Qt Creator で開発を続行するには、次の方法があります。

• Qt Creator でUIプロジェクトを開きます。
• UIプロジェクトをアプリケーションに変換します。
• UIプロジェクトの内容を、既存のQt Quick アプリケーションプロジェクトに追加します。
• 新しいQt Quick アプリケーションプロジェクトを作成し、UIプロジェクトの内容を追加します。

Figma to Qt のコンテンツをQt Quick アプリケーションに統合する

既存のQt Quick アプリケーションプロジェクトがある場合は、ダウンロードしたコンテンツをそのプロジェクトに統合できます。

プロジェクトのビルドに CMake を使用する場合は、Figma to Qt でCMakeLists.txt ファイルを生成するオプションを設定してください。プラグインは、Qt for MCUs プロジェクト用のDesignTokens モジュールやFontManager モジュールなど、作成する各 QML モジュールに対してCMakeLists.txt を生成します。

Figma to Qt 現在、このプラグインはトップレベルのプロジェクト用CMakeLists.txt ファイルを生成しません。そのため、モジュールに属さないすべてのQMLファイルは、プロジェクトのCMakeLists.txt ファイルに手動で追加する必要があります。

Qt Quick アプリケーションプロジェクトに.qmlproject を追加するには：

1. Figmaで、デザインファイル内のFigma to Qt プラグインを開きます。
2. 「Settings 」>「Code 」の順に移動し、「Generate CMakeLists.txt 」を選択します。

   

3. 「Download 」を選択して、デザインをQMLプロジェクトとしてダウンロードします。
4. ダウンロードした ZIP ファイルをプロジェクトフォルダに解凍します。
5. Qt Creator で、Qt Quick アプリケーションプロジェクトを開きます。
6. プロジェクトの `CMakeLists.txt ` ファイルを編集し、モジュールの一部ではないすべてのファイルをリソースとして追加します。

Figma to Qt コンテンツ用のQt Quick アプリケーションプロジェクトを作成します。

Qt Quick Qt Creator 20.0 以降で作成するアプリケーション・プロジェクトには、 を統合するための自動化機能が一部備わっています。プロジェクトの内容を フォルダにコピーすると、 はそのフォルダに追加した ファイルを自動的に使用します。.qmlproject importedcontent Qt Creator CMakeLists.txt

Figma to Qt コンテンツ用のQt Quick Application プロジェクトを作成するには：

1. Qt Creator で、Qt Quick アプリケーションプロジェクトを作成します。
2. ダウンロードしたZIPファイルを、プロジェクトフォルダ内のimportedcontent フォルダに解凍します。
3. Figma to Qt コンテンツ用のCMakeLists.txt ファイルを作成し、importedcontent フォルダに保存します。

デザインモードで変換されたファイルを編集する

Design モードでQMLコードを編集するには、Figma to Qt に.ui.qml ファイルを生成するオプションを設定し、 内の Qt Quick DesignerQt Creator で拡張子を有効にします。