LottieFiles

素晴らしいデザインは動きで生き生きとします!

ウェブサイト、アプリ、プレゼンテーション、ソーシャルなどで軽量アニメーションを作成、管理、実装します。

16百万以上のデザイナーと開発者から信頼されています。

Google
Disney
Nike
Uber
Spotify
Netflix
Microsoft
Airbnb
Amazon
Tiktok
Walmart case study
The Washington Post case study
Canva case study
CNN case study
Wise case study
Gojek case study
Robinhood case study
Duolingo case study
Dub case study
Uber case study

世界最大のカスタマイズ可能なアニメーションライブラリ

800,000以上の無料およびプレミアムのすぐに使えるアニメーション。

あなたのモーション作成を簡素化
Lottie Creatorを使って無数の時間を節約し、モーションワークフローを効率化するか、お気に入りのツール内でデザインし、私たちの統合を使ってLottieとしてエクスポートします。私たちはモーションデザインを簡単にします。

Lottieクリエイター

ウェブ、アプリ、ソーシャル向けに超軽量で高いカスタマイズ性を持つインタラクティブなアニメーションを作成するために設計されています。AIベースのモーションコパイロットで強化されています。

Lottieクリエイター

チームと企業向けに構築された現代的なモーションワークフロー

現代的なモーションワークフローで無数のデザインと開発の時間を節約します。

あなたのチームの作業スペース

安全で中央集権的な場所で、デザイン資産を作成、カスタマイズ、管理、共有しましょう。

最適化してダウンロード

最適化されたdotLottieを使用して、ウェブサイトやアプリの読み込み速度をこれまで以上に速くし、コンバージョン率を向上させます。

進捗更新

アニメーションやデザイン資産に関するコメントやリアルタイムのステータス更新で、チームを整合させましょう。

シームレスな開発者の引き渡し

組み込みのCDN、ランタイム、およびVSCode統合を使用して、アニメーションや画像をプレビュー、テスト、最適化、実装します。

統合

シームレスなクリエイティブワークフローのために、Figma、Framer、Webflow、Canva内で直接プライベートチームワークスペースにアクセスします。

デジタル資産管理

アプリを開かずにPSDおよびAIファイルをプレビューできます。すべての画像フォーマットを管理します。そして、他のDAMには匹敵しないネイティブのLottieおよびdotLottieサポートがあります。

もっと学ぶデジタル資産管理

Images

PNG, GIF, SVG, JPEG, WebP

Design files

After Effects (AEP), Illustrator (AI), Photoshop (PSD)

Motion

Lottie (.json), dotLottie (.lottie)

Videos

coming soon

MP4, MOV, WebM

新しい高性能dotLottieランタイム

Lottie、モーションデザインの業界標準

JavaScriptReactVueSvelteAppleAndroid

10x

出荷が速い

開発準備完了

実装が簡単

Dev ready
dotLottie
0kb
GIFの90%小型化
Lottie JSON
0kb
GIFの60%小型化
GIF
0kb

3x

ユーザーエンゲージメントの増加

40%

SEOランキングの向上

5x

ページ読み込み速度の向上

インタラクティブ

楽しい体験のために

Interactive animation code
Google
React
Wix
Canva
Microsoft
Notion
Bubble
Wordpress
Figma
After Effects
Webflow
Framer
Protopie
Origami
Android
Apple

アニメーションを報告

数回のクリックでアニメーションを実装

人気のデザインおよび開発ツールと統合するために構築されています。

AIで創造的な可能性を解き放つ

Motion Copilot、Lottie CreatorとFigmaのためのPrompt to Vector、FigmaのためのRaster to Vectorで、AIと創造性がどのようにシームレスに融合するかを発見してください。

デザインチームはLottieFilesを愛しています

チームがどのようにLottieアニメーションを使用してユーザー体験を作り上げているかを学びます。

ケーススタディを探る

作成、コラボレーション、出荷。

日常のデザインに簡単に動きを加えます。

始めましょう - 無料です!