LottieアニメーションでWebサイトにもっと豊かな表現を。

Lottie for Studio

Lottie

アニメーション

で

Web

サイト

に

もっと自由な表現を。

コードを書かずにStudioにLottieを埋め込み。
ホバーでの再生やスクロールに合わせた再生など、自由な表現が可能に。

Lottieとは？

JSONベースのアニメーションファイル形式です。Lottie Filesを使用することで、軽量なアニメーションをWebサイトなどに埋め込むことができます。

Lottieについて詳しく

ANIMATION

コードは一切不要。
表現豊かなインタラクションを実現

Lottieアニメーションで、
こだわりのモーションの表現が実現できます。

自動再生

Animation by

Abdul Latif

出現時に再生

Animation by

Aniee

ホバーで再生

Animation by

Abdul Latif

クリックで再生

Animation by

Daru Broodryk

スクロールに連動

Animation by

Tushar

カーソルに連動

Animation by

Abdul Latif

3ステップで
Studioサイトにアニメーションを

自作のアニメーションも、無料のアニメーションもStudioで簡単に埋め込めます。

Lottieアニメーション
を作成する

または、Lottie公式で配布されているフリーアニメーションもお使いいただけます。

LottieFilesの使い方を確認する

URLをStudioの
Lottieパネルに貼り付け

Lottieボックスを配置し、Asset linkにdotLottie、またはLottie JSONのURLを入力してください。

再生条件などを設定し
プレビューで動きを確認

再生条件や再生速度などを設定後、プレビューで確認し問題なければ公開しましょう！

詳しい使い方をみる

さあ、今すぐStudioを始めよう。

無料ではじめる