Lottie for Studio

Lottie

アニメーション

Web

サイト

もっと自由な表現を。

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

Lottieとは?

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

Lottieについて詳しく

ANIMATION

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

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

出現時に再生

Animation by

Aniee

ホバーで再生

Animation by

Abdul Latif

クリックで再生

Animation by

Daru Broodryk

スクロールに連動

Animation by

Tushar

カーソルに連動

Animation by

Abdul Latif

HOW IT WORKS

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

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

01

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

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

LottieFilesの使い方を確認する

02

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

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

03

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

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

詳しい使い方をみる

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

無料ではじめる

STUDIOStudio

ログイン / 新規登録