رایا اسکیلز

دوره آموزش فیگما Figma آنلاین پروژه محور | از اصول UI UX تا دیزاین سیستم و پروتوتایپ

اگر می خواهی طراحی رابط کاربری را حرفه ای شروع کنی و خروجی قابل تحویل به برنامه نویس بدهی، فیگما بهترین انتخاب است. در این دوره آنلاین و پروژه محور از اصول UI UX و رنگ و تایپوگرافی تا کامپوننت های حرفه ای، Auto Layout، دیزاین سیستم، پروتوتایپ تعاملی و تحویل به توسعه دهنده را گام به گام یاد می گیری. پشتیبانی 24 ساعته، دسترسی دائمی و مدرک معتبر جهاد دانشگاهی امیرکبیر همراه توست.

مسیر پیشنهادی: اگر می خواهی سریع صفحات را در کد پیاده کنی، بعد از این دوره وارد HTML CSS و سپس Bootstrap یا JavaScript شو.

30 % تخفیف تا :

روز
ساعت
دقیقه
ثانیه
دوره فیگما تخصصی طراحی ui ux

معرفی دوره آموزش فیگما

هایلایت های دوره فیگما پروژه محور

  • فرمت: لایو + دسترسی دائمی به ضبط جلسات

  • سطح: مبتدی تا متوسط

  • پروژه محور با 5 پروژه واقعی

  • پشتیبانی: منتورینگ 24 ساعته

  • فایل های تمرینی، فونت ها و کیت آیکون ها

  • مدرک پایان دوره: جهاد دانشگاهی امیرکبیر

  • امکان پرداخت اقساطی

در پایان دوره فیگما چه مهارت هایی داری

  • تسلط به محیط فیگما، Frame و Page و مدیریت لایه ها

  • طراحی ریسپانسیو با Auto Layout، Constraints، Layout Grid

  • ساخت Style Guide شامل رنگ، تایپوگرافی، Spacing و Shadows

  • ساخت Component و Variant و Interactive Component برای حالات Hover و Active

  • ایجاد Design System سبک و چند تم Light و Dark با Styles و Variables

  • پروتوتایپ تعاملی با Smart Animate، Overlays، Scroll و Micro Interaction

  • کار با FigJam برای User Flow و Sitemap و ارائه طرح

  • استفاده از Plugin ها مثل Iconify، Content Reel، Unsplash، Contrast و Autoflow

  • Dev Mode و Inspect برای تحویل به توسعه دهنده و خروجی گرفتن SVG و PNG و PDF

  • آماده سازی Case Study برای رزومه و مصاحبه

سرفصل های دوره فیگما پیشرفته

فصل 1: اصول UI UX

  • آشنایی با اصول طراحی، هرم نیاز کاربر، قوانین گشتالت

  • روانشناسی رنگ و ترکیب بندی، تایپوگرافی وب و موبایل

فصل 2: شروع با فیگما

  • نصب نسخه دسکتاپ، ساخت تیم و پروژه

  • آشنایی با Frame و Layer و ابزارهای انتخاب و هم ترازی

  • Pen و Vector و Boolean برای طراحی آیکون های ساده

فصل 3: چیدمان و ریسپانسیو

  • Layout Grid و 8pt System

  • Auto Layout و Constraints برای ساخت کارت و هدر ریسپانسیو

  • Breakpoint های موبایل، تبلت و دسکتاپ

فصل 4: Style Guide و Design System

  • Color Styles و Text Styles و Effects

  • ساخت Style Guide برند و فایل Token های رنگ و فاصله

  • ساخت Component، Variant و Properties و نام گذاری حرفه ای

فصل 5: کامپوننت های پیشرفته

  • Icon Library و حالت های مختلف Button، Input، Dropdown، Modal

  • ساخت تم Light و Dark با Variables و Swap Styles

