قراره تو این دوره چی یاد بگیرم؟

  • تسلط کامل به فیگما
  • انجام ۳ پروژه با فیگما
  • چطور به عنوان طراح UI/UX کارمونو با فیگما رو شروع
  • چطور با فیگما لوگو طراحی کنیم
  • چطور با فیگما وایرفریم طراحی کنیم
  • چطور با فیگما اپ موبایل طراحی کنیم
  • چطور با فیگما وبسایت طراحی کنیم
  • چطور با فیگما فایل ارائه خلاقانه بسازیم
  • چطور پورتفولیوی شخصی خود را بسازیم
  • چطور با استفاده از Variants ،Component و Auto layout سریعتر طراحی کنیم

سرفصل های دوره

۱۳ فصل
۵۵ جلسه
۱۲ ساعت
۱

معرفی و آشنایی با Figma

۴ قسمت
۰۰:۲۲:۵۰
1

فیگما چیست؟

رایگان
۰۵:۴۵
2

ثبت نام و شروع طراحی با فیگما

رایگان
۰۴:۵۰
3

آشنایی با محیط فیگما

رایگان
۰۶:۰۴
۲

معرفی ابزارهای فیگما

۱۳ قسمت
۰۱:۴۴:۲۷
۳

افکت‌ها در Figma

۲ قسمت
۰۰:۱۰:۴۱
۴

پروژه اول

۲ قسمت
۰۰:۳۶:۲۷
۵

پنل دیزاین

۶ قسمت
۰۰:۵۱:۲۸
۶

Variables

۱ قسمت
۰۰:۱۲:۴۳
۷

کامپوننت‌ (Component)

۶ قسمت
۰۱:۲۷:۱۳
۸

پروژه دوم – طراحی UI اپ موبایل مدیریت زمان

۷ قسمت
۰۲:۳۸:۴۴
۹

پروتوتایپ

۶ قسمت
۰۰:۵۳:۰۳
۱۰

پروژه سوم – طراحی پورتفولیو شخصی

۴ قسمت
۰۱:۳۷:۲۹
۱۱

فایل ها و پروژه ها

-
۱۲

Advance prototype

۳ قسمت
۰۰:۲۰:۱۹
۱۳

پایان

۱ قسمت
۰۰:۲۰:۱۱

آموزش فیگما را چرا باید شروع کنیم؟ اگر از جمله افرادی باشید که سر و کارتان با طراحی و گرافیک باشد، احتمالا باید از حجم زیاد فایل ها و سختی انتقال این فایل ها بین همکاران و سیستم های مختلف به سطوح آمده باشید. برای رفع این مورد، نرم افزاری طراحی شده است که فیگما(figma) نام دارد. در ادامه به بررسی کامل و جامع نرم افزار فیگما(figma) پرداخته شده است.

تفاوت دوره جامع آموزش فیگما با دیگر دوره‌ها چیست؟

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

دوره آموزش کامل فیگما به گونه‌ای طراحی شده است که شما در طول فرآیند یادگیری، پروژه‌هایی برای تثبیت مباحث در ذهن شما انجام شود. این روش، شما را برای استفاده از فیگما در پروژه‌های واقعی آماده می‌کند.

برخلاف دوره‌های دیگر آموزش Figma که معمولا به صورت سطحی و کلی به بررسی ابزارهای نرم‌افزار می‌پردازند، در دوره جامع آموزش فیگما تلاش شده است تا ابتدا ابزارهای مهم و پرکاربرد فیگما به صورت جامع معرفی شوند. سپس با استفاده از پروژه‌های تمرینی، دانش شما در استفاده از این ابزارها تثبیت شده و شما برای یادگیری مباحث پیچیده‌تر آماده می‌شوید.

پروژه های انجام شده در این دوره آموزش نرم افزار فیگما

پیش نیازهای دوره آموزش نرم افزار figma

  • آشنایی با مفاهیم طراحی رابط کاربری (UI)
  • دسترسی به کامپیوتر با حداقل رم 4 گیگابایت
  • دسترسی به اینترنت (اجرای فیگما نیازمند اینترنت است)

دوره آموزش فیگما برای چه افرادی مناسب است؟

  • علاقمندان به طراحی UI و UX
  • طراحان محصول
  • مدیران محصول
  • افرادی که قصد ورود به دنیای طراحی را دارند

سرفصل های دوره آموزش فیگما

معرفی و آشنایی با Figma:

  • figma چیست
  • ثبت نام و شروع طراحی با فیگما
  • آشنایی با محیط فیگما
  • Figma Canvas

