آموزش اساسيات طراحی UI UX در فیگما - بخش دوم: لایوت و کامپوننت‌ها - آخرین آپدیت

طراحی ریسپانسیو با Auto Layout Responsive Design with Auto Layout

• اتولایوت چیست و نحوه گسترش دکمه‌ها در فیگما What is Autolayout & expanding buttons in Figma

• پروژه کلاسی ۱۱: دکمه‌ها Class project 11 - Buttons

• استفاده از Auto Layout برای فاصله‌گذاری Auto Layout for spacing

• نحوه استفاده از Constraints در فیگما How to use constraints in figma

• ترکیب فریم‌های تو در تو، Auto Layout و Constraints در فیگما Combining Nested frames Auto Layout & Constraints in Figma

• افزودن Autoheight به جعبه متن در اتولایوت فیگما Adding Text Box Autoheight to Autolayout in Figma

• پروژه کلاسی ۱۲: طراحی ریسپانسیو Class Project 12 - Responsive Design

افکت‌های بصری و استایل‌دهی Visual Effects & Styling

• افکت‌های Drop Shadow و Inner Shadow جذاب در فیگما Nice drop shadow & Inner drop shadow effects in Figma

• بلور لایه، بلور پس‌زمینه و بلور تصویر در فیگما Blur Layer & Background Blur & Image Blur in Figma

• نحوه ساخت دکمه‌های رابط کاربری نومورفیک در فیگما How to make Neumorphic ui buttons in Figma

• پروژه کلاسی: افکت‌ها Class project - Effects

کار با کامپوننت‌ها Working with Components

• نحوه ذخیره‌سازی محلی و تاریخچه ذخیره‌ها در فیگما How to save locally & save history in Figma

• کامپوننت‌ها در فیگما چیستند What are components in Figma

• به‌روزرسانی، تغییر و ریست کردن کامپوننت‌ها Updating & Changing & Resetting your components

• عدم امکان حذف کامل کامپوننت‌های اصلی در فیگما You can’t kill main components in Figma

• کامپوننت‌های اصلی را در کجای فیگما نگه داریم Where should you keep your main components in Figma

• مقدمه‌ای بر قرارداد نام‌گذاری با اسلش / در فیگما Intro to the forward slash / naming convention in Figma

• پروژه کلاسی: کامپوننت‌ها Class Project - Components

واریانت‌های کامپوننت و فرم‌ها Component Variants & Forms

• نحوه ساخت واریانت‌های کامپوننت در فیگما How to make component variants in Figma

• روشی دیگر برای ساخت واریانت‌ها در فیگما Another way to make variants in Figma

• نحوه ساخت واریانت‌های چندبعدی در فیگما How to make a Multi Dimensional Variant in Figma

• پروژه کلاسی ۱۵: واریانت‌ها Class Project 15 - Variants

• نحوه ساخت یک فرم با استفاده از واریانت‌ها در فیگما How to make a form using variants in Figma

• پروژه کلاسی ۱۶: فرم Class Project 16 - Form

تکنیک‌های نهایی پروتوتایپینگ Final Prototyping Techniques

• پیاده‌سازی کلی در یک مثال دسکتاپ Putting it all together in an desktop example

• نحوه افزودن مودال‌های پاپ‌آپ در فیگما How to add a popup overlay modal in Figma

• نحوه ساخت و پروتوتایپ کردن تول‌تیپ در فیگما How to make & prototype a tool tip in Figma

• فلوها (Flows) در فیگما چیستند What are Flows in Figma

• ساخت منوی ناوبری لغزنده موبایل در فیگما Slide in mobile nav menu overlay in Figma

• پروژه کلاسی: پروتوتایپینگ Class project - Prototyping