Lottie連携で、表現豊かなアニメーションを用いたWebサイトがノーコードで実現可能に。クリエイティビティを加速させ、デザインの幅が大きく広がる連携機能をリリースしました。LottieとはLottieは、JSONベースのアニメーションファイル形式です。Lottieを使用することで、静止画アセットを配信するのと同じくらい簡単に、アニメーションをあらゆるプラットフォームに配信できます。Lottieはどんなデバイスでも動作するサイズの小さなファイルで、ピクセル化を起こさずに拡大縮小できます。LottieFilesはLottieの作成、編集、テスト、共同制作、配信を、これ以上なく簡単に行えるようにします。（ https://lottiefiles.com/jp/what-is-lottie ）オリジナルのアニメーションをWebサイトに表示After Effects等で作成したオリジナルのアニメーションを、簡単にアニメーションをSTUDIO Webサイトに配置できます。また、Lottieのコミュニティでは、クリエイターによる豊富なLottieアニメーションライブラリから、あなたのWebサイトにぴったりなアニメーションを探すこともできます。Lottieアニメーションの詳細な設定もノーコードで簡単LottieFilesから、アニメーションのアセットリンクをSTUDIOエディターで貼り付けるだけで、簡単にLottieアニメーションをWebサイトに埋め込むことができます。設定パネルでサイト上での再生条件やを設定し、ライブプレビューで動作の確認ができます。STUDIOの条件付きスタイルのような「出現時（Appear）」や「ホバー（Hover）」での再生設定はもちろん、カーソルの動きに合わせたアニメーションや、スクロール操作に反応して動く要素もサイトに配置でき、より表現力豊かなWebデザインに挑戦することができます。%3Ciframe%20src%3D%22https%3A%2F%2Fplayer.vimeo.com%2Fvideo%2F888623016%3Fautoplay%3D1%26amp%3Bloop%3D1%26amp%3Bbackground%3D1%22%20width%3D%221920%22%20height%3D%221080%22%20frameborder%3D%220%22%20webkitallowfullscreen%3D%22%22%20mozallowfullscreen%3D%22%22%20allowfullscreen%3D%22%22%20allow%3D%22autoplay%22%3E%3C%2Fiframe%3E詳しい使い方や仕様はヘルプ記事をご覧ください。Lottie の埋め込みとカスタマイズ | STUDIO USTUDIOでは、X(Twitter) のフォローや STUDIO Community Japan にて新機能リリースや使い方を公開しています。是非ご参加ください。