رایا اسکیلز

دوره آموزش فیگما 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 ساعته هم در دسترس است.

 

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

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

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

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

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

دوره رایگان برنامه نویسی و Ai

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