فصل 6: پروتوتایپ تعاملی

  • ساخت Flow، لینک بین صفحات، اسکرول درون Frame

  • Smart Animate و Micro Interaction و Overlay

  • ضبط و اشتراک گذاری پیش نمایش

فصل 7: Plugin ها و اتوماسیون

  • Iconify، Content Reel، Unsplash، Autoflow، Contrast

  • شورتکات ها و نکات سرعت عمل در پروژه های واقعی

فصل 8: همکاری تیمی و FigJam

  • User Flow، Journey Map و Sitemap در FigJam

  • روش ارائه و مستند نویسی طرح برای ذی نفعان

فصل 9: تحویل به توسعه دهنده

  • Dev Mode و Inspect، اندازه و فاصله و CSS

  • خروجی Asset ها برای وب و موبایل، نام گذاری و Versioning

فصل 10: رزومه و Case Study

  • ساخت پرونده پروژه، قبل و بعد، چالش ها و نتایج

  • نکات ارائه نهایی و پاسخ به سوالات رایج کارفرما

پروژه های عملی دوره فیگما

    1. اپلیکیشن اسنپ ساده
      طراحی فلو ثبت نام، انتخاب مقصد، وضعیت سفر و پرداخت با پروتوتایپ تعاملی.

    2. بازطراحی یک لندینگ شرکتی
      هدر، ساب هیرو، کارت خدمات، تستیمونیال، FAQ و فوتر با Grid و Auto Layout.

    3. Style Guide و Design System سبک
      رنگ، تایپوگرافی، آیکون، دکمه ها و فرم ها با Variant و Properties.

    4. بنر و پوستر تبلیغاتی
      خروجی برای شبکه های اجتماعی و نمایشگاه با اندازه های مختلف.

    5. Case Study نهایی
      مستند کامل فرآیند، تصمیم ها و خروجی ها برای گیت هاب یا لینکدین.

    همه فایل ها و Template ها در اختیار تو قرار می گیرد تا مستقیم در رزومه استفاده کنی.

این دوره مناسب چه کسانی است

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

  • طراحان وردپرس و فرانت اند که به طرح حرفه ای و تحویل استاندارد نیاز دارند

  • فریلنسرها و دانشجوها برای ساخت نمونه کار واقعی

پیش نیازها و ابزارها

  • پیش نیاز: هیچ. آشنایی عمومی با کامپیوتر کافی است.

  • ابزارها: Figma Desktop یا نسخه وب، FigJam، فونت های فارسی مناسب وب

  • افزونه های پیشنهادی: Iconify، Content Reel، Unsplash، Contrast، Autoflow

مدرس دوره الگوریتم نویسی

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

سولات متداول درباره دوره الگوریتم نویسی

بله. از اصول UI UX و کار با فیگما از صفر شروع می کنیم.

یک Design System سبک، فایل پروتوتایپ، بنر تبلیغاتی و یک Case Study کامل برای رزومه.

 

بله. تمام تمرین ها با پلن رایگان قابل انجام است.

 

بله. به روز رسانی ها و پشتیبانی 24 ساعته هم در دسترس است.

 

بله. شرایط اقساط برای همه دوره ها فعال است.

برای شرکت در دوره و دریافت رودمپ اختصاصی فرم زیر را تکمیل کنید

نام نام خانوادگی*
پیمایش به بالا

از کجا برنامه نویسی و
هوش مصنوعی رو شروع کنم ؟

با یه مشاوره رایگان مسیر یادگیری مناسب خودت رو پیدا کن

هنوز نمیدونی چجوری وارد دنیای
هوش مصنوعی یا برنامه نویسی بشی؟

ما اینجاییم تا کـــمکــت کنیم بــــهترین
مســـیر یـــادگیری خــــودت رو پیدا کنی.

مشاور آموزشی در کمتر از 24 ساعت با شما تماس می‌گیرد.

پرسش و پاسخ مدرسه AI منتور