دوره آموزش جامع Figma + پروژه های عملی

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

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

اگر هنوز با این اپلیکیشن شگفت انگیز مبتنی بر وب آشنایی ندارید، جای درستی آمده اید. در این دوره نحوه کار با فیگما را با تمرین های عملی و نکات کاربردی که توسط مدرس دوره یعنی Željko Milivojević (طراح UI و UX) آموزش داده می شود، یاد می گیرید.

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

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

در این دوره آموزش فیگما یاد می گیرید که چطور:

• از Figma برای پیشبرد پروژه های طراحی خود استفاده کنید.
• ساختار وبسایت ها و اپلیکیشن های موبایل را درک کرده و از آنها یاد بگیرید.
• نحوه ساختاردهی به وب سایت ها را یاد بگیرید و از آن برای طراحی استفاده کنید.
• فرآیند کاری خود را در Figma به صورت خودکار و سریع تر انجام دهید.
• نماهای واکنش گرا (Responsive) برای وب و موبایل در Figma بسازید.
• یک سیستم طراحی (Design System) کاربردی ایجاد کنید که به شما کمک کند پروژه های Figma را سریع تر به پایان برسانید.
• وایرفریم ها را ایجاد کرده و به Figma وارد کنید.
• جریان کار (Flows) برای وایرفریم های موبایل و وب طراحی کنید.
• ساختار مناسب برای پروژه ها را ایجاد کنید.
• نمونه های اولیه (Prototypes) با انیمیشن های تعاملی در Figma بسازید.
• از آموخته های خود برای تکمیل پروژه های مشتریان استفاده کنید.
• پورتفولیوی خود را بهینه کنید و با طراحی های Figma شروع به جذب مشتری کنید.

سرفصل های دوره آموزش جامع Figma + پروژه های عملی

شروع کار

• مقدمه ای بر دوره
• نحوه استفاده از نرم افزار

ساختار وب

• وب سایت ها چگونه کار می کنند
• عناصر جعبه ای (Box Elements)
• بخش های وب سایت
• ترندهای مدرن طراحی

ورود به Figma

• صفحه اصلی
• تب Community
• ساخت اولین پروژه
• آشنایی با اولین Canvas

ابزارها در عمل

• اشکال پایه
• خصوصیات آبجکت ها
• میانبرهای کاربردی
• فریم ها و گروه ها
• تایپوگرافی
• کار با تصاویر
• فایل های SVG
• تمرین 1

Auto Layout

• Auto Layout چیست؟
• ابزارهای Auto Layout
• ساخت اولین Component
• تمرین 2
• تمرین 3

آمادگی برای پروژه

• نمونه هایی از پروژه های واقعی
• ساخت Moodboard
• روانشناسی رنگ ها و نحوه استفاده آن ها
• انتخاب تایپ فیس مناسب

وایرفریم ها

• فضای کاری تصویری
• کاوش در فضای طراحی
• توسعه بخش های ابتدایی
• نمای وب (Web View)
• نمای موبایل (Mobile View)
• خروجی گرفتن از وایرفریم ها

شروع پروژه

• Design System چیست؟
• سیستم گرید 4pt
• وارد کردن آیکون ها به Design System
• طراحی اولین عنصر
• تنظیم اولین فریم
• پنل ناوبری (Navigation Panel) چیست؟
• ساخت بخش Hero
• طراحی اولین صفحه
• ساخت نمای وب (Web View)
• ساخت نمای موبایل (Mobile View)

پروتوتایپ پیشرفته

• ساخت پروتوتایپ های پیشرفته با ProtoPie و Figma

بعد از طراحی

• پروتوتایپ پروژه
• نهایی سازی جزئیات طراحی
• ارسال پروژه به مشتری
• نحوه انجام بازبینی با مشتری

طراحی اپلیکیشن موبایل

• ساخت پروژه
• Design System
• وایرفریم ها – بخش 1
• وایرفریم ها – بخش 2
• جریان وایرفریم ها
• طراحی نهایی – بخش 1
• طراحی نهایی – بخش 2
• طراحی نهایی – بخش 3
• طراحی نهایی – بخش 4
• پروتوتایپ و انیمیشن ها

مروری بر قابلیت های هوش مصنوعی Figma

• معرفی رابط کاربری و مکان یابی ابزارهای AI
• Figma Make، Figma Slides و Figma Buzz
• بهینه سازی و تراز کردن — ابزارهای AI و دستی

دموی عملی – طراحی با هوش مصنوعی

• پروژه عملی: طراحی یک لندینگ پیج ساده
• تولید متن و عناصر UI با کمک AI
• ویرایش و بهبود طرح ها با پیشنهادات AI
• نقش AI در فرآیند طراحی — کمک ها و محدودیت ها

اتوماسیون کارهای تکراری با هوش مصنوعی

• تفکر به سبک Prompt — چگونه مانند یک طراح با AI صحبت کنیم
• دستورالعمل های آماده — تیترها، چیدمان ها و تصاویر
• فضای تمرین Prompts — تمرین نوشتن Prompts مؤثر
• افزونه های کاربردی AI: Magician، Diagram، Autoname

همکاری و تحویل پروژه با کمک AI

• نهایی سازی — تمیزکاری فایل، نظرات و نسخه ها
• Figma Dev Mode — تحویل هوشمندانه تر پروژه ها
• نکات همکاری غیرهمزمان با استفاده از AI در Figma

مطالعات موردی و مثال های واقعی

• جریان کاری با AI: قبل و بعد
• طراحی تیمی: توسعه ایده ها با Prompts
• تجربه های واقعی استفاده از AI در Figma

مدیریت پورتفولیو

• چرا مدیریت پورتفولیو اهمیت دارد؟
• کجا پروژه های خود را ارائه دهیم؟
• چگونه کارهای خود را به نمایش بگذاریم؟
• معرفی 90 ابزار برتر AI در سال های 2024-2025
• پیام پایانی

بخش ویژه (BONUS)

• جلسه هدیه

چرا باید این دوره Figma را انتخاب کنید؟

• این دوره آموزش فیگما به شما مهارت های طراحی کاربردی و جهانی را یاد می دهد.
• Željko Milivojević یک طراح UI و UX با تمرکز بر طراحی موبایل، وب و هویت برند است و ۸ سال سابقه در صنعت طراحی دارد.
• شما اولین وبسایت خود را از ابتدا تا انتها طراحی خواهید کرد.
• در هر زمان و هر مکان و با سرعت دلخواه خودتان می توانید آموزش ببینید.
• این دوره برای افراد مبتدی و کسانی که تجربه دارند مناسب است.
• دوره شامل ویدیوهای عمیق آموزشی، نکات مهم و لینک های مفید اضافی است.

آیا این دوره پیش نیاز دارد؟

خیر، شما برای گذراندن این دوره فقط به موارد زیر احتیاج دارید:

• یک کامپیوتر (مک یا ویندوز)
• اتصال به اینترنت
• حساب کاربری در Figma و Whimsical (هر دو روی مرورگر کار می کنند)
• هیچ تجربه قبلی در زمینه طراحی نیاز نیست!

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

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

حاصل دوره

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