Blob
Blob
Blob
Blob
Blob

アニメーションの創造を再考する

Lottie Creatorは、モーションデザイナーでなくても、高品質で軽量、パワフルでインタラクティブなモーショングラフィックスを簡単に作成できるツールです。

クローズドベータ

Lottie Creator

LottieFilesは、275,000以上の企業の650万人以上のデザイナーおよびデベロッパーに信頼されています

モーションデザインを簡単に

Smooth and sleek animations

Smooth and sleek animations

Have precise control over your animations by adjusting keyframes and creating seamless transitions.

Have precise control over your animations by adjusting keyframes and creating seamless transitions.

アニメーションのプリセット

アニメーションのプリセット

豊富なアニメーションのプリセットを、お好きなアニメーションに組み込めます。

豊富なアニメーションのプリセットを、お好きなアニメーションに組み込めます。

イラストとLottieのインポート

イラストとLottieのインポート

イラストやLottieを使ってキャンバスに描きましょう。30万点以上の高品質なイラストやアニメーションをご用意しています。

イラストやLottieを使ってキャンバスに描きましょう。30万点以上の高品質なイラストやアニメーションをご用意しています。

Import illustration & Lottie
Import illustration & Lottie
Import illustration & Lottie

既存のLottieやdotLottieのアニメーションを、クリエーションキャンバスに取り込むことができます。

既存のLottieやdotLottieのアニメーションを、クリエーションキャンバスに取り込むことができます。

インタラクティブ機能

インタラクティブ機能

インタラクティブ機能

インタラクティブ機能で、作品をより魅力的に。スクロールエフェクト、ループ、ホバー、プレイセグメントなど、さまざまなエフェクトがあります。

インタラクティブ機能で、作品をより魅力的に。スクロールエフェクト、ループ、ホバー、プレイセグメントなど、さまざまなエフェクトがあります。

インタラクティブ機能で、作品をより魅力的に。スクロールエフェクト、ループ、ホバー、プレイセグメントなど、さまざまなエフェクトがあります。

Customize anything
Customize anything
Customize anything

なんでもカスタマイズ

アニメーションの調整、編集、カスタマイズを行うためのツールです。異なるバージョンを保存し、すべての変更点をトラッキングすることができます。

Export to multiple formats
Export to multiple formats
Export to multiple formats

複数フォーマットへのエクスポート

作成したアニメーションは、Lottie、dotLottie、GIF、MP4、MOV、WebMなどの一般的なフォーマットで保存できます。

Ship & implement
Ship & implement
Ship & implement

配信&実装

当社のビルトインCDNとオープンソースのウェブプレーヤーは、アニメーションの管理と最終目的地への配信を容易にします。

Plugins for design & developer tools
Plugins for design & developer tools
Plugins for design & developer tools

デザイン用プラグイン&開発者用ツール

LottieFilesは、Figma、Webflow、WordPress、Adobe Animate、Adobe After Effects、Visual Studio Codeなど、あらゆる人気ツールに対応したプラグインを備えています。

Your private workspace
Your private workspace
Your private workspace

あなただけのワークスペース

アカウントには、アニメーションのテスト、コラボレーション、最適化、他のステークホルダーとの共有に役立つプライベートなワークスペースが付属しています。

How to create animations with Lottie Creator?

How to create animations with Lottie Creator?

How to create animations with Lottie Creator?

How to create animations with Lottie Creator?

Getting Lottie Creator’s basics down

Getting Lottie Creator’s basics down

Getting Lottie Creator’s basics down

Getting Lottie Creator’s basics down

Getting Lottie Creator’s basics down

Adding assets to Lottie Creator

Adding and editing keyframes in Lottie Creator

Understanding the layer system

FAQ

FAQ

FAQ

Lottie Creatorとは?

Lottie Creatorは、誰でも簡単に動きのあるデザインを始めることができるWebベースのアニメーション作成ツールです。30万点以上のイラストやLottieのアニメーションがあり、編集して自分好みにすることができます。

チームの非公開なLottieアニメーションをインポートして、編集したり、プリセットやインタラクティブ性を追加したりすることができます。

Lottie Creatorでどんなアニメーションを作ることができますか?

Lottie Creatorが対応しているフォーマットは何ですか?

Lottie Creatorは無料ですか?

Are animations from Lottie Creator responsive?

Do I need animation experience to use Lottie Creator?

How can I share my animations from Lottie Creator?

Is my data secure with Lottie Creator?

How long can my Lottie animations be?

Can I use Lottie Creator on mobile devices?

モーションデザインを簡単に

Motion design made easy

制作

コラボレーション

インプリメント

モーションデザインを簡単に

制作

Create animation

コラボレーション

Collaborate

インプリメント

Implement
Company logos

世界のトップクラスのウェブサイトやアプリがLottieを採用

現在、最も人気のあるウェブサイトやアプリは、Lottieを使用して、製品を目立たせ、美しく見せ、ユーザーを深く惹きつけることに成功しています。

すべてのショーケースを見る

作成する。コラボレーションする。配信する。

普段のデザインに動きを持たせることができます。

作成する。コラボレーションする。配信する。

普段のデザインに動きを持たせることができます。

作成する。コラボレーションする。配信する。

普段のデザインに動きを持たせることができます。

作成する。コラボレーションする。配信する。

普段のデザインに動きを持たせることができます。