پروژه کلاسی چهاردهم | کامپوننت‌ها

معرفی دوره‌ی تمرینی مقدمات Figma

00:02:34

شروع آموزش Figma

00:02:43

Figma برای چه است و آیا کد طراحی را انجام می‌دهد یا خیر

00:03:57

تفاوت بین UI و UX در Figma چه است؟

00:05:24

در این دوره‌ی Figma چه می‌سازیم؟

00:09:29

پروژه کلاسی اول خلاصه‌ی خودتان را بسازید

00:04:12

LoFi Wireframe و High Fidelity چه هستند؟

00:02:45

ساخت فایل طراحی‌مان و معرفی کردن فریم‌ها در Figma

00:08:40

اصول نوشته‌ها و فونت‌ها در Figma

00:11:03

مستطیل‌ها، دایره‌ها، دکمه‌ها و گوشه‌های گرد در Figma

00:07:01

چطور در Figma از رنگ استفاده کنیم؟

00:05:57

Strokeها و بروز کردن پیش‌فرض رنگ در Figma

00:09:39

حالت Object Editing (ویرایش هدف) و نحوه‌ی بیرون آمدن از آن در Figma

00:01:58

ابزار Scale و Selection در Figma

00:02:51

فریم‌ها و گروه‌ها در Figma

00:09:35

پروژه کلاسی دوم | Wireframeها

00:03:12

پیدا کردن آیکون‌ها رایگان برای Figma

00:09:22

یکسان کردن Stroke آیکون‌ها

00:05:28

چطور از افزونه‌ها برای آیکون‌ها در Figma استفاده کنیم

00:04:43

پروژه کلاسی سوم | آیکون‌ها

00:04:00

چطور در Figma از صفحه‌ها استفاده کنیم

00:08:43

نحوه‌ی Prototype کردن (ساخت نمونه اولیه) در Figma

00:09:55

Prototype کردن انیمیشن و Easing در Figma

00:11:03

امتحان کردن برنامه روی موبایل‌تان با Figma Mirror

00:05:52

پروژه کلاسی چهارم | تست کردن برنامه روی موبایل‌تان

00:04:02

Smart Animation (متحرک‌سازی هوشمند) و تأخیرها در Figma چه هستند

00:08:56

پروژه کلاسی پنجم | اولین انیمیشن ما

00:02:12

به اشتراک‌گذاری و کامنت‌گذاری در Figma با سهام‌داران

00:07:22

به‌اشتراک‌گذاری ویرایش با طراحان UX دیگر در Figma

00:07:09

من چطور برای پروژه‌های UX ایده می‌گیرم

00:06:51

نحوه‌ی ساخت Moodboard در Figma

00:05:45

پروژه کلاسی ششم

00:01:37

نحوه‌ی کار با ستون‌ها و گرید در Figma

00:13:47

توصیه‌ها، ترفندها، ترجیحات و چیزهای عجیب در Figma

00:07:32

ایده‌ی رنگ و ابزار Eyedropper در Figma

00:06:46

نحوه‌ی ساخت یک پالت رنگی در Figma

00:09:13

نحوه‌ی ساخت گرادیان‌ها در Figma

00:07:21

نحوه‌ی ساخت و استفاده از استایل‌های رنگ در Figma

00:08:12

پروژه کلاسی هفتم | رنگ‌ها و ستون‌ها

00:04:11

فونت در Figmaی دسکتاپ و مرورگر

00:01:42

از چه فونت‌هایی می‌توانم استفاده کنیم به اضافه‌ی ست کردن فونت‌ها در Figma

00:06:12

چه سایز فونت معمولی باید در طراحی وب انتخاب کنم؟

00:11:41

نحوه‌ی ساخت استایل‌های کاراکتر در Figma

00:06:48

لورم ایپسوم و نوشته‌ی جاپرکن در Figma

00:04:40

نکته‌های کاربردی که باید در مورد نوشته در Figma بدانید

00:09:47

نحوه‌ی درست کردن فونت‌های نداشته در Figma

00:02:54

پروژه کلاسی هشتم | نوشته

00:05:31

توصیه‌ها و ترفندهای نقاشی در Figma

00:09:50

دکمه‌های Squircle با گوشه‌های گرد iOS در Figma

00:03:00

عملیات بولی، Union، Subtract، Intersect، Exclude و Pathfinder در Figma

00:07:37

تفاوت بین Union و مسطح‌شده در Figma چیست؟

00:03:48

پروژه کلاسی نهم | ساخت چیزها

00:03:00

انتخاب هوشمند و مرتب کردن در Figma

00:08:34

آیا برای Figma باید کار با Illustrator را بلد باشم؟

00:04:07

توصیه‌ها و ترفندها برای استفاده از عکس‌ها در Figma

00:06:22

ماسک کردن و بریدن تصاویر در Figma

