Qt Design Studio
The UI Design Tool for UI Composition

Qt Design Studio 디자인 비전을 실제 제품으로 바꿔 주는 UI 컴포지션 , 모든 기능을 한곳에 모아두었습니다. 그뿐만 아니라, 애니메이션, 전환, 3D 시각적 효과를 통해 UI 디자인에 추가적인 시각적 매력을 추가하기 위한 최상의 툴입니다.

무료 평가판 신청하기  

Go beyond basic prototyping

UI 컴포지션은 단지 기존 에셋으로 모형을 생성하는 것을 의미하지는 않습니다. Qt Design Studio 사용하면 에셋이 바로 동작할 수 있는 UI 컴포지션이 됩니다.

Import your designs and turn them into code

Figma, Adobe XD 또는 Adobe Photoshop 같은 디자인 툴로 UI 디자인을 생성할 있습니다. 디자인을 Qt Design Studio 가져오면 새로운 에 디자인용 코드가 자동으로 생성되고, 이는 개발자가 바로 사용할 있는 상태로 제공됩니다.

Test and run your UI composition anywhere

상호 작용 동작을 시뮬레이션하고 유효한지 검사합니다. 디자인을 바로 보고 픽셀 수준까지 완벽하게 미세 조정하고, 대상 디바이스에서 테스트합니다. Qt Design Studio 내장된 모든 기능은 기본적으로 플랫폼을 오가며 사용할 있으며, 모든 하드웨어 또는 운영 체제 환경으로 컴파일할 있습니다.

More than a mockup tool

Qt Design Studio를 통해 디자인을 동작하는 사용자 인터페이스로 변환할 수 있습니다. 더 이상 단순 목업이 아닙니다. 이 툴 안에서 대상 디바이스에 디자인을 테스트하고, 미리 보고, 완벽한 화질로 미세조정할 있습니다.

하나의 통합 프레임워크, 하나의 공통된 언어, 적은 수의 피드백 사이클  빠른 반복을 통해 Qt Design Studio 디자이너와 개발자 사이의 간극을 좁혀줄 있습니다. 동영상을 통해 Qt Design Studio가 제공하는 디자이너와 엔지니어의 협업에 대해 쉽게 알아보세요.

무료 평가판 신청하기  

Switch from wireframing the prototype to delivering functional UI

Mix 2D and 3D together easily

쉽게 2D 및 3D 그래픽을 함께 배치하고 동작시키는 것으로 완전히 새로운 차원의 UI 디자인을 구현할 수 있습니다. 2D와 3D 간에 구분이 필요 없습니다. 두 가지 유형 모두를 하나의 UI에 포함할 수 있고, 같은 방식으로 에셋을 제어할 수 있습니다.

Importing 2D & 3D

Utilize premade components

즉시 사용 가능한 컴포넌트 라이브러리를 활용하여 시간과 노력을 절약할 수 있습니다. Qt Design Studio에는 다양한 라이브러리가 함께 제공되며,  UI 생성을 바로 시작하기 위한 간단한 도형  복잡한 UI 컴포넌트 모두 포함되어 있습니다.

Using components

Iterate fast using real hardware

디자인을 상호작용 가능한 프로토타입으로 빠르게 변환하여 대상 하드웨어에서 UI의 동작성을 검사하고 수정할 수 있습니다. 그 후 개발자는 동작하는 UI를 기존 어플리케이션과 통합할 수도 있습니다.

Validating with target hardware

Enjoy the automated code

Qt Design Studio는 디자인으로부터 온전히 동작하는 코드를 생성합니다. 따라서 한줄의 코드도 작성할 필요가 없습니다.

Designer-Developer workflow

The features that bring your UI design to life

Input methods

가상 키보드와 다중 터치 제스처를 통해 물리적 키보드, 마우스, 사용자 지정 하드웨어 키 및 터치스크린을 사용할 수 있습니다.

Visual Editors

Qt Design Studio는 다른 디자인 소프트웨어의 사용자에게 친숙한 형태를 띄고 있고, 2D 및 3D 디자인을 클릭과 드래그앤 드롭을 통해 시각적으로 수정할 수 있습니다.

Merge productions from UI tools

기존 디자인 툴의 에셋을 Qt Design Studio로 직접 가져올 수 있습니다. Figma, Adobe XD, Sketch 등과 같이 널리 쓰이는 UI 생성 툴을 모두 지원합니다.

Timeline Animations

키프레임 기반 타임라인 애니메이션을 사용하여 디자인에 생동감을 줄 수 있습니다.

Customizable Visual Effects

커스텀 가능한 시각 효과 컴포넌트들이 내장되어있어 간편하게 그래픽 디자인을 개선할 수 있습니다,

Use 3D particles in your next-gen UI

툴에서 직접 불이나 불꽃, 혹은 눈이나 비 같은 다양한 효과를 파티클을 통해 생성하고 편집할 수 있습니다.

Bring 3D elements into your design

3D 에셋을 쉽게 디자인으로 가져올 수 있습니다. Maya, Blender & 3D Max와 같이 널리 사용되는 모든 3D 그래픽 생성 툴을 지원합니다.

3D Post-Processing FX

사실적인 비쥬얼을 위해 다양한 필터 및 효과를 포함하는 3D 후처리 기능을 활용할 수 있습니다.

States Editor

UI의 다양한 상태를 설정하고, 상태 사이의 전환 애니메이션을 추가 할 수 있습니다.

Flow Editor

화면간의 전환과 그에 대한 애니메이션을 정의하여, 사용자가 어플리이션의 흐름을 쉽게 디자인할 수 있습니다.

Scene Editor

Scene Editor로 디자인을 픽셀 수준까지 완벽하게 미세 조정할 수 있습니다.

Editable Easing Curves

애니메이션의 속도 및 가속도를 일정하게 편집 및 정의하고, 애니메이션 감속/가속을 자유롭게 정의할 수 있습니다.

Dynamic and Scalable Layouts

화면 크기 및 해상도에 맞게 UI 요소의 크기나 위치를 자동으로 변경할 수 있습니다.

Prototype with JavaScript

어플리케이션 개발하는 동안 JavaScript로 어플리케이션 로직을 시뮬레이션할 수 있습니다.

Latest news on Design tools

Read more from our blog

Running your Qt Design Studio projects with Python

After the adoption of Qt Design Studio, many users started to wonder a...

Read more

Qt Design Studio 4.6 Released

Qt Design Studio 4.6 is here! This month, we present to you an excitin...

Read more

Qt Design Studio 4.5.1 Released

Great news! The latest Qt Design Studio update 4.5.1 is ready for down...

Read more

Qt Design Studio 4.5 Released

Qt Design Studio 4.5 is here! Qt Design Studio is back again with upgr...

Read more

Get Qt Design Studio 

Start designing your user experience with Qt

무료 평가판 신청하기