فیگما (Figma) چیست؟

فیگما یک ابزار طراحی گرافیک برداری (Vector) و نمونه‌سازی اولیه (Prototyping) تحت وب است که به طور ویژه برای طراحی رابط کاربری (UI) و تجربه کاربری (UX) ساخته شده است. برخلاف رقبای قدیمی خود، فیگما بر پایه مرورگر کار می‌کند؛ این یعنی شما برای استفاده از آن نیازی به نصب نرم‌افزارهای سنگین ندارید و تنها با یک اتصال اینترنت و یک مرورگر می‌توانید در هر سیستم‌عاملی (ویندوز، مک، لینوکس و حتی کروم‌بوک) به پروژه‌های خود دسترسی داشته باشید. البته فیگما نسخه دسکتاپ را نیز برای راحتی بیشتر کاربران ارائه داده است.

چرا فیگما انقلابی در دنیای طراحی ایجاد کرد؟

موفقیت چشمگیر فیگما اتفاقی نیست. این ابزار ویژگی‌های منحصربه‌فردی را معرفی کرد که قبل از آن در هیچ نرم‌افزار طراحی دیگری به این شکل وجود نداشت:

۱. همکاری همزمان و آنلاین (Real-time Collaboration)

بزرگ‌ترین برگ برنده فیگما، امکان کار گروهی همزمان است. درست همان‌طور که چند نفر می‌توانند همزمان روی یک سند در Google Docs کار کنند، در فیگما نیز چندین طراح، مدیر محصول و برنامه‌نویس می‌توانند به طور همزمان روی یک پروژه طراحی کار کنند، تغییرات یکدیگر را ببینند و کامنت بگذارند. این ویژگی نیاز به خروجی گرفتن‌های مداوم و ارسال فایل‌ها از طریق ایمیل یا تلگرام را کاملاً از بین برد.

۲. مبتنی بر ابر (Cloud-Based) و بدون نیاز به ذخیره‌سازی

در فیگما چیزی به نام دکمه دکمه Ctrl + S وجود ندارد! همه چیز به صورت خودکار و لحظه‌ای روی سرورهای ابری ذخیره می‌شود. این یعنی اگر لپ‌تاپ شما ناگهان خاموش شود یا بسوزد، حتی یک پیکسل از طراحی شما از دست نخواهد رفت. همچنین تاریخچه نسخه‌ها (Version History) به شما اجازه می‌دهد هر زمان که خواستید به نسخه‌های چند روز قبل پروژه بازگردید.

۳. ابزار قدرتمند نمونه‌سازی (Prototyping)

فیگما فقط برای نقاشی کردن ظاهر سایت یا اپلیکیشن نیست. شما می‌توانید با وصل کردن صفحات به یکدیگر، تعریف انیمیشن‌ها، افکت‌های هاور (Hover) و کلیک، یک نمونه اولیه متحرک و کاملاً تعاملی بسازید که دقیقاً مثل یک اپلیکیشن واقعی کار کند. این ویژگی برای تست کردن ایده قبل از کدنویسی فوق‌العاده است.

جدول مقایسه فیگما با رقبای اصلی (در یک نگاه)

ویژگی‌های فنی و کلیدی فیکما برای طراحان حرفه‌ای

اگر می‌خواهید بدانید چرا طراحان حرفه‌ای عاشق فیگما هستند، باید با این سه ویژگی حیاتی آشنا شوید:

• لایه بندی خودکار (Auto Layout): این ویژگی به طراحان اجازه می‌دهد دکمه‌ها، منوها و کارت‌هایی بسازند که با تغییر متن داخل آن‌ها، ابعاد باکس به صورت هوشمند و خودکار بزرگ و کوچک شود (کاملاً شبیه به رفتار Flexbox در زبان CSS).
• کامپوننت‌ها (Components): شما می‌توانید یک المان (مثل دکمه هدر) را به عنوان کامپوننت مادر تعریف کنید و در صدها صفحه از آن کپی بگیرید. اگر روزی تصمیم بگیرید رنگ این دکمه را عوض کنید، فقط کافیست کامپوننت مادر را تغییر دهید تا هر صد دکمه در تمام صفحات به طور خودکار به‌روزرسانی شوند.
• کتابخانه تیم (Team Libraries): تیم‌ها می‌توانند یک سیستم طراحی (Design System) یکپارچه شامل رنگ‌ها، فونت‌ها و المان‌ها بسازند تا تمام پروژه‌های شرکت از یک استاندارد بصری واحد پیروی کنند.