LottieFiles (@LottieFiles) / X

LottieFiles

9,330 posts

LottieFiles

@LottieFiles

The motion layer for the internet. Designers create it. Developers ship it. dotLottie makes it interactive.

San Francisco, California

Joined February 2017

Pinned
LottieFiles
@LottieFiles
6h
Just in time for #Config, Motion System is now live inside Figma! One-click styles, easings, motion presets, brand assets, all inside Figma. Free Motion System starter pack only for Config week. Comment "motion system" and we'll DM you the link 👇
00:00
10K
LottieFiles reposted
Mau
@motion_mau
Jun 23
Giving you a sneak peek of @LottieFiles Motion System inside @figma (probably shouldn't share this). Since it's Config week, sharing how easy it is to bring your team's motion sets to Figma. It's built to let you apply your team's custom settings without the manual search.
00:00
2.2K
LottieFiles reposted
Nattu
@reallynattu
Jun 17
Motion is the last layer of the design system still run on vibes. Color, type and spacing got standardized years ago. Motion never did. That's what we just shipped.
LottieFiles
@LottieFiles
Jun 17
Google, Uber, Cash App; they all have motion as part of their design system. But most teams have it scattered everywhere. Motion System changes that. Easing curves, motion presets & design assets, baked into one system. Try it in the comments 👇 Be honest, how does YOUR team
00:00
2.5K
LottieFiles
@LottieFiles
Jun 11
Google just updated their design system & icons. We animated every single one in Lottie. Grab them in the comments 👇 Which brand's icons should we animate next?
00:00
32K
LottieFiles
@LottieFiles
Jun 17
Speaking of design systems, Motion System is live today! Explore here 👉 lottie.link/motion-system-…
295
LottieFiles
@LottieFiles
Jun 17
Google, Uber, Cash App; they all have motion as part of their design system. But most teams have it scattered everywhere. Motion System changes that. Easing curves, motion presets & design assets, baked into one system. Try it in the comments 👇 Be honest, how does YOUR team
00:00
8.1K
LottieFiles
@LottieFiles
Jun 17
Explore Motion System →
Motion System: Govern Motion Across Your Design System
From lottiefiles.com
479
LottieFiles reposted
Nattu
@reallynattu
Jun 11
The team hand-animated every one of Google's new icons. Free to grab. It's the motion layer everyone's racing to bolt onto AI apps right now. We've done it for years, and the Creator MCP now animates your assets from a prompt, Fable 5 included.
LottieFiles
@LottieFiles
Jun 11
Google just updated their design system & icons. We animated every single one in Lottie. Grab them in the comments 👇 Which brand's icons should we animate next?
00:00
7.5K
LottieFiles
@LottieFiles
Jun 11
Replying to @LottieFiles
Free for anyone who wants them →
New Google Icons by Sanjib Paul | LottieFiles
From lottiefiles.com
768
LottieFiles reposted
Karthikeyan Ranasthala
@_iamkarthikeyan
Jun 10
Try Fable 5 with the @LottieFiles Creator MCP. Prompt in, real production-ready Lottie out. This is the kind of AI + motion workflow worth playing with.
Nattu
@reallynattu
Jun 10
Every time a new model drops, someone says designers are dead. Fable 5 is the biggest one yet. So I gave it the @LottieFiles Creator MCP and asked it to animate. Real Lottie, one prompt, runs in production. Does this kill motion designers, or finally put it in everyone's hands?
00:00
2.3K
LottieFiles
@LottieFiles
Jun 9
Apple's #WWDC26 like button is here. 💙 And yes, it's built with Lottie!
00:00
3.2K
LottieFiles reposted
Dayo Oyinlola
@oladayooa
Jun 7
I recreated Notion website's Hero Animation as a @LottieFiles dotLottie animation vs the original Webm. The Result: Original webm: 942 KB dotLottie version: 368 KB 60.93% smaller file size Animation link: lottiefiles.com/free-animation…
GIF
1.1K
LottieFiles
@LottieFiles
Jun 4
Designers, what's the longest you've ever spent finding ONE animation? Whatever it is, it's now only a second. Premium animations drop straight into your Lottie Creator scene. One click, right size, ready to animate. Drop a screenshot of your current project 👇 We'll pick a
00:00
3.6K
LottieFiles
@LottieFiles
Jun 4
Browse the premium library → lottie.link/premium-assets Try it in Creator → lottie.link/creator-tw
615
LottieFiles reposted
Nattu
@reallynattu
Jun 2
VS Code's walkthrough API supports animated SVGs and deep links straight into your extension. So we built the getting-started flow as an actual onboarding experience, not a README in a sidebar. Most people never touch the walkthrough API. This is what it can do.
00:00
3K
LottieFiles reposted
Nattu
@reallynattu
May 28
Almost half of @LottieFiles' userbase are devs. Now you can do (almost) everything LottieFiles does, without leaving the IDE.
LottieFiles
@LottieFiles
May 28
LottieFiles for VS Code 2.0 is live. Browse 100K+ free animations, generate React / Vue / Angular / Svelte snippets, test state machines, and ship to CDN — without leaving your editor. (If you saw the animated GitHub READMEs going around last week, this is the tool behind
00:00
3.7K