Background
LottieFiles

+

Adobe After Effects

After Effects内で直接Lottieアニメーションをエクスポート

After Effects内で直接Lottieアニメーションをエクスポート

簡単にアニメーションをLottie JSONやdotLottieとしてエクスポートできます。ウェブサイト、アプリ、その他のプラットフォームで簡単にLottieアニメーションをテスト、プレビュー、実装できます。

簡単にアニメーションをLottie JSONやdotLottieとしてエクスポートできます。ウェブサイト、アプリ、その他のプラットフォームで簡単にLottieアニメーションをテスト、プレビュー、実装できます。

See all versions

See all versions

または、ZXP形式でダウンロードするか、Mac / Windows用ZXP Installerを使用してプラグインをインストールします。aescripts.comから

または、ZXP形式でダウンロードするか、Mac / Windows用ZXP Installerを使用してプラグインをインストールします。aescripts.comから

LottieFiles for Adobe After Effects:

制作・コラボレーションに最適

NEW

Import a Lottie to After Effects

Import a Lottie to After Effects

Figma to Lottieの機能を使用すると、簡単にFigma内で魅力的なアニメーションを作成し、それをLottie形式でエクスポートすることができます。アニメーションプリセットを使用するか、複数のフレームを接続してアニメーションを作成するかを選択してください。

Export Lottie from After Effects

Export your animations from Adobe After Effects to Lottie, the small yet versatile animation format.

Optimize your animations with Lottie Optimizer

We're all about 'Tiny but Mighty'! Our Lottie Optimizer further reduces your file sizes with no compromise to quality.

Optimize your animations with Lottie Optimizer

We're all about 'Tiny but Mighty'! Our Lottie Optimizer further reduces your file sizes with no compromise to quality.

Bulk render animations as Lottie

Bulk render multiple compositions as Lottie animations and save them to your team's workspace.

Bulk render animations as Lottie

Bulk render multiple compositions as Lottie animations and save them to your team's workspace.

Use Lottie Feature Checker to test compatibility

Check which Lottie features are used in your animations, and whether they’ll play across different platforms like web, Android and iOS.

Use Lottie Feature Checker to test compatibility

Check which Lottie features are used in your animations, and whether they’ll play across different platforms like web, Android and iOS.

Save your animations to your team's library

Once rendered, seamlessly save your animations to your workspaces for quick and easy collaboration with your team.

Preview your animations instantly

Preview how your animations play across web and mobile in real-time as you continue to edit them.

Preview your animations instantly

Preview how your animations play across web and mobile in real-time as you continue to edit them.

Made with After Effects

Made with
After Effects

FigmaのデザインをLottieアニメーションとしてエクスポートし、ウェブサイトやアプリで利用してください。Figma内で世界最大のLottieアニメーションライブラリにすぐアクセスできます。

FigmaのデザインをLottieアニメーションとしてエクスポートし、ウェブサイトやアプリで利用してください。Figma内で世界最大のLottieアニメーションライブラリにすぐアクセスできます。

簡単な3つのステップで始めましょう

Step 1

プラグインをダウンロードする

See all versions

See all versions

または、ZXP形式でダウンロードするか、Mac / Windows用ZXP Installerを使用してプラグインをインストールします。aescripts.comから

または、ZXP形式でダウンロードするか、Mac / Windows用ZXP Installerを使用してプラグインをインストールします。aescripts.comから

Step 2

プラグインをインストール

Step 3

アニメーション制作が楽しくなる

LottieFiles for After Effects
プラグインのクールな機能

カスタム背景色

お好みの背景色でアニメーションをプレビューできます。

Scan QR

QRをスキャンしてプレビュー

LottieFilesのモバイルアプリでアニメーションをスキャンすると、あなたのデバイスでプレビューできます。

Render graph

レンダリンググラフ

CPUの使用率を最適化するためにアニメーションを改善。

One click upload

ワンクリックでアップロード・共有

ワンクリックでアニメーションをアップロードし、共有することができます。

ファイルサイズ表示

プレビュー時にファイルサイズを確認できます。

dotLottieエクスポートをサポート

超軽量のdotLottieフォーマットでアニメーションをエクスポート。

非公開アニメーションにアクセス

プラグイン内で、非公開アニメーションに直接アクセスできます。

サポートされる機能

Shapes

Fills

Strokes

Transform

Interpolations

Masks

Matte

Merge Paths

Layer Effects

Text

Others

