Відео

توی این قسمت، ساخت کامپوننت ورینت ها رو باهم یاد میگیریم و اینکه هر کدوم از پراپرتی های فیگما چطور کار میکنند رو باهم بررسی میکنیم از ورینت های ساده تا عملگر های boolean، Instance swap و Text property پیج دریبل من dribbble.com/AlionDesign اینستاگرام alion_design

توی این ویدیو یاد میگیرید که کامپوننت ها داخل فیگما چی هستند، چطور کار میکنند و شما چرا و چه مواقعی باید از اونها استفاده کنید و چه بخش هایی از دیزاینتون رو تبدیل به کامپوننت کنید! همینطور یاد میگرید مستر کامپوننت Master component یا مین کامپوننت Main component یا همون کامپوننت مادر یا کامپوننت اصلی چی هست و نمونه کامپوننت یا کامپوننت فرزند یا همون اینستنس Instance چی هست همینطور بهتون میگم که ...

توی این قسمت یکی از بخش های پرتوتایپ فیگما به نام overlay رو باهم کار میکنیم پیج دریبل من dribbble.com/AlionDesign اینستاگرام alion_design

تو این ویدیو به صورت کامل یاد میگیرید آتو لیوات و تک تک تنظیماتش چی هستن و چجوری کار میکنن از جمله absolute position و Fixed width و Hug contents و Fill container که خیلیا هنوز بجای همدیگه اشتباهی به کار میبرنشون. بعد از این میریم باهم یک کارت رو با استفاده از آتولیوات باهم میسازیم، چالش هاشو میبینیم و کاملا تمام مباحث آتولیوات پوشش داده میشه براتون. سرفصل های این ویدیو 0:00 موضوع و مقدمه 1:37 ...

توی این ویدیو قابلیتهایی که به کامپوننت های فیگما اضافه شده رو باهم بررسی میکنیم که شامل boolean property, Instance swap property و Text property میشه و با یک مثال کامل همه این پراپرتی های جدید رو باهم میبینیم که چطور کار میکنند. پیج دریبل من dribbble.com/AlionDesign اینستاگرام alion_design 0:00 مقدمه 0:24 ایجاد Variant 1:36 Boolean 7:14 Instance Swap 11:19 Text Property 13:55 مر...

توی این ویدیو باهم تغییراتی که اتولیوات داشته، چیزایی که بهش اضافه شده مثل Absolute position ، Text baseline alignment ، Negative spacing و کلی چیزای دیگه رو باهم توی Autolayout جدید فیگما بررسی میکنیم. پیج دریبل من dribbble.com/AlionDesign اینستاگرام alion_design

توی این قسمت که بعد مدتها گذاشتم باهم آپدیت بزرگ فیگما رو بررسی میکنیم و بعضی از ویژگی هاشو میبینیم، امیدوارم بدردتون خورده باشه پیج دریبل من dribbble.com/AlionDesign اینستاگرام alion_design

این قسمت بهتون روش ساختن اسکرول کلی صفحه و اسکرول داخلی اجزای صفحه رو یاد میدم (که در اصل تفاوت چندانی باهم ندارن) و بهتون میگم چطور میتونید در هر دو جهت اسکرول بدید که یجورایی شبیه به درگ کردن بشه. پیج دریبل من dribbble.com/AlionDesign اینستاگرام alion_design

یکی از مشکلات رایج ساخت دراپ دان داخل فیگما این بوده که اگه داخل یک اتولیوات قرار داشته باشه همیشه محتویاتش زیر بقیه آیتم ها نمایش داده میشه و امروز قراره بهتون بگم چطور این مشکل رو داخل اتولیوات حل کنید و بتونید به راحتی از دراپ داون هاتون استفاده کنید. پیج دریبل من dribbble.com/AlionDesign اینستاگرام alion_design

تو این ویدیو اول بهتون خروجی گرفتن عادی از فیگما رو بهتون میگم بعد اینکه چطور به صورت پشت سر هم از فریم ها خروجی بگیرید و اینکه چطور حالا میتونید با فیگما سایز خروجیتون رو بهینه کنید. آخر هم میریم سراغ ابزار های دیگه برای بهینه سازی حجم فایل و لینک کردن صفحات به همدیگه. پیج دریبل من dribbble.com/AlionDesign اینستاگرام alion_design

تو این قسمت قراره یک سری از کارایی که تو دریبل انجام میشه و باعث میشه طرحتون قشنگ تر جلوه بده رو بهتون بگم. پیج دریبل من dribbble.com/AlionDesign اینستاگرام alion_design

تو این قسمت براتون بعضی از طرح های معروف رو بررسی میکنم و قراره باهم ببینیم دلیل زیبا بودن کارایی که تو دریبل هست چیه؟ پیج دریبل من dribbble.com/AlionDesign اینستاگرام alion_design

تو قسمت دوم ساخت جدول ریسپانسیو بهتون میگم چطور داخل ستون هاتون دکمه و آیکون قرار بدید و بتونید داخل اینستنس سایز هر ستون کامپوننتون رو تغییر بدید. پیج دریبل من dribbble.com/AlionDesign اینستاگرام alion_design

تو این قسمت یک جدول خیلی ساده باهم تو فیگما میسازیم که به صورت کامل ریسپانسیو باشه و تو قسمت های بعدی قراره یکم سخت ترش کنیم و ببینیم چجوری میشه سایز هارو تو این جدول تغییر داد و آیکون یا دکمه داخلش قرار داد پیج دریبل من dribbble.com/AlionDesign اینستاگرام alion_design

آموزش فیگما - آموزش کامل Pen Tool فیگما

آموزش ساخت دکمه برای دیزاین سیستم قسمت سوم-Make design system button in Figma part 3

آموزش ساخت دکمه برای دیزاین سیستم قسمت دوم -Make design system button in Figma part 2

آموزش ساخت دکمه برای دیزاین سیستم -Make design system button in Figma

قسمت سوم ساخت پست و استوری اینستاگرام در فیگما و فتوشاپ - حذف بک گراند عکس با سه روش مختلف

قسمت دوم ساخت پست و استوری اینستاگرام در فیگما - Create Instagram posts and stories part 2

آموزش ساخت پست و استوری اینستاگرام در فیگما - Create Instagram posts and stories

ساخت، پروتوتایپ و ادیت کامپوننت های بزرگ در فیگما (آموزش پیشرفته)

آموزش نام گذاری لایه ها در فیگما (آموزش پیشرفته) - Naming layers in Figma

ساخت تکست فیلد با فیگما (آموزش پیشرفته) - outline text field with Figma

چگونه رنگ صحیح انتخاب کنیم

اصول تجربه کاربری - UX Checklist

نکات و ترفندهای فیگما - فریم های طول و عرض صفر | Figma Tips and Tricks- Zero Length and Width Frames

سینک کردن اطلاعات گوگل شیت و فیگما

همین امروز ادوبی ایکس دی رو پاک کن - Figma or Adobe XD