تبدیل شدن به یک حرفهای در طراحی وب با Figma در 2026
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- طراحی وبسایت با استفاده از Figma
- انیمیشنسازی طراحیهای وبسایت
- ایجاد طراحی وب واکنشگرا
- درک قوانین و اصول UI/UX
- ایجاد وبسایتهای واکنشگرا
- چگونه از AI در طراحی وب استفاده کنیم؟
پیشنیازهای دوره
- بدون الزامات - این دوره برای افراد مبتدی مناسب است.
توضیحات دوره
میخواهید طراح وب شوید اما نمیدانید از کجا شروع کنید؟ این دوره عملی و نتیجهمحور، شما را از یک مبتدی کامل به یک طراح وب مطمئن با استفاده از Figma - ابزار محبوب طراحی در صنعت - تبدیل میکند.
شما با انجام پروژههای واقعی یاد میگیرید؛ از طرحبندیهای ساده شروع میکنید و به تدریج به وبسایتهای کامل، طراحیهای واکنشگرا، انیمیشنها و حتی گردشکارهای طراحی مجهز به هوش مصنوعی میرسید. در طول مسیر، با اصول اساسی UI/UX، طرحبندیهای وب، ساختاردهی وبسایت، تایپوگرافی، رنگ، شیوههای استاندارد، قوانین، قراردادها و استانداردهای طراحی آشنا میشوید؛ مواردی که کار شما را چشمگیر و متمایز میکنند.
آنچه در پایان دوره خواهید داشت:
- درک قوی از Figma و اصول طراحی وب
- چندین پروژه وبسایت که مرحلهبهمرحله توسط خودتان طراحی شدهاند.
- تجربه عملی در زمینه واکنشگرایی، نمونهسازی اولیه و ریزتعاملات
- دانش استفاده از ابزارهای هوش مصنوعی برای طراحی سریعتر و هوشمندانهتر
- نقشه راهی برای شروع فریلنسری یا به دست آوردن اولین شغل طراحی
این دوره فقط درباره تماشا کردن نیست درباره خلق کردن است. هر بخش طوری طراحی شده که دستاوردهای کوچک و پروژههای واقعیِ مناسبِ پورتفولیوی به شما بدهد تا هنگام یادگیری، پیشرفت و موفقیت را احساس کنید.
اگر میخواهید مسیر حرفهای خود را به عنوان طراح وب شروع کنید و در چند هفته مهارتهای واقعی و کاربردی بسازید، این دوره برای شماست.
این دوره برای چه کسانی مناسب است؟
- مبتدیانی که میخواهند طراحی وب را با استفاده از Figma به عنوان ابزار یاد بگیرند.
تبدیل شدن به یک حرفهای در طراحی وب با Figma در 2026
-
سلام طراحان 06:30
-
چطور بیشترین بهره را از این دوره ببریم؟ 01:47
-
مدرس دوره کیست؟ 03:29
-
Figma چیست و چگونه یک حساب رایگان بسازیم؟ 05:30
-
بررسی داشبورد Figma + ساخت اولین فایل طراحی 08:47
-
توضیح نوار ابزار Figma 15:56
-
لایهها، گروهها، فریمها و کامپوننتها 13:47
-
طرحبندی خودکار، Constraints و ترازبندی 19:16
-
پروژه کوچک - طراحی کارت پروفایل شخصی 19:46
-
مقدمهای بر بخش 3 06:57
-
اصول اساسی طراحی ویژوال (UI) - بخش 1 30:11
-
اصول اساسی طراحی ویژوال (UI) - بخش 2 11:07
-
قوانین اصلی UX که بر طرحبندی تأثیر میگذارند 10:04
-
بیایید آن طراحی خراب را درست کنیم 10:19
-
پروژه کوچک - فیکس کردن مشکل بخش Hero 01:35
-
وبسایتها از نظر ویژوال چگونه ساختار مییابند؟ 15:40
-
درک طرحبندیها، گریدها و ستونها 17:20
-
وایرفریمینگ مثل یک طراح (Low Fidelity) 25:30
-
طراحی صفحه لندینگ (فقط وایرفریم) 31:21
-
پروژه کوچک - طراحی وایرفریم برای صفحه لندینگ 02:17
-
مقدمهای بر بخش Let's Design 01:39
-
از وایرفریم تا صفحه لندینگ - بخش 1 24:42
-
از وایرفریم تا صفحه لندینگ - بخش 2 19:32
-
از وایرفریم تا صفحه لندینگ - بخش 3 25:59
-
مقدمهای بر وبسایت چندصفحهای 04:02
-
وبسایت چندصفحهای - صفحه لندینگ - بخش 1 30:22
-
وبسایت چندصفحهای - صفحه لندینگ - بخش 2 33:02
-
وبسایت چندصفحهای - صفحه لندینگ - بخش 3 32:57
-
وبسایت چندصفحهای - صفحه Combine + حریم خصوصی 16:41
-
وبسایت چندصفحهای - صفحه ثبتنام 32:29
-
وبسایت چندصفحهای - صفحه قیمتگذاری 41:14
-
مقدمهای بر طراحی داشبورد 01:57
-
طراحی داشبورد 01:06:03
-
پروژه کوچک - طراحی یک صفحه لندینگ 02:32
-
واکنشگرایی چیست؟ 05:53
-
واکنشگرایی اتمی و مولکولی 08:20
-
حالت طراحی - واکنشگرایی 23:42
-
دنیای واقعی - واکنشگرایی 48:16
-
کامپوننتها - واکنشگرایی 05:52
-
پروژه کوچک - این وبسایت را واقعاً واکنشگرا کنید 02:16
-
مقدمهای بر نمونهسازی اولیه (انیمیشن) 06:43
-
کامپوننتها و نمونهسازی اولیه 18:31
-
انیمیشن - هاور کارت 09:19
-
انیمیشن - انیمیشن دکمه 10:35
-
انیمیشن - اسپینر بارگذاری 08:50
-
انیمیشن - انیمیشن بخش Hero 06:53
-
مقدمهای بر طراحی وب 3D 03:26
-
اسپلاین - بیایید یک وبسایت 3D طراحی کنیم 26:34
-
مقدمهای بر طراحی وب با AI 04:20
-
چگونه با استفاده از AI، ایدههای طراحی وب تولید کنیم؟ 13:03
-
تولید تصویر برای طراحی وب با استفاده از AI 08:14
-
Stitch - ابزار طراحی از Google 11:47
-
بیایید یک بخش hero را با AI طراحی کنیم 18:56
-
پروژه کوچک - طراحی یک صفحه لندینگ با استفاده از AI 02:12
-
فریلنسری چیست و چگونه روی آن تمرکز کنیم؟ 08:33
-
چگونه مشتری پیدا کنیم و پروژهها را شروع کنیم؟ 08:10
-
چگونه به عنوان یک فریلنسر رشد کنیم؟ 03:03
-
بیایید ببینیم قرار است چه چیزی طراحی کنیم 03:13
-
وبسایت پورتفولیو - بخش Hero 25:50
-
وبسایت پورتفولیو - بخش درباره من 11:00
-
وبسایت پورتفولیو - بخش کارها 09:37
-
وبسایت پورتفولیو - بخش تجربه 10:35
-
وبسایت پورتفولیو - بخش CTA 12:48
-
وبسایت پورتفولیو - فوتر و نسخه نهایی 08:08
-
انیمیشن - افکت هاور دکمه 05:16
-
انیمیشن - بخش Hero 06:55
-
انیمیشن - کارتهای بازشونده و پایان 12:17
-
مقدمهای بر Figma Make AI + درک این رابط کاربری 10:22
-
نوشتن پرامپت بینقص و ویرایش وبسایت 22:58
-
ساخت وبسایت از روی تصویر و یادگیری انیمیشن 10:36
-
پروژه کوچک - ایجاد بخش قابل اسکرول 01:03
-
مقدمهای بر Figma Site 04:19
-
درک این رابط کاربری 10:51
-
مفهوم وبسایت واکنشگرا در Site 23:54
-
طراحی سایت - وبسایت onPay - بخش 1 30:12
-
طراحی سایت - وبسایت onPay - بخش 2 12:32
-
طراحی سایت - وبسایت onPay - بخش 3 24:48
-
طراحی سایت - وبسایت onPay - بخش 4 24:35
-
Site CMS - وبسایت وبلاگ - بخش 1 16:11
-
Site CMS - وبسایت وبلاگ - بخش 2 (انتشار و سئو) 26:40
-
پروژه کوچک - ساخت وبسایت کامل وبلاگ 02:52
مشخصات آموزش
تبدیل شدن به یک حرفهای در طراحی وب با Figma در 2026
- تاریخ به روز رسانی: 1405/04/02
- سطح دوره:مقدماتی
- تعداد درس:81
- مدت زمان :19:41:20
- حجم :11.04GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy