Kite

Kite Compositor는 시각적으로 레이어를 드래그 앤 드롭하여 WYSIWYG(What You See Is What You Get) 캔버스 위에 복잡한 인터페이스를 구축할 수 있게 해줍니다. 애니메이션을 추가하고 내장된 타임라인을 통해 세밀하게 조정할 수 있습니다. 내장 JavaScript 스크립팅 환경을 활용해 각 상호작용의 디테일을 강화할 수 있으며, 맞춤형 로직과 동작을 적용하여 정확히 원하는 기능을 구현할 수 있습니다.

주요 기능:

타임라인 — 통합 스마트 타임라인을 통해 애니메이션 지속 시간과 키프레임을 드래그로 편집할 수 있습니다. 애니메이션 시작 및 종료 시점을 정확히 정렬하여 손으로 직접 조정한 듯한 정밀한 감각을 제공합니다.

인스펙터 — 강력하고 유연한 오브젝트 인스펙터를 통해 모든 레이어 속성을 몇 차례 클릭만으로 편집할 수 있습니다. 색상 설정, 애니메이션 곡선 조정, CoreImage 필터 적용 등 마우스 한 번으로 완료됩니다.

라이브러리 — 라이브러리에서 레이어와 애니메이션을 드래그 앤 드롭하여 시각적으로 인터페이스를 구성할 수 있습니다. 재사용 가능한 레이어 계층 구조를 라이브러리에 저장해 컴포넌트를 쉽게 재사용할 수 있습니다.

Mac에서 디자인, iOS에서 미리보기 — 실제 iOS 기기에서 디자인의 사용감을 확인해 보고 싶으신가요? 네이티브 연동 앱인 Kite Compositor for iOS를 다운로드하세요.

Sketch에서 가져오기 — Kite의 네이티브 가져오기 기능을 통해 Sketch 디자인을 간편하게 가져올 수 있습니다. 베지어 경로와 텍스트를 편집 가능한 상태로 유지하며, Sketch 레이어를 네이티브 Kite 레이어로 가져옵니다.

내보내기 — 애니메이션의 동영상 또는 GIF 녹화 파일을 내보내 디자인을 공유할 수 있습니다.

스크립트 가능 — 내장 JavaScript 스크립팅 엔진을 활용해 애니메이션 및 상호작용에 고급 로직을 추가할 수 있습니다. 내장 JavaScript 콘솔을 통해 실행 중인 애니메이션을 실시간으로 조회하거나 즉시 편집할 수 있습니다. 애니메이션 실행, 새 레이어 추가, 속성 변경 등 다양한 작업이 가능합니다.

CoreAnimation 기반 — Kite는 macOS 전용으로 처음부터 개발되었으며, macOS의 네이티브 그래픽스 기술인 CoreAnimation을 깊이 있게 활용합니다. CoreAnimation은 Mac 및 iOS 플랫폼의 핵심 그래픽스 기술 중 하나로, 높은 프레임률에서 놀라운 애니메이션을 구현합니다.

버전 2.1.2 업데이트: 이미지 가져오기 또는 레이어 목록 페이지를 확장할 때 충돌이 발생할 수 있었던 문제를 수정했습니다.