dotLottie Player

Android

iOS

Windows

Web (SVG)

Shape

Ellipse

Rectangle

Rounded Rectangle

Polystar

Group

Repeater

Trim Path (individually)

Trim Path (simultaneously)

Offset Path

Shapes

Fills

Strokes

Transform

Interpolations

Masks

Matte

Merge Paths

Layer Effects

Text

Others

dotLottie Player

Android

iOS

Windows

Web (SVG)

Shape

Ellipse

Rectangle

Rounded Rectangle

Polystar

Group

Repeater

Trim Path (individually)

Trim Path (simultaneously)

Offset Path

サポートされる機能

How to get started

プラグインをダウンロードする

プラグインをダウンロードする

ダウンロード: Adobe Exchangeaescriptsから、または ZXP 形式 でダウンロードし、インストールガイドに従ってインストールしてください。

ダウンロード: Adobe Exchangeaescriptsから、または ZXP 形式 でダウンロードし、インストールガイドに従ってインストールしてください。

この作業で、あなたのアカウントにある非公開と公開アニメーションファイルがすべて同期されます。

この作業で、あなたのアカウントにある非公開と公開アニメーションファイルがすべて同期されます。

この作業で、あなたのアカウントにある非公開と公開アニメーションファイルがすべて同期されます。

この作業で、あなたのアカウントにある非公開と公開アニメーションファイルがすべて同期されます。

Lottieアニメーションをすぐにプレビューできます。

Lottieアニメーションをすぐにプレビューできます。

Adobe After Effectsの中で、アニメーションがどのように再生されるかを確認することができます。

Adobe After Effectsの中で、アニメーションがどのように再生されるかを確認することができます。

Webとモバイルデバイスでテストできます。

Webとモバイルデバイスでテストできます。

LottieアニメーションをWebだけでなく、すべてのモバイルデバイスでプレビューできます。

LottieアニメーションをWebだけでなく、すべてのモバイルデバイスでプレビューできます。

FAQs

Lottieとは何ですか?

Lottieは、JSONベースのアニメーションファイルフォーマットで、アニメーション要素をテキストで記述的に表現し、より小さなファイルサイズ、プラットフォーム独立性、解像度独立性、アニメーション再生時の可変フレームレートなどの特徴があります。オープンソースであり、無料のLottieプレイヤーはWeb、iOS、Android、Windowsなどのプラットフォームでご利用いただけます。

Lottieとは何ですか?

Lottieは、JSONベースのアニメーションファイルフォーマットで、アニメーション要素をテキストで記述的に表現し、より小さなファイルサイズ、プラットフォーム独立性、解像度独立性、アニメーション再生時の可変フレームレートなどの特徴があります。オープンソースであり、無料のLottieプレイヤーはWeb、iOS、Android、Windowsなどのプラットフォームでご利用いただけます。

LottieFilesプラグインは何をするのですか?

LottieFilesプラグインは何をするのですか?

LottieFilesプラグインはBodymovinプラグインとどう違うのですか?

LottieFilesプラグインはBodymovinプラグインとどう違うのですか?

プラグインはどのようなファイル形式でアニメーションをエクスポートしますか?

プラグインはどのようなファイル形式でアニメーションをエクスポートしますか?

Lottie Optimizerとは何ですか?どのように機能しますか?

Lottie Optimizerとは何ですか?どのように機能しますか?

プラグインを使用するためにログインする必要がありますか?

プラグインを使用するためにログインする必要がありますか?

プラグインから直接ウェブやモバイル用のアニメーションをプレビューすることはできますか?

プラグインから直接ウェブやモバイル用のアニメーションをプレビューすることはできますか?

プラグインのエクスプローラータブは何をするのですか?

プラグインのエクスプローラータブは何をするのですか?

アニメーションが再生されず、「レンダリング」で止まっています。

アニメーションが再生されず、「レンダリング」で止まっています。

Adobe After Effects用のLottieFilesプラグインで、シームレスなLottieの作成とコラボレーションプロセスをお楽しみください。

Adobe After Effects用のLottieFilesプラグインで、シームレスなLottieの作成とコラボレーションプロセスをお楽しみください。

See all versions

See all versions

または、ZXP形式でダウンロードするか、Mac / Windows用ZXP Installerを使用してプラグインをインストールします。aescripts.comから

または、ZXP形式でダウンロードするか、Mac / Windows用ZXP Installerを使用してプラグインをインストールします。aescripts.comから