
Outdoorsy who makes internet stuff | Sr. Product Designer at @lottiefiles
Jeddah, Saudi Arabia
Joined March 2012
- Tweets415
- Following201
- Followers585
- Likes15.7K
Pinned Tweet
اليوم كملت كورس Lottie to Figma وكانت تجربة بسيطة و ممتعة، تعلمت كيف ممكن تحول التصميم الى موشن بسلاسة وخفة وتقدر تضيفها الي تطبيقك وموقعك لاضافة حياة و تتفاعل مع المستخدمين بشكل افضل. ودا كل ب ساعة وحدة مع التطبيق.
بالاسفل تطبيقات اكثر و رابط الكورس المجاني مع الشهادة!
Ali Maasher retweeted
Figma Motion just added Lottie export.
So do you still need the LottieFiles plugin?
→ Figma Motion: built-in and fast. Some layers, like nested masks, can export as raster
→ LottieFiles plugin: fully vector, with motion tokens and state machines built in
Which one fits your workflow? Full breakdown below 👇
Ali Maasher retweeted
I recently wrapped up my time at LottieFiles and I’m looking for what’s next 👋
Looking for Senior / Staff Product Designer or Design Engineer roles focused on complex products, systems, interaction + visual craft, and implementation
Know a team that might fit? I’d love to chat
Ali Maasher retweeted
Cat? ✅ Robot? ✅ Anything else? ✅
Check out what our 3D illustration generator can do.
Try it yourself: iconscout.link/ai
Ali Maasher retweeted
With ChatGPT → a flat video you can't edit.
With ChatGPT + WebMCP + Lottie Creator → a real editable Lottie animation.
Same prompt. Production-ready output.
Which side looks better?
Lottie Creator now supports WebMCP. Link in comments.
Ali Maasher retweeted
How many plugins am I building?
Yes.
Check out Morpher. A simple and easy shapes and icon morpher
→bazaar.lottiefiles.com/plugi…
These are six plugins I wished existed in @LottieFiles Creator, so I built them myself.
Gradients that loop. Metaballs that exports to lottie. Strokes that glow. Text effects I don't have to rebuild every time. Waves you can actually tune.
All of them save me from doing it by hand again.
Everything exports clean to Lottie.
All FREE in Creator Bazaar 👉🏽 bazaar.lottiefiles.com
Lottie Squad فاتح التقديم الحين للعالم كله، وهذي فرصة قوية للمبدعين العرب 🌍
تحصل على Pro Workspace، ووصول مبكر للمزايا الجديدة، وشغلك يوصل لمجتمع الموشن العالمي.
المحتوى العربي في الموشن يستاهل حضور أكبر، قدّموا وورونا إبداعكم 👇
Ali Maasher retweeted
Using AI for animation isn't "cheating.”
We built a skill that teaches AI the 12 motion principles.
Works with CSS, GSAP, Framer Motion & Lottie.
Spot the difference.
Free on GitHub. Link in the comments 👇
Ali Maasher retweeted
شوي، بديت أشوف مستخدمين كلود أكثر مستخدمين performative
سواليفهم عنه أكثر من نتائج شغلهم فيه. عرفنا أنك خلصت الحد اليومي له، بس والله ودي أعرف وش قاعد تسوي بذا الحد اليومي
تعبت من الي يتكلم عن ال AI و كيف بيحرق التوكن في ساعتين و الكلام دا كله و ماعمري شفت شغله ولا منتج / مخرج with good output quality 🫠
للاسف اغلب الفيد صارت كذا
Ali Maasher retweeted
State machines. Design tokens. Theming.
That's what turns a Figma Motion animation into real production motion, and it all rides in one dotLottie.
Figma just shipped shaders too. Should we bring those in next?
Ali Maasher retweeted
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.
Ali Maasher retweeted
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 handle motion right now?
Ali Maasher retweeted
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?
Ali Maasher retweeted
Most devs don't realize their GitHub can do THIS 👇
Yes, GitHub renders animations in READMEs.
Drop your favorite GitHub repo that needs some animation love! We'll animate them.
لسي جربت @LottieFiles Creator MCP مع Claude، عشان اعمل لودر سريع و بيتحول ل تشك مارك…التجربة سريعة و ممتازة
ممكن اقضي وقت اطول عشان يوصل ل شكل احترافي بس سايب دا ل بعدين و اجرب اعمل انيميشن ثانية، بس ك اول بداية it’s very promising!! 🔥🙌🏻
شرح كيف تعمل كونكت بالاسفل 👇🏻
استعمل ال AI agents انهم يعملو لوتي انيميشن لموقعك و تطبيقك، مالك عذر دحين اذا لسى منتجك التقني جامد من غير حياة 🤷🏻♂️🤷🏻♂️














