آموزش فیگما حرفه‌ای بخش ۳: تایپوگرافی پیشرفته، ماسک‌گذاری و رسانه - آخرین آپدیت

تایپوگرافی پیشرفته و کنترل‌های متن Advanced Typography & Type Controls

• نحوه استفاده از درصد Line Height در گرید 8pt در فیگما How to Use Line Height Percentage in 8pt grid in Figma

• نحوه استفاده از Leading trim برای تنظیم ارتفاع حروف به خط پایه در فیگما How to use Leading trim to cap height to baseline in Figma

• نحوه تنظیم Hanging Punctuation برای نقل‌قول‌ها و نکات برجسته در فیگما How to set Hanging Punctuation for pull quotes & call outs in Figma

• گزینه‌های پیشرفته تایپ در فیگما چیستند؟ What are the Advanced Type Options in Figma

• نحوه استفاده از متون متغیر (Variable Type) در طراحی اپلیکیشن‌های UX در فیگما How to use Variable Type in UX app design in Figma

• نحوه منحنی کردن متن با استفاده از Type on a Path در فیگما How to curve text with type on a path in Figma

• نحوه استفاده از فونت‌های ادوبی و فونت‌های محلی در فیگما How to use adobe fonts & local fonts in Figma

• نحوه حفظ یا عدم حفظ تغییرات متن (Text Overrides) در واریانت‌های فیگما How to Preserve text overrides or not in Figma variant

ابزارهای هوشمند فیگما: هوش مصنوعی، تصاویر و مبانی ماسک‌گذاری Smart Figma Tools: AI, Images & Masking Basics

• نحوه استفاده از هوش مصنوعی Chat GPT برای ایجاد متون جایگزین و پرسونا در فیگما How to use Chat GPT AI to create placeholder and personas in Figma

• نحوه ایجاد استایل تصویر در فیگما How to create an image style in Figma

• تفاوت تصاویر داخل Frame در مقابل Fill و Masked در فیگما چیست؟ What's the difference with Images inside frames vs fills vs Masked in Figma

• نحوه برش (Crop) تصاویر با استفاده از میان‌برهای فیگما How to crop images using shortcuts in Figma

• نحوه ماسک کردن تصاویر با استفاده از متن در فیگما How to mask images with text in Figma

• پروژه کلاسی ۱۰: ماسک متنی Class Project 10 - Text Mask

• نحوه ماسک کردن با استفاده از PNGهای شفاف با کانال آلفا در فیگما How to mask using transparent pngs with alpha channels in Figma

• پروژه کلاسی ۱۱: ماسک آلفا Class Project 11 - Alpha Mask

• نحوه ایجاد ماسک لوما (Luma Mask) در فیگما How to create a luma mask in Figma

• پروژه کلاسی ۱۲: ماسک لوما Class project 12 - Luma Mask

• نحوه ایجاد ماسک سرریزی (Spillover) خارج از فریم در فیگما How to make a spillover mask outside of the frame in Figma

ماسک‌های سفارشی، حالت‌های ترکیبی (Blending Modes) و افکت‌ها Custom Masks, Blending Modes & Effects

• نحوه استفاده از ابزار Pen برای ساخت ماسک‌های تصویری در فیگما How to use the pen tool to make image masks in Figma

• نحوه استفاده از حالت‌های ترکیبی لایه رنگ (Blending Modes) در فیگما How to use color layer blending modes in Figma

• پروژه کلاسی ۱۳: تبلیغات اجتماعی Class project 13 - Social Ad

• نحوه افزودن ویدیو در فیگما How to add video in Figma

• نحوه ساخت ویدیو با پخش خودکار در پس‌زمینه در فیگما How to make a background autoplay video in Figma

• نحوه پخش ویدیو هنگام نگه داشتن موس (Hover) در فیگما How to get a video play when you hover in Figma

• پروژه کلاسی ۱۴: پخش با هاور Class project 14 - Hover Play

ساخت کارت‌های ویدئویی و سیستم‌های رنگی Building Video Cards & Color Systems

• نحوه ساخت دکمه پخش/توقف برای ویدیو در فیگما How to make a play pause button for video in Figma

• نحوه ساخت کارت ویدئویی در فیگما How to build a video card in Figma

• پروژه کلاسی ۱۵: کارت ویدئویی Class project 15 - Video Card

• برخی از ترفندهای پیشرفته رنگ در فیگما What are some advanced color tricks in figma

• نحوه تغییر و جایگزینی رنگ‌ها در فیگما How to change replace colors in Figma

• نحوه ایجاد تم‌های رنگی برای حالت روشن (Light) و تاریک (Dark) در فیگما How to create Color Themes for light and dark in Figma

• نحوه گروه‌بندی استایل‌های رنگی با استفاده از اسلش یا پوشه در فیگما How to group color styles using slashes or folders in Figma

• نحوه افزودن توضیحات به استایل‌ها در فیگما برای استفاده دیگران How to descriptions to your styles in Figma for others to use

• ویرایش استایل‌ها یا کتابخانه کامپوننت‌های دیگران در فیگما Editing someone else's styles or component library in Figma

• نحوه مخفی کردن استایل‌های رنگ، فونت و کامپوننت‌ها از کتابخانه تیمی در فیگما How to hide color font styles & components from team library in Figma

جریان‌های کاری بین‌فایلی و بازسازی کتابخانه (Library Refactoring) Cross-File Workflows & Library Refactoring

• نحوه مقایسه تغییرات در کامپوننت با استفاده از Overlay در فیگما How to compare changes in component with overlay in Figma

• نحوه بازسازی (Refactoring) استایل‌ها به یک فایل طراحی دیگر در فیگما How to refactoring styles to another design file in Figma

• نحوه انتقال و لینک مجدد کامپوننت‌های بازسازی شده به فایل طراحی دیگر در فیگما How to move relink refactoring components to another design file in Figma

• نحوه تعویض بخش‌ها یا کل کتابخانه استایل و کامپوننت در فیگما How to swap parts or entire component & style library in Figma

• برخی از نکات و ترفندهای پیشرفته ترسیم در فیگما What are some advanced drawing tips and tricks in figma

• نحوه ترسیم در فیگما با ابزار Pen: تسلط بر نقاط لنگر (Anchor Point) How to draw in Figma with the pen tool- Anchor point mastery

انیمیشن‌ها، عملیات Boolean و تسلط بر لایه بندی Animations, Booleans & Layout Mastery

• نحوه ترسیم با Bend و زاویه Mirror در فیگما How to draw with Bend & Mirror angle in Figma

• آیا می‌توان نقاط لنگر یا عملیات Boolean را در فیگما متحرک کرد؟ Can you animated anchor points or booleans in Figma

• نحوه متحرک‌سازی منوی ناوبری موبایل در فیگما با استفاده از Dip How to animate a mobile nav menu in Figma using a dip

• پروژه کلاسی ۱۶: انیمیشن منوی جایگزین Class project 16 - Alt Nav Animation

• نحوه همپوشانی و چیدمان اشیاء در Auto Layout فیگما How to overlap & stack things in a Figma Autolayout