🟣 فیگما (Figma) چیست؟
فیگما یک ابزار طراحی رابط کاربری (UI) و تجربه کاربری (UX) مبتنی بر وب هست که به طراحها اجازه میده:
* طراحی صفحات وب، اپلیکیشن موبایل و نرمافزار انجام بدن.
* به صورت تیمی و همزمان روی یک پروژه کار کنن.
* طراحیها رو با توسعهدهندهها (برنامهنویسها) به اشتراک بذارن.
🔧 ویژگیهای اصلی Figma:
* مبتنی بر مرورگر (Browser-Based) هست، نیازی به نصب نداره.
* رایگان برای استفادهی شخصی در اکثر کاربردها.
* قابلیت کار گروهی (Collaboration) همزمان.
* خروجی مناسب برای کدنویسها (از طریق Inspect).
* پشتیبانی از کامپوننتها، وریبلها، اتوماسیون و پلاگینها.
🟡 فیچر (Feature) چیست؟
فیچر یعنی یک ویژگی یا قابلیت خاص در طراحی یا محصول.
مثلاً:
* در طراحی رابط کاربری: یک اسلایدر تصویر، یک منوی کشویی، دکمههای تغییر زبان.
* در اپلیکیشن: ورود با اثر انگشت، قابلیت ارسال نوتیفیکیشن، حالت تاریک (Dark Mode).
🧩 انواع فیچرها (در طراحی و توسعه):
۱. Core Feature (ویژگی اصلی):
* بخشهایی که بدونشون محصول اصلاً معنی نداره.
* مثال: صفحه جستجو در گوگل، چت در واتساپ.
۲. Supporting Feature (ویژگی پشتیبانیکننده):
* ویژگیهایی که تجربه کاربری رو بهتر میکنن.
* مثال: فیلتر جستجو، حالت شب، تمها.
۳. Delighter Feature (ویژگیهای لذتبخش):
* قابلیتهایی که بدونشون مشکلی پیش نمیاد، ولی بودنشون جذابه.
* مثال: انیمیشنهای جذاب، آواتارهای شخصیسازیشده.
۴. Admin Feature (برای پنل مدیریت):
* امکان مدیریت کاربران، حذف محتوا، گزارشگیری.
🟢 قالب آماده (Figma Templates)
قالب آماده یعنی طراحیهایی که قبلاً توسط طراحها ساخته شدن و قابل ویرایش هستن.
♠مزایا:
* صرفهجویی در زمان.
* استاندارد بودن طراحی.
* مناسب برای یادگیری، تمرین و حتی پروژههای واقعی.
♥ انواع قالبهای آماده:
۱. قالب وبسایت (Website Templates):
* مثل قالب فروشگاهی، خبری، شخصی، شرکتی.
۲. قالب اپلیکیشن موبایل:
* اپلیکیشنهای اندروید و iOS، مثل اپلیکیشن پرداخت، چت، آموزش آنلاین.
۳. Dashboard Template:
* پنلهای مدیریتی با نمودار، جدول و کنترلهای مختلف.
۴. UI Kit:
* مجموعه کامپوننتهای آماده (دکمه، منو، فرم، آیکنها و…)
۵. Landing Page Templates:
* صفحه معرفی محصول یا سرویس.
⊗ اگر مبتدی هستی…⊗
* میتونی با قالبهای آماده کار کنی و اونارو ویرایش بدی تا طراحی یاد بگیری.
* بعدش میتونی از صفر خودت طراحی شروع کنی و از کامپوننتها و سیستم طراحی (Design System) استفاده کنی.
