Figmaのデザインを、
そのまま動かす。

FigmaのWebデザインに、スクロール、テキスト、ホバーなどのモーションを追加し、ライブプレビューで確認できます。完成した動きはHTMLプロトタイプとして書き出せます。

必要ありません。Figmaのレイヤーを選び、プリセットから動きを追加して、速度や方向、タイミングを調整します。

プラグイン内に、日本語・英語の使い方ガイドを用意しています。基本操作や各機能を確認しながら進められるので、初めての方も安心して始められます。まずはプリセットを試して、少しずつ動きを調整してみてください。

はい。Figmaのフレームを読み込み、レイヤーにスクロール連動の移動・拡大・透明度の変化や、異なる速度で動くパララックスを設定できます。要素をスクロール中に固定するStickyにも対応し、プラグイン内で実際にスクロールして確認できます。

追加してほしい動きがあれば、ぜひフッターの「問い合わせ」からお聞かせください。ユーザーの皆さまの声をもとに、プリセットの追加や機能の改善を重ね、表現できる動きを広げていきます。

動くモックアップをHTML1ファイルに書き出して共有します。受け取った人はブラウザで開き、スクロールやホバーの動きを確認できます。デザインレビューや、実装担当者へモーションの意図を伝える用途に使えます。

はい。アニメーションの設定はFigmaのフレームに保存されるため、Figmaファイルと一緒に共有できます。共有先でもLive Scrollで同じフレームを開けば、別のPCでも保存されたアニメーションを確認できます。

Live Scrollで動きを設定しても、元のレイアウト・文字・色は変更しません。見た目の編集はFigmaで行い、モーション設定はFigmaのフレームに保存します。

機能は同じです。個人・個人事業主はPersonal（月額US$2）、法人業務はBusiness（月額US$5）を選択します。どちらも1人分のライセンスです。

無料トライアルの開始にカード登録は不要です。ご自身で有料プランを購入しない限り、トライアル終了だけで課金されることはありません。購入後は月額で更新され、Stripeの管理画面から期間末での解約を予約できます。

出力するHTMLは、動きを確認・共有するためのプロトタイプです。公開用サイトの構築や自動レスポンシブ化は対象外です。

プラグインのUI、プリセット、ガイドは日本語と英語を切り替えられます。Figmaのレイヤー名や、デザイン内の本文を自動翻訳することはありません。