معرفی ابزارهای فیگما:

  • ابزارهای Move, Scale, Frame, Slice
  • ابزارهای Rectangle و Line
  • ابزارهای Arrow, Ellipse, Polygon + مینی پروژه طراحی لوگو
  • ابزارهای Star و Place image + مینی پروژه طراحی لوگو
  • ابزارهای Pen و Pencil + مینی پروژه طراحی لوگو
  • ابزار Text
  • اضافه کردن فونت به فیگما
  • ابزار Comment
  • ابزارهای Boolean و Mask
  • پنل لایه‌ها

افکت‌ها در Figma :

  • افکت Shadow
  • افکت Background blur و Layer blur
  • چند مثال کاربردی برای افکت‌ها

پروژه اول :

  • طراحی UI سایت (بخش هدر)
  • معرفی Community و اضافه کردن آيکون به پروژه

پنل دیزاین :

  • مرتب‌سازی در فیگما (Alignment, Tidy up, Distribution)
  • محدودیت‌ها (constraints)
  • اشتراک‌گذاری (Share)
  • ویژگی Auto Layout
  • Layout Grid
  • خروجی گرفتن در فیگما

کامپوننت‌ (Component) :

  • کامپوننت‌ها در فیگما
  • ویژگی Variants
  • پنل Assets

پروژه UI اپ موبایل مدیریت زمان :

  • طراحی UI اپ موبایل مدیریت زمان ـ بخش اول
  • طراحی UI اپ موبایل مدیریت زمان ـ بخش دوم
  • طراحی UI اپ موبایل مدیریت زمان ـ بخش سوم
  • طراحی UI اپ موبایل مدیریت زمان ـ بخش چهارم

پروتوتایپ :

  • پروتوتایپ در فیگما ـ بخش اول
  • پروتوتایپ در فیگما ـ بخش دوم
  • پروتوتایپ در فیگما ـ بخش سوم

پروژه سوم :

  • طراحی پورتفولیو ـ بخش اول
  • طراحی پورتفولیو ـ بخش دوم
  • طراحی پورتفولیو ـ بخش سوم

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

فیگما(figma) یک ابزار طراحی است که مبنای طراحی آن، فضای ذخیره سازی ابری یا همان Cloud است. فیگما نرم افزاری است که برای کار تیمی طراحی شده و در این زمینه دسترسی عالی به تیم طراحی شما می دهد. در واقع در فیگما، هیچ واسطه ای برای جابجایی فایل ها نیست و به طور مستقیم این کار رخ می دهد.

یکی از مزیت ها و برتری های فیگما(figma) نسبت به سایر همتایان خود این است که روی هر سیستم عاملی که یک مرورگر باز شود قابلیت اجرا شدن دارد. این نرم افزار روی تمامی سیستم عامل های رایج نظیر لینوکس، مک و ویندوز قابل اجرا است.

چرا فیگما را یاد بگیریم؟

برای سال‌ها، نرم افزارهایی نظیر InVision و Sketch برای طراحی رابط کاربری مورداستفاده قرار می‌گرفتند. این نرم افزارها، خلاقیت و نوآوری خاصی را ارائه نمی‌دادند و تمرکز خود را به رقابت با نرم افزارهای مشابه معطوف کرده بودند. با انتشار عمومی فیگما، طیف گسترده‌ای از طراحان به استفاده از این نرم افزار روی آوردند. به مرور، Figma تبدیل شد به بزرگترین و پرکاربردترین نرم افزار طراحی UI و UX در جهان که هزاران طراح، به صورت روزانه از آن استفاده می‌کردند.

فیگما بزرگترین و بهترین ابزار طراحی UI UX در جهان است. امکانات بسیار زیادی دارد و بدون نیاز به نصب یا بروزرسانی، در بستر وب فعال است. شرکت‌های بزرگی مانند گیت‌هاب، Airbnb و صدها شرکت کوچک و بزرگ دیگر، از این نرم افزار استفاده می‌کنند. با یادگیری فیگما می‌توان تمام ابزارها و امکاناتی که یک طراح برای طراحی رابط کاربری پروژه خود نیاز دارد را به بهترین شکل استفاده کرد.

علاوه بر این موارد، فرصت‌های شغلی زیادی پیرامون Figma وجود دارد که می‌تواند فرصت مناسبی برای کسب درآمد در اختیار شما قرار دهد. در ادامه این مطلب بازارکار طراحی UI و UX و فرصت‌های شغلی متعددی که پیرامون این حوزه وجود دارد، معرفی شده است. با شرکت در دوره آموزش فیگما، با بخش‌های مختلف Figma و نحوه کار با هر ابزار آشنا شده و 3 پروژه تمرینی را پشت سر می‌گذارید.

مزایای استفاده از فیگما در طراحی UI و UX

