다음에서 디자인 추가 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 파일을 생성하도록 옵션을 설정하십시오. 플러그인은 생성하는 각 QML 모듈(예: Qt for MCUs 프로젝트의 DesignTokens 모듈 및 FontManager 모듈)에 대해 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 애플리케이션 프로젝트를 생성하려면:

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 에서 확장자를 활성화하십시오.