امروزه طراحی رابط کاربری (UI) به یکی از ارکان اصلی موفقیت در دنیای دیجیتال تبدیل شده است. طراحان UI با خلق رابط‌های کاربری جذاب و کاربرپسند، تجربه کاربری (UX) را ارتقا می‌دهند و به این ترتیب، رضایت کاربران را افزایش می‌دهند. در میان ابزارهای متعدد طراحی UI، فیگما (Figma) به عنوان یک پلتفرم قدرتمند و محبوب، جایگاه ویژه‌ای یافته است.
در اولین قسمت از سری آموزش های ویدیویی رایگان فیگما، به معرفی جامع و کار با فیگما می‌پردازیم و با زبانی ساده و کاربردی از صفر بخش های مختلف آن را به شما آموزش می دهم که در زیر بخش های مهم آن را می بینید:
- فیگما چیست؟
- معرفی کاربردهای ابزار Figma
- معرفی فیگجم – FigJam
- معرفی Dev Mode در Figma
- Dev Mode در چه پلن‌هایی در دسترس است؟
- نحوه ثبت نام در فیگما
- آیا میشه از Figma بدون اینترنت استفاده کرد؟
- نحوه حل مشکل باز نشدن فیگما یا رفع تحریم Figma
- معرفی و دانلود ابزار رفع تحریم های اینترنتی XDNS
- اجرای Figma روی Windows، macOS و Linux؛ Desktop App یا Browser
- معرفی و دانلود Figma Mobile برای اندرویید و iOS
- معرفی و دانلود Figjam روی آیپد
- حل مشکل عدم نمایش فونت ها در فیگما
- نحوه نصب فونت های فارسی و انگلیسی رو Figma
- معرفی بخش های مختلف صفحه Home فیگما
- نحوه ورود و کار با چند اکانت در Figma
- نحوه تغییر حالت روشن و تاریک فیگما
- معرفی بخش های مختلف صفحه تنظیمات Figma
- تغییر رمز عبور فیگما
- نحوه فعالسازی ویژگی های آزمایشی Figma
- نحوه پاک کردن اکانت فیگما
- تنظیمات اعلانیه ها یا نوتیفیکیشن های Figma
- تفاوت بین حالت رایگان و پولی فیگما چیست؟
- معرفی تغییرات جدید Drafts و تیم ها در Figma
- معرفی کامیونیتی فیگما
- نحوه ساخت اولین فایل دیزاین Figma
- نحوه ساخت اولین فایل فیگجم در Figma
- چطور فایل دیزاینی را به داخل فیگما وارد کنیم؟ Import in Figma
- نحوه بازگردانی فایل های Figma پاک شده
ویدیوی کامل شروع کار با Figma
اگر فیلترشکن شما خاموش است، ویدیو را همین‌جا از آپارات تماشا کنید. برای تماشای نسخه یوتیوب با بالاترین کیفیت، از دکمه‌های زیر استفاده کنید.
1. فیگما چیست؟
فیگما یک ابزار آنلاین طراحی رابط کاربری و تجربه کاربری است که به طراحان امکان می‌دهد تا به صورت اشتراکی و همزمان بر روی پروژه‌های خود کار کنند. این ابزار با ارائه طیف وسیعی از ابزارها و قابلیت‌ها، به طراحان کمک می‌کند تا ایده‌های خود را به واقعیت تبدیل کنند.
2. معرفی کاربردهای ابزار فیگما
از فیگما می‌توان برای موارد زیر استفاده کرد:
- طراحی رابط کاربری (UI) وب‌سایت‌ها و اپلیکیشن‌های موبایل
- طراحی تجربه کاربری (UX)
- طراحی پروتوتایپ
- ایجاد موکاپ
- طراحی آیکون و المان‌های گرافیکی
- انیمیشن‌سازی
- ساخت ارائه و پاورپوینت
- و …
مزایای استفاده از فیگما
استفاده از فیگما مزایای متعددی دارد که در ادامه به برخی از مهم‌ترین آنها اشاره می‌کنیم:
1. رایگان بودن:
پلن Starter نسخه رایگان Figma است و برای پروژه‌های شخصی و شروع یادگیری مناسب است، اما همه قابلیت‌ها را شامل نمی‌شود. برای مثال Dev Mode در Starter در دسترس نیست و برخی امکانات همکاری، Library و تاریخچه نسخه‌ها محدودتر هستند.
2. پلتفرم آنلاین:
برخلاف بسیاری از ابزارهای طراحی رابط کاربری که به صورت آفلاین ارائه می‌شوند، فیگما یک پلتفرم آنلاین است. این ویژگی مزایای متعددی را به همراه دارد، از جمله:
- دسترسی از هر کجا: با استفاده از فیگما می‌توانید از هر مکانی که به اینترنت دسترسی دارید، به پروژه‌های خود دسترسی داشته باشید.
- همکاری آسان: امکان کار اشتراکی بر روی پروژه‌ها به صورت همزمان برای چندین نفر فراهم می‌شود. دیگر نیازی به اشتراک‌گذاری فایل‌ها و نگرانی بابت به‌روزرسانی نسخه‌ها نیست.
- ذخیره‌سازی ابری: پروژه‌های شما به صورت خودکار در فضای ابری ذخیره می‌شوند و از این رو نگرانی بابت از دست رفتن اطلاعات خود نخواهید داشت.
3. کار اشتراکی:
یکی از مهم‌ترین مزایای فیگما، امکان کار اشتراکی بر روی پروژه‌ها به صورت همزمان برای چندین نفر است. این ویژگی برای تیم‌های طراحی و پروژه‌هایی که نیاز به همکاری افراد مختلف دارند، بسیار مفید است. با استفاده از فیگما، طراحان می‌توانند به طور همزمان بر روی بخش‌های مختلف یک پروژه کار کنند، نظرات خود را به اشتراک بگذارند و به سرعت تغییرات را اعمال کنند.
4. ابزارهای قدرتمند:
فیگما طیف وسیعی از ابزارهای قدرتمند را برای طراحی رابط کاربری و تجربه کاربری ارائه می‌دهد. این ابزارها به طراحان امکان می‌دهند تا ایده‌های خود را به بهترین نحو به واقعیت تبدیل کنند. برخی از مهم‌ترین ابزارهای فیگما عبارتند از:
- ابزارهای طراحی برداری
- ابزارهای مسیریابی
- ابزارهای ویرایش متن
- ابزارهای انیمیشن‌سازی
- ابزارهای نمونه‌سازی
- و …
5. قابلیت انعطاف پذیری:
فیگما بسیار انعطاف‌پذیر است و می‌توان از آن برای طراحی رابط کاربری و تجربه کاربری انواع مختلف پروژه‌ها، از جمله وب‌سایت‌ها، اپلیکیشن‌های موبایل، رابط‌های کاربری نرم‌افزارها و … استفاده کرد.
6. پلاگین‌ها و افزونه‌ها:
علاوه بر ابزارهای داخلی، فیگما از پلاگین‌ها و افزونه‌های متعددی نیز پشتیبانی می‌کند که توسط توسعه‌دهندگان شخص ثالث ارائه می‌شوند. این پلاگین‌ها می‌توانند به شما در انجام کارهای مختلفی، مانند ایجاد نمودار، طراحی آیکون، مدیریت وظایف و … کمک کنند.
7. جامعه کاربری فعال:
فیگما دارای جامعه کاربری فعال و پرشماری است که شامل طراحان، توسعه‌دهندگان و علاقه‌مندان به این ابزار می‌شود. این جامعه از طریق انجمن‌های آنلاین، شبکه‌های اجتماعی و وب‌سایت‌های آموزشی، به اشتراک‌گذاری دانش، تجربیات و ایده‌ها می‌پردازند.
8. به‌روزرسانی‌های مداوم:
تیم توسعه‌دهنده فیگما به طور مداوم در حال به‌روزرسانی این ابزار و اضافه کردن ویژگی‌های جدید به آن هستند. این به‌روزرسانی‌ها باعث می‌شوند تا فیگما به ابزاری روزآمد و قدرتمند برای طراحی رابط کاربری و تجربه کاربری تبدیل شود.
9. پلن‌های رایگان و پولی:
Figma در کنار Starter، پلن‌های پولی Professional، Organization و Enterprise دارد. تفاوت اصلی آنها در امکانات همکاری، Dev Mode، Design System، مدیریت و امنیت است؛ قیمت و جزئیات پلن‌ها ممکن است تغییر کند و باید از صفحه رسمی Figma بررسی شود.
10. رابط کاربری ساده و جذاب:
فیگما دارای رابط کاربری ساده و جذاب است که یادگیری و استفاده از آن را بسیار آسان می‌کند. حتی طراحان مبتدی نیز می‌توانند به سرعت با این ابزار کار کنند و از امکانات مختلف آن بهره‌مند شوند.
با توجه به مزایای متعددی که ذکر شد، فیگما به یکی از محبوب‌ترین ابزارهای طراحی رابط کاربری در بین طراحان و توسعه‌دهندگان در سراسر جهان تبدیل شده است.
وضعیت فعلی Figma در ۲۰۲۶
Figma یک محصول cloud-first و عمدتا مرورگرمحور است. Desktop App رسمی برای Windows و macOS وجود دارد؛ روی Linux می‌توانید از مرورگر پشتیبانی‌شده استفاده کنید. نسخه موبایل برای iOS و Android هم برای مشاهده و Preview در دسترس است.
در حالت آفلاین هم امکان ادامه کار در برخی شرایط وجود دارد، اما ذخیره تغییرات به cache مرورگر/اپ وابسته است و برای همگام‌سازی مطمئن باید دوباره آنلاین شوید.
