User Flow چیست؟ آموزش طراحی یوزرفلو در UX با مثال و مراحل عملی
User Flow مسیر تعامل کاربر برای رسیدن به یک هدف در محصول را نشان می‌دهد. در این راهنما تفاوت آن با User Journey و Task Flow، علائم، مراحل طراحی و مثال عملی را یاد می‌گیرید.
دسته آموزش ویدئویی
مطالعه مطلبUser Flow چیست؟ آموزش طراحی یوزرفلو در UX با مثال و مراحل عملی
آموزش Styles در Figma؛ ساخت و مدیریت استایل در Design System
در این آموزش با پنج نوع Style در Figma، ساخت و ویرایش Color، Text، Effect، Layout Guide و Animation Style و تفاوت Styles با Variables آشنا می‌شوید.
آموزش Interactive Components در Figma؛ ساخت کامپوننت تعاملی
در این آموزش یاد می‌گیرید Interactive Components در Figma را با Variants و Change to بسازید و برای دکمه، Toggle و Checkbox پروتوتایپ واقعی‌تر و قابل‌استفاده‌مجدد ایجاد کنید.
آموزش Variants در فیگما؛ ساخت Component Set و حالت‌های حرفه‌ای
در این راهنمای عملی یاد می‌گیرید Variants و Component Set در Figma چگونه کار می‌کنند، Property و Value بسازید و بدون Variantهای اضافی کامپوننت‌های چندحالته طراحی کنید.
آموزش Auto Layout در Figma؛ طراحی ریسپانسیو با Hug و Fill
در این آموزش Auto Layout در Figma را از Padding و Gap تا Hug contents، Fill container، Fixed، Min/Max و Wrap یاد می‌گیرید و کامپوننت‌های ریسپانسیو می‌سازید.
آموزش Prototype در Figma؛ ساخت تعامل، Flow و Smart Animate
در این آموزش Prototype در Figma را از Trigger و Action تا Flow، Overlay، Scroll، Smart Animate و Presentation یاد می‌گیرید و یک نمونه تعاملی قابل تست می‌سازید.
آموزش Constraints در Figma؛ طراحی ریسپانسیو و کنترل Resize
در این آموزش Constraints در Figma را برای کنترل رفتار Layerها هنگام Resize یاد می‌گیرید؛ از Left/Right و Top/Bottom تا Center، Scale، Layout Guides و تفاوت با Auto Layout.
آموزش Properties در Figma؛ Fill، Stroke، Effect و Export — قسمت ۲
در قسمت دوم آموزش Figma با Properties Panel، Crop، Alignment، Transform، Corner Radius، Blend Mode، Fill، Stroke، Effect، Export و اشتراک‌گذاری فایل آشنا می‌شوید.
آموزش محیط Figma از صفر؛ فایل‌ها، ابزارها و شروع کار — قسمت ۱
در قسمت اول آموزش Figma با نصب و ورود، File Browser، فایل و Page، پنل‌های محیط طراحی، فونت‌های محلی، Figma Mobile، ذخیره فایل و Import آشنا می‌شوید.
۷ ابزار و پلاگین کاربردی Figma برای 3D، Motion و نظم فایل — قسمت ۳
در قسمت سوم پلاگین‌های Figma، ابزارهای 3D/Perspective، Stark، Figmotion، Measure، Brandfetch، Rename و LilGrid را با قابلیت‌های Native فعلی Figma مقایسه می‌کنیم.