آموزش Figma Master Class: اولین ایده اپلیکیشن موبایل خود را طراحی و نمونه سازی کنید

درس ها Lessons

• Tab Community در Figma - ویژگی جدید Community Tab in Figma - New Feature

• صفحه اصلی - دستور طراحی اپلیکیشن موبایل 2 Home Screen - Recipe Mobile App Design 2

• ابزارهای طراحی رابط کاربری Figma Figma UI Design Tools

• میانبرهای رایج صفحه کلید قسمت 2 Common Keyboard Shortcuts part 2

• به روز رسانی ابزار تصویر مکان Place Image tool Update

• Figma Auto Layout 101 جدید New Figma Auto Layout 101

• پروژه ► مبانی نمونه سازی Project ► Basics of Prototyping

• صادرات دارایی ها و تصاویر Exporting Assets and Images

• نمونه سازی انیمیشن انتخاب فیلتر جستجو Prototyping Search filter selection animation

• طراحی صفحه نمایش مواد اولیه Recipe Ingredients Screen Design

• 05 انواع در Figma Simple 05 Variants in Figma Simple

• استفاده از گروه در مقابل فریم ها Using Group vs Frames

• همکاری با طراحان در Figma Collaborating with Designers in Figma

• نمونه اولیه صفحه دستور غذا Recipe Screen Prototyping

• استفاده از ماسک در فیگما Using Masks in Figma

• پروژه ► در کشیدن و اسکرول Project ► On Drag and Scroll

• استفاده از ابزار Pen برای ساختن اشکال Using Pen tool to make shapes

• تایپ ابزار در Figma Type tool in Figma

• برنامه آینه Figma - پیش نمایش در دستگاه واقعی Figma Mirror App - Preview on actual Device

• طراحی و نمونه سازی نتایج جستجو Designing & Prototyping Search Results

• ایجاد سبک های قابل استفاده مجدد Creating reusable Styles

• پنل های مختلف و کاری که در Figma انجام می دهند Different Panels and what they do in Figma

• پنل افکت ها در اپلیکیشن Figma Effects panel in Figma App

• صفحه اصلی - دستور العمل طراحی اپلیکیشن موبایل Home Screen - Recipe Mobile App Design

• معرفی کلاس استاد Figma Intro to Figma Master Class

• طراحی برنامه دستور العمل فیلترها Search Filters Recipe App Design

• ایجاد Wireframes و مطالعه الهام بخش Creating Wireframes & inspiration study

• استفاده از فریم ها و تابلوهای هنری Using Frames and Artboards

• Figma را در Win و Mac دانلود و نصب کنید Download and Install Figma on Win and Mac

• استفاده از محدودیت ها با کامپوننت ها Using Constraints with Components

• پروژه ► ماسک کردن تصاویر مقدمه شما Project ► Masking Images your Introduction

• رابط جدید Figma 2022 New Figma Interface 2022

• انتقال هاور در نمونه سازی با استفاده از Figma Hover transitions in Prototyping using Figma

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

• پیوند و همپوشانی اصول اولیه نمونه سازی Prototyping basics linking & overlays

• استفاده از گریدها و راهنماها Using Grids and Guides

• رنگ ها را پر کنید و از گرادیان ها در Figma استفاده کنید Fill Colors and using Gradients in Figma

• سالاد صفحه اصلی - دستور العمل طراحی برنامه IOS Home Screen SALADS - Recipe IOS App Design

• صفحه اصلی - دستور العمل طراحی اپلیکیشن موبایل 3 Home Screen - Recipe Mobile App Design 3

• اجزای موجود در Figma Components in Figma

• با تشکر و چه خبر بعدی Thanks and What's Next

• دست، ابزار مداد نظر Hand, Comment Pencil Tool

• پروژه ► دکمه های گرادیان Project ► Gradient Buttons

• تعویض با همپوشانی و تاخیر زمانی Swap with Overlay & Time Delays

• صفحه نمایش دستور العمل های سالم - طراحی برنامه موبایل دستور غذا Healthy Recipes Screen - Recipe Mobile App Design

• مروری بر روی پاپ‌آپ انتقال‌های Overlay Review Pop up Overlay transitions

• نمونه سازی ناوبری کشویی در Figma Prototyping Sliding Navigation in Figma

• میانبرهای رایج قسمت 1 - Figma Common shortcuts part 1 - Figma

• Project ► Design 6 Screens App Project ► Design 6 Screens App

• پروژه ► استفاده از جلوه های لایه Project ► Using Layer Effects

• در Drag Interaction + پیمایش عمودی افقی On Drag Interaction + Horizontal vertical scroll

• طراحی رابط کاربری صفحه ورود به سیستم Design User Interface of Login Screen

• راهنمای گرید قبل از طراحی برنامه ریزی می کند Grid Guides plan before designing

• 06 Figma Variants Advanced 06 Figma Variants Advanced