Lottieアニメーションを簡単に編集・カスタマイズ
ウェブベースのエディターで、あなたのLottieを編集、調整、パーソナライズできます。外出先での変更も、これほど簡単で楽しいことはないでしょう。
動画を見る
選択。編集。保存。
アニメーションのレイヤーを選択、編集して、異なるバージョンのアニメーションを保存することが、これまで以上に簡単に。
パワフルなレイヤー選択
キャンバス上のアニメーションレイヤーを選択し、改良されたレイヤーパネルで自由に並べ替えが可能。
多彩なカラーでクリエイティブに
レイヤーの色を変えて、あなたのアニメーションをカラフルに生まれ変わらせましょう。
クリックしてカラーを変更
不要なレイヤーを非表示・削除
レイヤーを前面に出したり、背面に出したり、不要なレイヤーを削除することができます。見せたくないものは隠しましょう。
万社以上、万人以上のデザイナーとデベロッパーに信頼されています。
直感的なレイヤーの並べ替え
レイヤーの並び替えを簡単かつ直感的に行うことで、アニメーションに新鮮なタッチを加えてみましょう。
テキストの編集と 画像の入れ替え
アニメーションのテキストを変更したり、画像レイヤーを置き換えたりして、さらに細かいカスタマイズが可能です。
高度な選択を可能にするX-Rayモード
X-Rayモードをオンにすると、アウトラインビューが表示され、深くネストしたレイヤーを確認したり、選択したりするのが容易になります。
名前とタグを持つレイヤーを特定
対象のレイヤーを選択し、「属性」セクションを開いて、IDまたはクラス（class）を追加してください。
これにより、ウェブページ上でCSSやJavaScriptを使用して対象のレイヤーを操作できるようになります。
今まで以上のアニメーションカスタマイズ
もっと簡単に外出先でアニメーションをカスタマイズしたいなら！Lottieファイルのモバイルアプリは、モーションエディタ、テンプレート、ステッカーが利用可能。
Lottie Editorとは？
Lottie Editorは、コードを書くことなくLottie JSONファイルをカスタマイズおよび最適化できるオンラインアニメーションエディターです。
色、レイヤー、画像、テキストを調整し、LottieFilesのモバイルライブラリ、Webプレーヤー、Webflowなどの統合を通じてウェブサイト、モバイルアプリ、デザインツールにアニメーションを展開できます。
よくある使用例：
アニメーションの色をブランドガイドラインに合わせて更新
プレースホルダー画像を製品写真やアイコンに差し替え
季節やキャンペーンに応じたテキストの変更（アニメーションを作り直す必要なし）
ウェブ・モバイルでのパフォーマンス向上のためのファイルサイズの最適化
Lottie Editorの新機能は？
LottieFilesのライブラリ、IconScout、ワークスペースのプライベートアニメーションからLottieアニメーションを編集できるようになりました。
Lottie Editorでアニメーションを読み込むと、以下のようなプロパティを編集できます：
レイヤー：非表示、表示、削除、並び替え
色：アニメーション内の要素の色、または背景色を変更
画像の差し替えとテキストの更新：Lottie内の画像を入れ替えたり、テキストレイヤーの文字を修正したりできます
ユニークカラーと全カラーの違いは？
ユニークカラーを編集すると、選択したレイヤー内の同一色がすべて変更されます。
全カラーを編集すると、各色インスタンスを個別に変更でき、より細かなコントロールが可能になります。
レイヤーにIDタグやクラスを追加するには？
対象のレイヤーを選択し、「属性」セクションを開いて、IDまたはクラス（class）を追加してください。
これにより、ウェブページ上でCSSやJavaScriptを使用して対象のレイヤーを操作できるようになります。
アニメーションのテキストを編集できないのはなぜ？
Lottieアニメーションのテキストが編集できない場合、それはエクスポート時にフォントのサブセット化が行われているためです。
これにより利用できる文字（グリフ）が制限され、自由なテキスト変更ができません。
Lottie Editorは無料で使えますか？
はい、基本的な編集は無料で利用できます。
一部の高度な機能はLottieFiles Proプランが必要です。
Lottie Editorを使うのにAfter Effectsは必要ですか？
はい。未使用のレイヤーを削除したり、コードを整理したり、圧縮形式であるdotLottieでエクスポートすることでファイルサイズを削減できます。
Lottie Editorでファイルサイズを最適化できますか？
はい。未使用のレイヤーを削除したり、コードを整理したり、圧縮形式であるdotLottieでエクスポートすることでファイルサイズを削減できます。
LottieFilesマーケットプレイスのアニメーションも編集できますか？
はい。マーケットプレイスからアニメーションをダウンロードまたは開き、色、画像、テキストなどを編集して公開できます。
Lottie EditorはdotLottieファイルをサポートしていますか？
はい。.lottie形式のdotLottieファイルをアップロードして編集することができます。
(dotLottieは1つ以上のLottieファイルを含む圧縮パッケージです)
Lottie CreatorとLottie Editorの違いは？
Lottie Creatorは、シェイプやテキスト、セグメント、マットなどのツールを使用して、ブラウザ上でゼロからアニメーションを作成できるツールです。
Lottie Editorは、主に既存アニメーションの色やテキスト、画像などを調整するためのツールです。
デザインチームが愛用するLottieファイル
Lottieは、私のワークフローとスムーズに統合しています。フットプリントも小さく、チームと迅速にアイデアを共有することができます。
ブライアン・リー
Headspace：シニアアニメーター
Lottieファイルは、私たちのすべての製品・サービスにしっかりと組み込まれていて、パーソナライズされた感覚を得ることを可能にしています。
ヴィヌ・レメサン
Gojek：モーションデザイン責任者
クリエイト。コラボレート。公開。
すべてのデザインにモーションを。イマジネーションを膨らませ、デザインに命を吹き込もう。