Lottielab (Magic Animator - now live)

Lottielabはブラウザで動くLottieエディタで、インストールは不要、ログインしたどのマシンでもプロジェクトを開ける。キャンバス上でキーフレームを使ってアニメーションを作り、その場でプレビューする。端末を切り替えるチームにとって、インストールとライセンスの手間がなくなる。

お気に入りのデザインツールから素材を持ち込むことも、ゼロから始めることもできる。ツールは静止した図版を、動かせるレイヤーに変える。この取り込み経路が、モーションソフトの中で一から描くより選ばれる実用的な理由だ。デザインファイルを源に置き、アニメーションをその上のレイヤーとして重ねる。

エディタはキーフレーム、速度カーブ、動きが滑らかに感じるか硬く感じるかを決める時間の制御を備える。カーブを調整し、動画を書き出さずに結果を確認できる。反復が速いまま進み、同社はプロのモーションデザイナーが必要とする機能を残しつつ、覚えやすいツールだと位置づけている。

プロジェクトはプロダクト用途にLottieとして書き出せ、Proでは同じファイルからHD・4K動画も出力できる。Lottie書き出しのファイルは小さく、どのサイズでもくっきりする。だからこの形式はモバイルとWebに広がった。1つのプロジェクトがアプリのアニメーションとマーケティング用クリップの両方を担う。

Proにはチームライブラリと共有ファイルに加え、コメントとメンションが付く。チームはデザインを見直すのと同じ感覚で動きを確認できる。閲覧は何人でも無料で参加でき、1人ずつ有料ライセンスを持つ必要はない。開発者や関係者への受け渡しに向き、権限管理で編集権はあるべき場所に保たれる。

Proはファイルサイズの最適化と、CDNを使った高速なLottieホスティングを加える。完成したアニメーションは自前のサーバーではなく管理されたエンドポイントから素早く読み込まれる。最適化は配信前にJSONを軽くする。素材が多いチームにとって、この組み合わせはページの重さとアニメーション配信のインフラ負担の両方を減らす。