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

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

مقدمه Introduction

• مقدمه دوره Introduction to course

• نقشه راه دوره The Course Path

• چگونه بیشترین بهره را از این دوره ببریم؟ How to get best out of this course?

• معرفی مدرس Instructor's Introduction

مبانی فیگما Figma Basics

• آشنایی با فیگما و ساخت حساب کاربری Introduction to Figma + Create Account

• درک داشبورد فیگما و سازماندهی فایل‌ها Understanding the Figma Dashboard + File Organization

• نوار ابزار فیگما Figma Toolbar

• فایل طراحی: پنل چپ و راست Design File: Left & Right Panel

• کالبدشکافی پنل راست Decoding the Right Panel

• تفاوت Frame و Rectangle Frame Vs Rectangle

• بررسی المان متنی (Text) Decoding Text Element

• مینی پروژه: طراحی UI اپلیکیشن ماشین حساب Mini Project: Calculator App UI

مسترکلاس Auto Layout Auto Layout Masterclass

• چرا به Auto Layout نیاز داریم؟ Why we need the Auto Layout?

• بررسی دقیق Auto Layout Auto Layout Breakdown

• تمرین: چیدمان ردیفی، ستونی و شبکه‌ای (Grid) Exercise: Row, Column & Grid Layout

• مدل باکس (Box Model) Box Model

• مینی پروژه: طراحی صفحه اصلی Mini Project: Home Screen

مسترکلاس کامپوننت‌ها Components Masterclass

• چرا به کامپوننت‌ها نیاز داریم؟ Why do we need Components?

• بررسی دقیق کامپوننت‌ها Component Breakdown

• تمرین: وضعیت‌های دکمه (Button States) Exercise: Button States

• مینی پروژه: اصلاح UI ماشین حساب Mini Project: Fixing the Calculator UI

مسترکلاس پروتوتایپینگ Prototyping Masterclass

• پروتوتایپینگ: تفاوت بین انیمیشن و تعامل Prototyping: Difference between Animation & Interaction

• بررسی دقیق پروتوتایپینگ Prototyping Breakdown

• تمرین: پروتوتایپینگ و کامپوننت‌ها Exercise: Prototyping + Components

• مینی پروژه: انیمیت کردن یک کاروسل Mini Project: Animate a carousel

اصول UI/UX اپلیکیشن App UI/UX Principles

• چرا اصول UI/UX مهم هستند؟ Why UI/UX Principles are important?

• انواع اصول UI/UX Types of UI/UX Principles

• مبانی UI اپلیکیشن App UI Fundamentals

• اصول اکتشافی قابلیت استفاده و قوانین گشتالت Usability Heuristics & Gestalt Principles

• تجربه کاربری (UX) در موبایل Mobile Usability UX

کالبدشکافی UI موبایل Mobile UI Breakdown

• تفاوت طراحی اپلیکیشن و وب App vs Web Design

• انواع رایج صفحات Common Screen Types

• اجزای UI اپلیکیشن App UI Components

• تفاوت UI در iOS و اندروید iOS vs Android App UI

• مینی پروژه: طراحی یک صفحه اپلیکیشن Native Mini Project: Design a native app screen

۸ پروژه عملی 8 Projects

• پروژه ۱: صفحه اسپلش (اپلیکیشن سلامتی) P01: Splash Screen (Wellness App)

• پروژه ۲: صفحات آنبوردینگ (اپلیکیشن مدیتیشن) P02: Onboarding Screens (Meditation App)

• پروژه ۳: صفحه پخش صوت P03: Audio Playing App Screen

• پروژه ۴: BNB (اپلیکیشن تناسب اندام) P04: BNB (Fitness App)

• پروژه ۵: صفحات احراز هویت (ورود و ثبت‌نام) P05: Auth Screens (Login & Signup)

• پروژه ۶: صفحه لیست محصولات فروشگاه آنلاین P06: E-commerce Product Listing Screen

