آموزش فیگما پیشرفته بخش دوم: تعاملات، پروتوتایپینگ و موشن UI - آخرین آپدیت

ساخت زیرساخت‌های ریسپانسیو با اتولایوت‌ها Building Responsive Foundations with Auto Layouts

• مقدمه‌ای بر اتولایوت‌های تو در تو و ریسپانسیو Intro to Nested & Responsive Auto layouts Section

• ویدیو کاربردی: مرتب‌سازی شلوغی‌های فریم و کامپوننت Production video - Tidying up my frame & component mess

• وارد کردن تصاویر با استفاده از پلاگین Unsplash در فیگما Bring in images using the Unsplash plugin in Figma

• ویدیو کاربردی: ساخت بخش‌های اتولایوت تو در تو Production video - Making the parts for our nested autolayout

• قرار دادن چندین اتولایوت تو در تو در فیگما Nesting Multiple Auto Layouts inside each other in Figma

• اتولایوت تو در تو با واریانت‌ها و متن ریسپانسیو در فیگما Autolayout Nesting with variants and responsive text in Figma

• اتولایوت در اندازه‌های مختلف دستگاه: نحوه ساخت اتولایوت‌های پیشرفته Auto Layout on different device sizes- How to make advanced Auto Layouts

• متن ریسپانسیو که برای دو خط در فیگما تنظیم می‌شود Responsive text that adjusts for 2 lines in Figma

• ساخت پس‌زمینه گرادینت انتزاعی در فیگما به روش آسان Abstract Gradient Background in Figma the easy way

انیمیت کردن عناصر UI با موشن و بازخورد Animating UI Elements with Motion & Feedback

• نحوه کپی و پیست کردن تعاملات در فیگما How to copy and paste Interactions in Figma

• نحوه انیمیت کردن مش گرادینت با استفاده از واریانت‌ها در فیگما How to animate gradient mesh using Variants in Figma

• پروژه کلاسی ۰۴: انیمیشن پس‌زمینه Class project 04 - Background Animation

• متن Houdini: نحوه ساخت انیمیشن ماسک متن در فیگما Houdini Text: How to make a text mask animation Figma?

• نحوه استفاده از انیمیشن‌های Spring در فیگما How to use the Spring Animations in Figma

• انیمیشن Spring: نحوه ساخت انیمیشن Spring سفارشی در فیگما Spring Animation: How to make custom Spring Animation in Figma

• چرا گزینه Interaction on Tap در فیگما خاکستری یا غایب است؟ Why is interaction on tap on click grayed out or missing in Figma?

• پروژه کلاسی ۰۵: پروتوتایپینگ انیمیشن متن Houdini - سطح ۱ Class project 05 - Houdini Text Animation Prototyping - Level 1

ناوبری، اسکرول‌های چسبان و پروتوتایپینگ موبایل Navigation, Sticky Scrolls & Mobile Prototyping

• ساخت و حذف دسته‌جمعی سیم‌های اتصال (Noodles) در فیگما Create & remove bulk multiple noodles wires at once in Figma

• نحوه به‌روزرسانی دسته‌جمعی لینک‌های ناوبری در پروتوتایپ فیگما How to bulk update nav links in your Figma prototype

• نحوه تنظیم گوشی صحیح و یافتن گوشی‌های قدیمی پروتوتایپ در فیگما How to set the right phone and find old prototype phones in Figma

• نحوه ساخت نوار جستجوی اسکرول چسبان (Sticky) در فیگما How to make sticky scroll position search bar in Figma

• نحوه قرار دادن چندین متن چسبان در اسکرول عمودی فیگما How to stack multiple sticky text vertical scrolling in Figma

• پروژه کلاسی ۰۶: چندین عنوان چسبان (Sticky Headings) Class project 06 - Multiple Sticky Headings

کامپوننت‌های تعاملی و طراحی UI سیستم‌عامل Interactive Components & OS UI Design

• نحوه ساخت کامپوننت‌های تعاملی در فیگما How to make Interactive Components in Figma

