آموزش Master Figma در 2025: طراحی اپلیکیشن وب و موبایل از ابتدا

درس ها Lessons

• انتخاب نوع مجموعه Choosing a Typeset

• صفحه تایید Confirmation Page

• منطق مشروط و عملیات Conditional Logic and Operations

• استفاده از اپلیکیشن Figma در موبایل Using Figma App on Mobile

• انواع دکمه ها Button Variants

• ساخت تصاویر با هوش مصنوعی Figma Making Images with Figma AI

• طراحی ریسپانسیو با متغیرها Responsive Design with Variables

• میانبرهای صفحه کلید Keyboard Shortcuts

• قیمت کل پویا Dynamic Total Price

• سازماندهی پرونده ما Organizing Our File

• ایجاد اولین پیش نویس با هوش مصنوعی Figma Generating a First Draft with Figma AI

• صادرات طرح های ما Exporting our Designs

• استفاده از ChatGPT برای Wireframing Using ChatGPT for Wireframing

• حالت بارگیری Loading State

• ثبت نام ستون های صفحه Sign Up Page Columns

• تعریف جریان کاربر Defining a User Flow

• دکمه های مرتب سازی فیلتر Filter Sort Buttons

• طراحی کشویی Dropdown Design

• ایجاد سبک های رنگی Creating Color Styles

• ترجمه برنامه ما با هوش مصنوعی Translating our App with AI

• اضافه کردن سبک های متن Adding Text Styles

• کارت های رتبه بندی Rating Cards

• نمونه های تو در تو Nested Instances

• با استفاده از طرح بندی خودکار Using Auto Layout

• ثبت نام صفحه Wireframe Sign Up Page Wireframe

• حالت توسعه دهنده Dev Mode

• اتصالات پوششی Overlay Connections

• آزمایش نمونه اولیه وب ما Testing Our Web Prototype

• صفحه جزئیات مقصد نهایی Finishing Destination Details Page

• انحلال انیمیشن ها Dissolve Animations

• صفحه رزرو Booking Screen

• متغیرها در نمونه های اولیه Variables in Prototypes

• با استفاده از Figma AI Writing Tools Using Figma AI Writing Tools

• استفاده از هوش مصنوعی Figma برای تولید داده های نمونه Using Figma AI to Generate Sample Data

• طراحی برچسب ها Designing Tags

• شروع به کار Getting Started

• صفحه تأیید Verification Page

• با هوش مصنوعی نمونه اولیه بسازید Make Prototype with AI

• ایجاد شبکه های طرح بندی فریم ها Creating Frames Layout Grids

• کتابخانه های تیم Team Libraries

• عناصر ثابت Fixed Elements

• ویژگی حداکثر عرض Max Width Property

• صفحه جزئیات سفر Trip Details Page

• انتخاب طرح رنگ Choosing a Color Scheme

• طراحی کارت افزودنی Add-on Card Design

• پیدا کردن تصاویر برای استفاده Finding Images to Use

• طرح های آماده نمونه کارها Portfolio Ready Designs

• حذف پس زمینه با هوش مصنوعی Removing Background with AI

• افزودن ورودی های جستجو و زمان Adding Search and Time Inputs

• استفاده از کتابخانه های کیت رابط کاربری Using UI Kits Libraries

• طراحی نوار ناوبری Designing a Navbar

• صفحات با حالت پر شده Pages with Filled State

• پرداخت رابط کاربری کارت ما Polishing our Card UI

• ایجاد متغیرهای محصول Creating Product Variables

• جزئیات مقصد Wireframe Destination Details Wireframe

• استفاده از پلاگین ها برای ایجاد سبک های رنگی Using Plugins to Create Color Styles

• استفاده از محدودیت ها Using Constraints

• اضافه کردن دکمه ها Adding Buttons

• متغیرها در کامپوننت ها Variables in Components

• کارت های نوع اتاق Room Type Cards

• طراحی سربرگ سفر Trip Header Design

• همکاری در Figma Collaborating in Figma

• تغییر نام لایه ها با هوش مصنوعی Renaming Layers with AI

• تکمیل نمونه اولیه ما Finishing Our Prototype

• زمینه های اسکان Accommodation Fields

• تاریخچه نسخه Version History

• لیست ویژگی ها Features List

• به تعامل بروید Scroll To Interaction

• وایرفریم کشف مقصد Destination Discovery Wireframe

• سبک ها در مقابل متغیرها Styles vs Variables

• متحرک هوشمند Smart Animate

• یافتن الهام Finding Inspiration

• شروع پروژه ما Starting Our Project

• نتیجه گیری Conclusion

• استفاده از ویژگی های کامپوننت Using Component Properties

• با استفاده از Typescale Using a Typescale

• آزمایش برنامه ما با DesignPro Testing Our App with DesignPro

• ایجاد فیلدهای ورودی Creating Input Fields

• متغیرهای فونت Font Variables

• کد تأیید Wireframe Verification Code Wireframe

• مقدمه Introduction

• ایجاد کامپوننت ها Creating Components

• طرح بندی فایل File Layout

• کارت کشف مقصد وایرفریم Destination Discovery Card Wireframe

• رزرو صفحه نمایش وایرفریم Booking Screen Wireframe

• شروع مدل‌های کشف مقصد Starting our Destination Discovery Mockups

• تبلیغ دوره Course Promo

• تعامل شناور Hover Interaction

• انواع کامپوننت برای دستگاه ها Component Variants for Devices

• طراحی کارت مقصد Destination Card Design