Kite

Kite Compositor を使用すると、視覚的にレイヤーをドラッグ＆ドロップして、WYSIWYG（What You See Is What You Get）キャンバス上で複雑なインターフェースを構築できます。アニメーションを追加し、統合されたタイムラインで細かく調整できます。内蔵の JavaScript スクリプティング環境を活用して、各インタラクションのディテールを強化します。カスタムロジックや動作を組み込むことで、まさに必要な機能を実現できます。

主な機能：

タイムライン — 統合されたスマートタイムラインにより、アニメーションの持続時間やキーフレームをドラッグで編集できます。アニメーションの開始・終了時刻をスナップさせて正確に合わせることで、手作業でチューニングしたような精密な操作感を実現します。

インスペクター — 強力かつ柔軟なオブジェクトインスペクターで、すべてのレイヤーのプロパティを数回のクリックで編集できます。色の設定、アニメーションカーブの調整、CoreImage フィルタの適用など、マウス1クリックで完了します。

ライブラリ — ライブラリからレイヤーやアニメーションをドラッグ＆ドロップして、視覚的にインターフェースを構築できます。再利用可能なレイヤー階層をライブラリに保存することで、コンポーネントの再利用が容易になります。

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 の新機能：画像のインポートやレイヤー一覧ページの展開時にクラッシュを引き起こす可能性があった問題を修正しました。