• پروژه ۷: صفحه پروفایل کاربر P07: User Profile Screen

• پروژه ۸: شبیه‌سازی صفحه فید یوتیوب P08: YouTube Feed Screen Clone

• مینی پروژه: طراحی صفحه فید پینترست Mini Project: Design Pinterest Feed Screen

وایرفریم برای اپلیکیشن‌های موبایل Wireframes for Mobile Apps

• مقدمه‌ای بر وایرفریم Wireframe Introduction

• قوانین وایرفریم (چگونگی رسم المان‌های مختلف) Rules of Wireframes (how to draw different elements?)

• تمرین: وایرفریمینگ معکوس Exercise: Reverse Wireframing

• وایرفریم‌های با دقت بالا (Hi-Fi) در مقابل دقت پایین (Lo-Fi) High Fidelity Vs Low Fidelity Wireframes

• انواع وایرفریم‌ها Types of Wireframes

• مینی پروژه: وایرفریم یوتیوب Mini Project: YouTube Wireframe

انیمیشن‌های اپلیکیشن موبایل: مبانی Mobile App Animations: Basics

• مقدمه‌ای بر مبانی انیمیشن Animation Basics Introduction

• تمرین: انیمیشن اسلایدر Exercise: Slider Animation

• تمرین: بازخورد دکمه (Button Feedback) Exercise: Button Feedback

• تمرین: نشانگر بارگذاری (Loading Indicator) Exercise: Loading Indicator

• تمرین: انیمیشن منوی کشویی (Dropdown) Exercise: Dropdown Animation

پروژه: FlowState (اپلیکیشن تمرکز) Project: FlowState (Focus App)

• معرفی پروژه FlowState FlowState Introduction

• صفحه اسپلش و صفحه ثبت‌نام Splash Screen & Sign up Screen

• صفحه اصلی و صفحه تمرکز Home Screen & Focus Screen

• طراحی دو صفحه باقی‌مانده و ناوبری Rest Two Screens & Navigation

انیمیشن‌های اپلیکیشن موبایل: پیشرفته Mobile App Animations: Advanced

• مقدمه‌ای بر انیمیشن‌های پیشرفته Advanced Animation Introduction

• انیمیشن‌های Lottie Lottie Animations

• انیمیشن‌های Jitter Jitter Animations

• صفحه اسپلش متحرک Animated Splash Screen

• مینی پروژه: تسک طراحی Mini Project: Design Task

طراحی اپلیکیشن با هوش مصنوعی AI Mobile App Designing

• تأثیر هوش مصنوعی در طراحی و مقدمه AI Design Impact & Introduction

• فرآیند طراحی با هوش مصنوعی The AI Design Process

• ابزارهایی برای خلق طرح‌های AI Tools to create AI designs

• آموزش: Stitch و Replit AI Tutorial: Stitch & Replit AI

• چگونه با کمک AI از اپلیکیشن‌های موجود ایده بگیریم؟ How to inspire from existing apps using AI

• معایب استفاده از AI در طراحی اپلیکیشن The Loss of using AI to design apps

• مینی پروژه: استفاده از AI برای طراحی اپلیکیشن شبکه اجتماعی Mini Project: Use AI to create social media app design

پروژه: اپلیکیشن Nicola AI Project: Nicola AI App

• برنامه‌ریزی و مقدمه Planning & Introduction

• احراز هویت و صفحه اصلی Auth + Home Screen

• منوی کشویی و صفحه اشتراک Drawer + Subscription Screen

• طراحی دو صفحه نهایی و پروتوتایپینگ Two Screens + Prototyping

مبانی فریلنسینگ Freelance 1O1

• مقدمه‌ای بر فریلنسینگ Freelance Introduction

• چگونه مشتری پیدا کنیم؟ How to find clients?

• چگونه به عنوان فریلنسر رشد کنیم؟ How to grow as freelancer?

• چگونه فرصت‌های شغلی بیشتری جذب کنیم؟ How to get more opportunities?