• نحوه ساخت تیک فعال و غیرفعال شونده در فیگما How to make a checkmark turn on and off in Figma

• کامپوننت‌های تعاملی با دکمه لغزان در ناوبری فیگما Interactive components with sliding button in navigation for Figma

• پروژه کلاسی ۰۷: چالش ناوبری با دکمه لغزان Class project 07 - Sliding Button Nav Challenge

• پروژه کلاسی ۰۷: تکمیل شده Class project 07 - Completed

• نحوه استفاده از Sections در فیگما برای سازماندهی محتوا How to use Sections in Figma for organizing your content

• نحوه استفاده از بخش‌ها برای پروتوتایپینگ در فیگما How to use sections for prototyping in Figma

• نحوه افزودن نوار وضعیت باتری، وای‌فای و ناچ iOS به فیگما How to add iOS battery wifi notch status bar to Figma

• نحوه افزودن UI اسنک‌بار (Snack Bar) اندروید یا iOS به فیگما How to add iOS or Android Snack Bar UI to Figma

• پروژه کلاسی ۰۸: رابط کاربری سیستم‌عامل Class project 08 - Operating System UI

مدیریت پیشرفته لایه‌ها و واریانت‌ها در سیستم‌های طراحی Advanced Layer & Variant Management in Design Systems

• در مورد آنچه در فیگما می‌سازید دقت کنید Be careful what you create in Figma

• میانبرهای پیشرفته لایه در فیگما چیست؟ What are the advanced Layer shortcuts in Figma

• نحوه یافتن میانبرهای Zen لایه در فیگما How to find layer Zen shortcuts in Figma

• نحوه مخفی کردن و قفل/باز کردن تمام لایه‌ها در فیگما How to hide and lock unlock all layers in Figma

• نحوه استفاده از لایه‌های قفل شده در فیگما How to use Locked layers in Figma

• نحوه یافتن، جایگزینی و انتخاب چندگانه در جستجوی لایه فیگما How to Find Replace and Multi-select Layer Search in Figma

• نحوه تغییر نام دسته‌جمعی لایه‌ها با ترفندهای پیشرفته در فیگما How to Bulk Rename Layers with advanced tricks in Figma

• نحوه جایگزینی نمونه‌ها (Instances) و واریانت‌ها با میانبرها در فیگما How to replace instances and variants with shortcuts in Figma

• نحوه استفاده از Instance Swap در ویژگی‌های کامپوننت فیگما How to use Instance Swap Component Properties with preferred in Figma

ویژگی‌های کامپوننت و یکپارچه‌سازی سیستم طراحی Component Properties & Design System Integration

• نحوه استفاده از ویژگی متن کامپوننت (Component Text Property) در فیگما How to use Component Text Property in Figma

• نحوه استفاده از ویژگی Boolean کامپوننت در فیگما How to use Boolean Component Property in Figma

• نحوه ساخت یک فیلد ورودی تنها با استفاده از ویژگی‌های کامپوننت در فیگما How to make an input field using only component properties in Figma

• نحوه ترکیب واریانت‌ها با ویژگی‌های کامپوننت در فیگما How to Combine Variants with Component Properties in Figma

• نحوه اعمال ویژگی‌های کامپوننت بر روی سیستم‌های طراحی موجود How to apply component properties to existing design systems

• Simplify Instances در فیگما چیست؟ What is Simplify Instances in Figma

• گزینه Expose Nested Instances در فیگما چه کاری انجام می‌دهد؟ What does Expose Nested Instances do in Figma

• پروژه کلاسی ۰۹: یک دکمه برای مدیریت همه Class project 09 - One button to rule them all

• برخی نکات و ترفندهای فونت در فیگما What are some font tips and tricks in Figma

• نحوه مشاهده پیش‌نمایش زنده فونت‌ها در فیگما How to see Live Font Previews in Figma

• نحوه ریست کردن فونت‌ها و تنظیم فونت‌های پیش‌فرض در فیگما How to reset fonts & set default fonts in Figma