Text animation
Reveal text in sequence
Stagger the appearance of characters, words or lines to animate headings and body text.
Create animated mockups with your original layout, text and colors unchanged.
No code required. Export one HTML file and share it with anyone.
Every feature. Free for 7 days. No card required. Coming soon
YOUR FIGMA. NOW IN MOTION.Actual plugin interface
THE MOTION PLAYGROUND 44 PRESETS
Explore six examples from 44 presets. See text, scroll and hover animations play within each preview.
Parallax
Move layers at different speeds
Move layers at different speeds to bring depth to a flat design.
Sticky
Keep elements fixed as you scroll
Keep an image or heading in place while the content beside it scrolls.
Carousel
Cycle through cards automatically
Move through your cards with an automatically advancing carousel.
Marquee
Loop text and elements
A continuous loop of text and elements, without a break in the flow.
Try hovering / tapping
Hover interaction
Change button colors on hover
Set a color change when the cursor moves over a button. Try hovering or tapping the example.
HTML demonstrations with sample designs. Animations play automatically within each frame.
DESIGN FIRST. MOTION NEXT.
Keep your Figma design unchanged
Select a frame and import it. Your layout, text and colors stay in Figma; Live Scroll only adds motion.
Adjust motion without code
Choose from 44 presets, adjust speed, direction and timing, and check the result in a live preview.
Share a single HTML file
Export your animated mockup as one HTML file and send it over. Recipients can open it in a browser to experience the motion.
SIMPLE, HONEST PRICING
Every feature is included in both plans. Just choose the one that matches how you work.
Personal
For individuals & sole proprietors
US$2/ month, per person
Billed monthly in USD
- 44 motion presets
- Every motion editing feature
- HTML prototype export
- English & Japanese interface
- 7-day trial with every feature
Business
For corporate work
US$5/ month, per person
Billed monthly in USD
- 44 motion presets
- Every motion editing feature
- HTML prototype export
- English & Japanese interface
- 7-day trial with every feature
The same features. Two ways to work.
One person per subscription. An external account is required. No card is needed for the trial. Monthly billing begins only when you choose to purchase a plan. Payments and cancellations are managed through Stripe.
A FEW MORE THINGS
A little clarity before you start.
What can I do with Live Scroll?
Add scroll, text and hover motion to a Figma web design, then experience it in a live preview. Export your work as an HTML prototype to share the motion.
Do I need to write code?
No. Select a Figma layer, add a motion preset, and adjust its speed, direction and timing.
Will it change my original Figma design?
Adding motion does not change the original layout, text or colors. Keep editing the visual design in Figma. Motion settings are saved on the Figma frame.
Do Personal and Business include different features?
The features are identical. Personal is US$2/month for individuals and sole proprietors. Business is US$5/month for corporate work. Both licenses cover one person.
Will I be charged when the free trial ends?
No card is required to begin the trial. You will only be charged if you choose to purchase a paid plan. After purchase, billing renews monthly. You can schedule cancellation at the end of the paid period through the Stripe portal.
Can I publish the exported HTML as my website?
HTML exports are prototypes for previewing and sharing motion. Production website building and automatic responsive layouts are outside the scope of the plugin.
Does the plugin support English and Japanese?
You can switch the interface, presets and guides between English and Japanese. Figma layer names and the text in your designs are never automatically translated.
LESS EXPLAINING. MORE EXPERIENCING.
Keep your original design. Add motion. Share it as HTML.
View plugin on Figma