در ادامه، مزایای استفاده از فیگما در طراحی رابط کاربری پروژه‌های مختلف نسبت به نرم افزارهای مشابه توضیح داده شده است.

کار گروهی

اصولا طراحی رابط کاربری توسط یک شخص انجام نمی‌شود و یک تیم به صورت همزمان روی آن کار می‌کنند. برخلاف اکثر نرم افزارهای گرافیکی مشهور، Figma قابلیت کار تیمی روی یک یا چند پروژه را به شما می‌دهد. یکی از نکات مثبت این ویژگی، امکان تعیین سطح دسترسی افراد است. شما می‌توانید دوستان و همکاران خود را به پروژه اضافه کنید و سطوح دسترسی مختلفی را به آنها بدهید. به این صورت، می‌توانید پروژه را به صورت هماهنگ و سازماندهی‌شده جلو ببرید و از کار گروهی بدون حاشیه، لذت ببرید.

بدون نیاز به نصب

عدم نیاز به نصب نرم افزار، باعث شده بتوانید فیگما را در بسیاری از سیستم عامل‌های رایج اجرا کنید. برای اجرای فیگما، تنها نیاز به یک مرورگر و اینترنت دارید. این یعنی حتی با گوشی موبایل هم امکان طراحی وجود دارد! به سادگی با مرورگر در هر سیستم عامل، وارد حساب و پروژه موردنظر شده و تغییرات موردنیاز را اعمال کنید.

 ساخت سریع نمونه اولیه

تنوع بالای قالب‌های از پیش ساخته شده، می‌تواند به شما در ساخت سریع یک نمونه اولیه از طرحی که در ذهن دارید، کمک کند. شما می‌توانید از ده‌ها طرح آماده موجود در Figma، برای پیاده سازی طرح اولیه رابط کاربری سایت یا اپلیکیشن خود استفاده کنید.

رابط کاربری ساده و جذاب

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

بازارکار مناسب

بازارکار پردرآمد و بکر، آخرین موردی است که در این بخش به آن اشاره می‌کنیم. با گذراندن دوره آموزش فیگما، دانش تئوری لازم برای طراحی رابط کاربری اپلیکیشن یا طراحی سایت با فیگما را فرا می‌گیرید. بعد از این، باید چندین پروژه و نمونه کار با فیگما برای خودتان توسعه دهید تا مباحث تئوری را به صورت عملی پیاده سازی کنید و تجربه مناسبی را کسب کنید. بعد از آن، می‌توانید با استخدام به عنوان طراح UI UX یا دریافت پروژه به صورت فریلنسری، وارد حیطه طراحی رابط کاربری شوید.

بازارکار Figma در ایران و جهان

در بازارکار فیگما، شما می‌توانید به دو صورت استخدام و فریلنسری فعالیت کنید. قبل از ورود به بازار کار، توصیه می‌شود که نمونه کارهای حرفه‌ای و با کیفیتی را ایجاد کنید. با اضافه کردن طراحی‌های خود به رزومه، علاوه بر کسب تجربه، می‌توانید شانس خود را برای جذب کارفرمایان بیشتر کنید. برای ایجاد نمونه کارهای حرفه ای، پیشنهاد میشود در دوره آموزش پروژه محور فیگما شرکت کنید.

استخدام طراح رابط کاربری با فیگما

اگر بخواهید در ایران، به شغل شریف طراحی رابط کاربری مشغول شوید، می‌توانید در شرکت‌هایی که نیاز به طراح UI و UX دارند، استخدام شوید. درآمد طراحان مسلط به فیگما، از حدود 8 میلیون تومان آغاز شده و به بیش از 30 میلیون تومان می‌رسد. درنظر داشته باشید این ارقام، مربوط به سال 1402 هستند.

بر اساس گزارش سایت Germantechjobs، میانگین درآمد ماهیانه یک طراح مسلط به Figma در آلمان، بین 55.000 تا 58.000 یورو در سال است. برای طراحان تازه کار، این میزان حدود 30.000 تا 35.000 یورو و برای طراحان متخصص (Senior) حدود 60.000 یورو و بیشتر است. بر اساس آمار سایت PayScale، درآمد متوسط یک طراح Figma در آمریکا 75.000 دلار در سال است. برای طراحان تازه کار، این میزان حدود 66.000 دلار و برای طراحان ارشد حدود 92.000 دلار و بیشتر است.

طراح رابط کاربری با فیگما به صورت فریلنسری

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

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

چنانچه هرگونه سوال درمورد نرم افزار فیگما و یا دوره آموزش فیگما دارید می‌توانید از بخش دیدگاه‌ها در انتهای این صفحه سوالاتتان را مطرح کنید تا در کمترین زمان پاسخ مناسب دریافت کنید.

ادامه متن دوره ...