دوره آموزشی چجوری انیمیشنهای Lottie رو توی فیگما استفاده کنیم
1 ساعت 7 دقیقهمتوسط2025-07-18
مدرسین

Tom Green
Teacher, Author, Professor
جزئیات دوره
تو این دوره همراه با کارشناس خبره، تام گرین، یاد میگیری چطور انیمیشنهای Lottie رو توی پروژههای Figma خودت به راحتی ادغام کنی. تام اول میگه اصلاً انیمیشن Lottie چیه و روند کار ساختش چجوریه. بعدش مرحله به مرحله یاد میگیری چطور افزونه Lottie رو توی Figma نصب کنی تا انیمیشنها به صورت مستقیم داخل پروژههات اجرا بشن.
بعد میری سراغ ساخت انیمیشنها با Lottie و تنظیم ویژگیهای مختلفشون. حتی با استفاده از ابزار Lottie Creator به صورت عمیقتر میتونی انیمیشنهات رو ویرایش کنی و پیکربندیهای حرفهای انجام بدی. در نهایت هم یاد میگیری چطور فایلهای Lottie رو بهینه کنی تا به راحتی به توسعهدهندهها تحویل بدی و پروژهها سریعتر پیش برن.
این دوره برای طراحان UI/UX، توسعهدهندهها و همه کسایی که میخوان انیمیشنهای جذاب و بهینه رو توی پروژههای Figma استفاده کنن، عالیه.
🎯 اهداف یادگیری:
شناخت مفهوم و کاربرد انیمیشنهای Lottie
یادگیری روند و چگونگی ساخت انیمیشنهای Lottie
آموزش نصب و استفاده از افزونه Lottie در Figma
توانایی ساخت و تنظیم انیمیشنها با Lottie
آشنایی با امکانات پیشرفته Lottie Creator برای ویرایش انیمیشنها
بهینهسازی فایلهای Lottie برای تحویل به تیم توسعه
یادگیری ادغام روان و موثر انیمیشنهای Lottie در پروژههای طراحی
بعد میری سراغ ساخت انیمیشنها با Lottie و تنظیم ویژگیهای مختلفشون. حتی با استفاده از ابزار Lottie Creator به صورت عمیقتر میتونی انیمیشنهات رو ویرایش کنی و پیکربندیهای حرفهای انجام بدی. در نهایت هم یاد میگیری چطور فایلهای Lottie رو بهینه کنی تا به راحتی به توسعهدهندهها تحویل بدی و پروژهها سریعتر پیش برن.
این دوره برای طراحان UI/UX، توسعهدهندهها و همه کسایی که میخوان انیمیشنهای جذاب و بهینه رو توی پروژههای Figma استفاده کنن، عالیه.
🎯 اهداف یادگیری:
شناخت مفهوم و کاربرد انیمیشنهای Lottie
یادگیری روند و چگونگی ساخت انیمیشنهای Lottie
آموزش نصب و استفاده از افزونه Lottie در Figma
توانایی ساخت و تنظیم انیمیشنها با Lottie
آشنایی با امکانات پیشرفته Lottie Creator برای ویرایش انیمیشنها
بهینهسازی فایلهای Lottie برای تحویل به تیم توسعه
یادگیری ادغام روان و موثر انیمیشنهای Lottie در پروژههای طراحی
مهارت ها
Figma Inc.FigmaDesign ThinkingInteraction DesignUX DesignUser ExperienceGraphic DesignWeb DevelopmentDeep Dive (X:Y)
سرفصل ها
۰. مقدمه
- 01 - ادغام Lottie و Figma
۱. ادغام لوتی و فیگما
- 02 - انیمیشنهای لوتی چیستند؟
- 03 - ایجاد یک حساب کاربری Lottie
- 04 - نصب افزونه Lottie Figma
- 05 - استفاده از افزونه فیگما
۲. کنترل انیمیشنهای Lottie در فیگما
- 06 - انیمیشن فریم
- 07 - انتقال متن
- 08 - متحرکسازی تغییرات شکل
- 09 - تبدیل انیمیشنهای هوشمند به انیمیشنهای Lottie
۳. استفاده از Lottie Creator
- 10 - بررسی اجمالی رابط کاربری Lottie Creator
- 11- آمادهسازی فضای کاری
- 12 - وارد کردن محتوا به Lottie Creator
- 13- استفاده از ابزارهای شکلدهی
- 14 - متحرکسازی یک شکل
- 15 - متحرکسازی یک گرادیان
- 16 - انیمیشن جدول زمانی
- 17 - اصلاحات نهایی
۴. ادغام Lottie Creator و Figma
- 18 - تعامل
- 19- استفاده از فایلهای Lottie با انواع Figma
- 20 - بهینهسازی فایلهای Lottie
نتیجهگیری
- 21 - مراحل بعدی