00:09:24

تصاویر رایگان و افزونه‌ها برای Figma

00:02:42

آیا برای طراحی UX در Figma نیاز به فتوشاپ دارید؟

00:10:30

پروژه کلاسی دهم | عکس‌ها

00:01:29

Autolayout و دکمه‌های بزرگ‌شونده در Figma چه هستند؟

00:10:38

پروژه کلاسی یازدهم | دکمه‌ها

00:01:27

Auto Layout برای فاصله‌گذاری

00:03:35

نحوه‌ی استفاده از قیدها (Constratintها) در Figma

00:08:34

ترکیب کردن فریم‌های تودرتو، Auto Layout و قیدها در Figma

00:12:06

اضافه کردن کادر متنی با ارتفاع خودکار به Auto Layout در Figma

00:08:38

پروژه کلاسی دوازدهم | طراحی Responsive

00:02:10

افکت‌های Drop Shadow و Inner Drop Shadow در Figma

00:06:07

افکت‌های Blur Layer و Background Blur و محو کردن تصاویر در Figma

00:06:09

نحوه‌ی ساخت دکمه‌های UI Neumorphic در Figma

00:07:49

پروژه کلاسی سیزدهم | افکت‌ها

00:02:05

نحوه‌ی ذخیره کردن محلی و ذخیره کردن تاریخچه در Figma

00:05:53

کامپوننت‌ها در Figma چه هستند

00:06:31

بروز کردن و تغییر دادن و بازنشانی کامپوننت‌هایتان

00:07:59

نمی‌توانید کامپوننت‌های اصلی را در Figma بکشید

00:07:34

کجا باید کامپوننت‌های اصلی‌تان را در Figma نگه دارید؟

00:05:13

معرفی قاعده‌ی نام‌گذاری در Figma

00:09:06

چطور یک کامپوننت متغیر (Variable) در Figma بسازیم

00:05:59

روش دیگر ساخت Variableها در Figma

00:05:46

نحوه‌ی ساخت یک Variable چندبعدی در Figma

00:10:08

پروژه کلاسی | Variantها

00:01:34

نحوه‌ی ساخت فرم با استفاده از Variantها در Figma

00:13:03

پروژه کلاسی شانزدهم | فرم

00:01:39

سرهم کردن همه‌چیز در مثال دسکتاپ

00:19:56

نحوه‌ی اضافه کردن یک مدال پوشاننده‌ی بازشونده در Figma

00:03:15

نحوه‌ی ساخت و Prototype کردن Tool Tip در Figma

00:07:37

جریان‌ها در Figma چه هستند؟

00:05:50

منوی هدایت پوشاننده‌ی وارد شونده‌ی موبایل در Figma

00:04:06

پروژه کلاسی هفدهم | Prototype کردن

00:01:22

چطور نوار هدایت را در Figma به بالا بچسبانیم

00:10:28

نحوه‌ی ساخت جابه‌جایی افقی در Figma

00:06:45

جابه‌جایی اتوماتیک در صفحه به نقطه‌ی اتکا در Figma

00:05:01

تیم‌ها و پروژه‌ها و فایل‌ها در Figma چه هستند؟

00:05:30

چگونه از کتابخانه‌های تیمی در Figma استفاده می‌کنید؟

00:11:15

تفاوت بین انیمیشن و ریزتعامل

00:03:07

انیمیشن با Easing سفارشی در Figma

00:25:43

پروژه کلاسی هژدهم | انیمیشن دوم من

00:01:25

نحوه‌ی ساخت گذارهای متحرک شده در Figma

00:12:46

پروژه کلاسی نوزدهم | گذار صفحه‌ها

00:01:43

ریزتعامل‌ها با استفاده از کامپوننت‌های تعاملی در Figma

00:06:06

ریزتعامل دکمه‌ی تغییر وضعیت در Figma

00:04:34

ریزتعامل منوی برگر تبدیل شده به ضربدر در Figma

00:04:35

پروژه کلاسی بیستم | ریزتعامل

00:01:47

نحوه‌ی تغییر ریزعکس (Thumbnail) برای فایل‌های Figma

00:04:21

نحوه‌ی خارج کردن عکس‌ها از Figma

00:07:52

نحوه‌ی به اشتراک‌گذاری داکیومنت‌تان با مشتری‌ها و سهام‌داران

00:07:21

صحبت کردن با برنامه‌نویس‌تان اوایل پروسه‌ی طراحی در Figma

00:04:06

به اشتراک گذاری تحویلی‌های Figma با برنامه‌نویسان و مهندس‌ها

00:07:30

تحویل‌های سطح بعد یا همان سیستم‌های طراحی چه هستند؟

00:03:30

پروژه کلاسی بیست‌و‌یکم | طراحی‌تان را تمام کنید

00:05:08