در این آموزش با یک پروژه عملی، خیلی سریع با محیط و ابزارهای اصلی Figma آشنا می‌شوید. پروژه نمونه یک اپلیکیشن سفارش غذاست و در طول آن صفحه ورود و بخش‌هایی از صفحه اصلی را طراحی می‌کنیم تا به‌جای یادگیری صرف ابزارها، کاربرد آن‌ها را در یک سناریوی واقعی ببینید.
این ویدیو در سال 2021 ضبط شده است و ظاهر بعضی بخش‌های Figma از آن زمان تغییر کرده، اما مفاهیم اصلی مثل Frame، Group، Spacing، Shadow و کار با آیکان‌ها همچنان قابل استفاده‌اند.
در این آموزش چه می‌سازیم؟
هدف این آموزش ساخت دو بخش از یک اپلیکیشن سفارش غذاست تا همزمان با طراحی، با منطق کار در Figma آشنا شوید.
- ساخت و مدیریت Frame برای موبایل
- طراحی صفحه Login
- کار با Radius و Shadow
- استفاده از آیکان‌های SVG
- گروه‌بندی و تکثیر عناصر
- تنظیم فاصله بین اجزای رابط کاربری
فهرست زمانی ویدیو
- 00:23 — معرفی پروژه تمرینی
- 01:24 — نصب و شروع کار با Figma
- 02:02 — ساخت حساب و ورود به Figma
- 05:25 — Zoom و کار با Canvas
- 05:45 — آشنایی با Frame و اندازه‌های مختلف
- 07:35 — طراحی صفحه ورود
- 09:10 — ساخت Shadow
- 11:50 — استفاده از آیکان‌های SVG
- 20:07 — شروع طراحی صفحه سفارش غذا
- 27:12 — تنظیم فاصله مساوی بین عناصر
ویدیوی آموزش
این آموزش برای چه کسی مناسب است؟
اگر قبلا با Figma کار نکرده‌اید یا فقط محیط آن را دیده‌اید، این آموزش نقطه شروع سریعی است. بعد از آن بهتر است سراغ آموزش‌های جداگانه Auto Layout، Components، Prototype و Design System بروید تا workflow امروزی Figma را کامل‌تر یاد بگیرید.
