+

Wix logo

WixとLottieFilesを使って、ノーコードでインタラクティブなウェブサイトを作りましょう。

Wix用のLottieFilesを使えば、Wix StudioとEditor Xの両方にLottieアニメーションを追加して、ノーコードのインタラクティブなウェブサイトを作成できます。10万点以上の無料LottieアニメーションをWixにコピー&ペーストするだけで、コーディングの経験はいりません。

LottieFiles x Wix
LottieFiles x Wix
LottieFiles x Wix
LottieFiles x Wix

主なメリット

Lottieのネイティブサポート

お気に入りのデザインツールで作成したLottieアニメーションを簡単に統合したり、LottieFilesの膨大なライブラリからコピー&ペーストできます。

Native Lottie Support
Native Lottie Support
Native Lottie Support
Native Lottie Support
Zero lines of code
Zero lines of code
Zero lines of code
Zero lines of code

ノーコード

魅力的なブログ、ポートフォリオ、ページなどを、1行もコードを書くことなく、動きのあるものにしましょう。

Lottieとの統合

ダイナミックなLottieアニメーションで、Wixプロジェクトにモーションマジックを加えましょう。

Lottie Intergration
Lottie Intergration
Lottie Intergration
Lottie Intergration
Direct embed
Direct embed
Direct embed
Direct embed

簡単に直接埋め込み

Lottieアセットのリンクをコピーして、Editor XやWix Studioに直接貼り付けるだけ。

すぐに使える10万点以上の無料アニメーション

10万点以上の高品質ですぐに使える無料のLottieアニメーションをご覧ください。Wixにコピー&ペーストするだけで、コーディングの経験はいりません。

Lottieアニメーションを使う理由

Lottieアニメーションを使う理由

より速いページ読み込み速度

LottieはGIFの6分の1のサイズにもかかわらず、高品質なので、Wixプロジェクトを引き立てます。ファイルサイズが小さいということは、より速くロードできることを意味します。

どんな解像度でもシャープなまま

Lottieアニメーションは、ピクセル化することなく、拡大・縮小することができます。サイズに関係なく、常にシャープな状態を保ちます。

ブランドのビジュアルアイデンティティにフィット

Lottieアニメーションは、どんなブランドの色やデザインにも合うようにカスタマイズできます。無料のLottie Editorを使えば、素早く簡単にできます。

チームの非公開ファイルをインポート

チームの既存のLottieアニメーションをWixのプロジェクトに取り込みましょう。

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

Step 1

Lottieアニメーションを取得する

Adobe After EffectsまたはFigmaでアニメーションを作成し、LottieFilesワークスペースに保存します。または、LottieFilesをブラウズして、10万点以上のLottieアニメーションから選択することもできます。

Step 2

Wixにアップロードする

LottieFilesまたはあなたのワークスペースから好きなLottieアニメーションをコピー&ペーストして、自身のブランドやデザインテイストに最も合うように調整します。

Step 3

再生する

アニメーションが挿入されたら、ループ再生かシングル再生か、お好みの再生スタイルを選択してください。

よくあるご質問

よくあるご質問

LottieFiles for Wixとは何ですか?

Wix StudioやEditor XにLottieアニメーションを追加するには?

自分オリジナルのアニメーションをLottieFilesで使用できますか?

LottieFiles for Wixを使って、どのようにループアニメーションを作成できますか?

WixスタジオやEditor Xで、Lottieアニメーションのサイズを変更できますか?

LottieFilesは他のCMSプラットフォームでも使えますか?

あなたにふさわしいLottieアニメーションを。

今すぐインタラクティブなWixウェブサイトを作り始めましょう。