Live Scroll
Bring your Figma designs to life with scroll motion and interactive HTML prototypes.
Plugin Preview
About this plugin
*We recommend starting with the playground file to learn how to use the plugin.*最初にプレイグラウンドファイルで使い方を見ることをおすすめします。Add scroll motion to your finished Figma designs. Select a frame, design motion in Overview, then switch to Live to preview with native scrolling in both directions.FEATURESAnimation, Parallax, Sticky, fixed headers, Text Animation, interactive components, sequences and hover/click effects. Includes a motion library, built-in guides, Japanese/English UI and self-contained HTML prototype export.Figma remains the visual source. Motion is saved in the Figma file; original layout, text, colors and fonts are not edited. Figma Desktop is required. Some masks/effects may become images. HTML export is for prototypes, not production website building or hosting. Fonts use the viewing device and supported Google Fonts; font files are not bundled.ACCOUNT & PRICINGTry all features for 7 days without email registration or a card. After the trial, continued use requires a separate Live Scroll account verified with a six-digit email code and a paid plan. Verification keeps the original trial deadline; no automatic paid conversion. Personal: USD 2/month for individuals and sole proprietors. Business: USD 5/month for corporate work. Both include all features for one person at fixed prices including applicable taxes. Explicit purchase starts a Stripe monthly subscription, renewing until canceled. Cancel from Account in the plugin; access continues to the paid period end. To switch plans, end the current plan at period end, then buy the other plan. No proration, overlapping billing or new trial.Designs and Motion are not sent to authentication/billing servers. Supabase records an anonymous user ID and trial start, then handles email authentication and access records. The anonymous session is stored on your device. Resend delivers codes; Stripe handles payments. Feedback is sent only when you submit it.Pricing & support: https://livescroll.app/pricingPrivacy: https://livescroll.app/privacyYoshio Effects (Takuya Yoshida): [email protected]日本語Figmaで完成したデザインにスクロールの動きを追加できます。フレームを選び、オーバービューで設定し、ライブで上下へスクロールして確認します。アニメーション、パララックス、スティッキー、固定ヘッダー、テキストアニメーション、コンポーネント切替、シークエンス、ホバー・クリック効果に対応。ライブラリ、使い方ガイド、日英UI、単体で共有できるHTMLプロトタイプ書き出しを備えています。見た目の正本はFigmaです。モーションはFigmaファイルに保存し、元のレイアウト・文字・色・フォントは編集しません。Figma Desktopで利用してください。一部のマスク・効果は画像になる場合があります。HTMLはプロトタイプ用で、本番サイト制作・ホスティング機能ではありません。端末のフォントと対応Google Fontsを使い、フォントファイルは同梱しません。アカウント・料金メール登録・カード不要で7日間全機能を試せます。終了後の継続利用には、メールの6桁コードで認証する別途Live Scrollアカウントと有料プランが必要です。認証しても元の無料体験の期限は変わりません。自動で有料契約にはなりません。個人:USD 2/月(個人・個人事業主)。ビジネス:USD 5/月(法人業務)。両プランとも全機能・1人分、適用される税を含む固定価格です。購入するとStripeの月額契約が始まり、解約まで毎月更新します。「アカウント」から解約でき、支払済み期間末まで利用可能です。プラン変更は現在の契約を期間末で終了し、その後に別プランを購入します。日割り・重複請求・無料体験の再付与はありません。デザインやモーションは認証・課金サーバーへ送りません。Supabaseに匿名のユーザー識別子と無料体験の開始日時、端末に匿名セッションを保存します。その後のメール認証・利用権限もSupabaseが扱い、Resendが認証メール、Stripeが決済を扱います。問い合わせはご自身が送信した時だけ送られます。料金・サポート:https://livescroll.app/pricingプライバシー:https://livescroll.app/privacy運営:Yoshio Effects(吉田 拓矢)連絡先:[email protected]
Plugin Details
| Version | 4 |
|---|---|
| Created | September 4, 2026 |
| Last Updated | September 9, 2026 |
| Category | Prototyping & animation plugins |
| Creator | T Yoshida |
| Stats | 2 installs, 0 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Document Access:dynamic-page
- Network Access:
Loads requested Google Fonts and connects to the Live Scroll Supabase project for explicit feedback, anonymous trial sessions, email authentication, and subscription access. No Figma design or Motion data is sent for billing.
- Editor Types:figma
- Allowed Domains:
- https://fonts.googleapis.com
- https://fonts.gstatic.com
- https://hgzyijrqspsrgjhjysbu.supabase.co
More Like This
Discover other plugins in the Prototyping & animation plugins category.