Cover Image for Workshop | Motion Design for UX with LottieFiles
Cover Image for Workshop | Motion Design for UX with LottieFiles
Avatar for Uxcel Events
Presented by
Uxcel Events
Uxcel's UX and product community. Learn together, collaborate, and create meaningful connections with creatives worldwide.

Workshop | Motion Design for UX with LottieFiles

Zoom
Get Tickets
Welcome! Please choose your desired ticket type:
About Event

β€‹πŸŽ― For UX and product designers | 🧠 Intermediate | πŸ” Interactive session | πŸ•’ 60 minutes | πŸ‘₯ 40 seats | πŸ’΅ $50 Standard / $25 Uxcel Pro


​Motion design is quickly becoming an expected skill in modern product teams, yet many designers still treat it as a separate specialty reserved for animation experts.

​If you already design in Figma, you’re much closer to shipping production-ready motion than you might think.

​In this session, you’ll learn how to turn your existing Figma assets into real product animations using LottieFiles β€” from animating vectors to exporting production-ready code ready for developer handoff.

​The workshop is led by Jaime Creixems, Motion Design Strategist at LottieFiles, who brings more than 20 years of experience in motion and product design.

​By the end of the session, you’ll have a working Lottie animation built from your own Figma assets and a practical Figma-to-Lottie cheat sheet that guides you step by step to create high-quality animations.


β€‹πŸ§  What You'll Learn

  • ​How to create animations directly from your existing Figma vectors using the LottieFiles plugin.

  • ​How to convert Figma prototypes into animations without rebuilding anything from scratch.

  • ​How to use AI to animate SVGs quickly and with greater control.

  • ​How to use motion presets and tokens for consistent, scalable motion design systems.

  • ​How to publish animations into production-ready HTML code ready for developer handoff.


β€‹πŸ•˜ Agenda

  1. ​Animating Figma vectors (10 mins): Get your first Lottie animation running directly from Figma using the LottieFiles plugin.

  2. ​Converting Figma prototypes into Lottie animations (5 mins): Turn existing Figma prototype interactions into Lottie-ready animation files without starting from scratch.

  3. ​Animating SVGs using AI (20 mins): Use AI-powered tools inside Lottie Creator to animate SVGs faster, with more flexibility and less manual effort.

  4. ​Motion presets and tokens for design systems (10 mins): Use Lottie Creator's Motion presets and tokens to build and maintain consistent motion across an entire product.

  5. ​Publishing animations into code (HTML) (5 mins): Export your animations into production-ready HTML, ready to hand off to engineering without back-and-forth.

  6. ​Q&A (10 mins): Open floor to ask Jaime anything from workflow questions to how motion fits into your specific design context.


β€‹βš™οΈ Format

​Interactive session.

​You'll participate in discussions and collaborative exercises. The instructor will guide the group through activities designed to apply the concepts in real scenarios.


β€‹πŸ‘€ Who Should Attend

​Experience level: Intermediate

​This session is designed for UX and product designers who want to add motion to their toolkit. If you've been curious about animation but assumed it required a specialist background, this is your practical entry point.


β€‹β€‹πŸŽ™οΈ Meet Your Instructor

​Jaime Creixems is a Motion Design Strategist at LottieFiles with over 20 years of experience bridging the gap between business, design, and engineering. He creates training programmes and produces tutorials on the latest Lottie features, making motion accessible to designers at every level.

​A dedicated mentor and pragmatic leader, Jaime spends his downtime podcasting, travelling, and building LEGO to the sounds of 90s grunge.

​He's bringing his hands-on, designer-first teaching style to Uxcel to help product designers unlock motion as a practical, in-demand skill.


β€‹πŸ› οΈ Tools

  • ​Figma

  • ​LottieFiles


β€‹πŸ€ Brought To You By

​​​Uxcel is a learning platform used by 500,000+ product professionals and 200+ organizations to build cross-functional skills across UX design, product management, and AI. Learn through short, gamified courses that fit into a working day, earn certifications, and build a portfolio with real-world project briefs. Ranked Top 50 Educational Product worldwide by G2 in 2024 and 2025.

​LottieFiles empowers designers and developers to enhance their projects with high-quality motion design. By offering a seamless workflow for creating, editing, and implementing animations, LottieFiles has become an industry standard for scalable motion design across web, mobile, and more.

​​​​​​​​​​​​​Interested in hosting an event with us? Apply here.

Join our Discord community of 6,800+ UX and product professionals and start connecting today.

​​​​​​​​​​​​​Catch up on past events and stay connected with us on LinkedIn, Instagram, and Twitter for more updates!


β€‹πŸ“Œ Notes

  • ​Includes access to the full recording.

  • ​Tickets are non-refundable once the session has started.

  • ​Use Uxcel registered email address when purchasing Uxcel Pro tickets.

  • ​Participants will receive a reusable Figma-to-Lottie cheat sheet template to support their workflow after the session.

Avatar for Uxcel Events
Presented by
Uxcel Events
Uxcel's UX and product community. Learn together, collaborate, and create meaningful connections with creatives worldwide.