آموزش گام به گام FigJam AI – راهنمای کاربردی بهره‌گیری از قابلیت‌های نوین هوش مصنوعی Figma فیگما اخیرا FigJam AI رو معرفی کرد که یه نسخه پیشرفته از JamBot با قابلیت‌های جدید هوش مصنوعیه. FigJam AI می‌تونه کارهای تکراری مثل دسته‌بندی، خلاصه‌سازی، ایجاد قالب‌های آماده و … رو به طور …
یوزرفلو چیست و چطور آن را بسازیم؟ مراحل طراحی User Flow در UX یوزرفلو یا فلوی کاربر، نمایشی گرافیکی از مسیر و گام‌هایی است که یک کاربر برای انجام یک تسک یا رسیدن به یک هدف در یک محصول دیجیتالی طی می‌کند. User Flow معمولاً به صورت یک فلوچارت یا …
استایل‌ها ابزاری قدرتمند در فیگما هستند که به طراحان اجازه می‌دهند تنظیمات و ویژگی‌های ظاهری المان‌های تکراری مانند رنگ، فونت، اندازه و حاشیه‌ها را به صورت متمرکز مدیریت کنند. با استفاده از استایل‌ها می‌توانید مشخصات دکمه‌ها، عنوان‌ها، بادی متن و … را یکجا تعریف کرده و سپس در سراسر …
فیگما امکان ساخت کامپوننت‌های اینتراکتیو را به صورت عمومی در اختیار کاربران قرار داده است. با استفاده از این قابلیت می‌توان پروتوتایپ‌های پیشرفته‌تری ساخت. کامپوننت‌های اینتراکتیو اجازه می‌دهند حالت‌های مختلف یک المان مانند دکمه را بدون نیاز به جابجایی بین صفحات، در یک پروتوتایپ نشان داد. مزایای کامپوننت‌های اینتراکتیو: ساخت …
Variants یکی از ویژگی‌های بسیار کاربردی و قدرتمند فیگما است که به طراحان امکان می‌دهد المان‌هایی مانند دکمه، کارت و غیره را با تمامی حالت‌های مورد نیازشان طراحی کنند. با استفاده از Variants می‌توانید مثلاً یک دکمه را با حالت‌های فعال، غیرفعال، هاور و فشرده شده طراحی کنید. سپس در …
امروز قصد دارم نحوه استفاده از قابلیت Auto Layout در فیگما را به شما آموزش دهم. با استفاده از Auto Layout می‌توانید طرح‌هایی بسازید که به صورت ریسپانسیو عمل کرده و با تغییر اندازه صفحه نمایش، خودشان را تطبیق می‌دهند. معرفی Auto Layout در فیگما Auto Layout امکان خوبی در …
پروتوتایپ، ابزاری قدرتمند در فیگما برای طراحان رابط کاربری (UI) و تجربه کاربری (UX) است. با پروتوتایپ می‌توان انیمیشن‌ها و تعاملات مختلفی را به طرح‌های UI/UX اضافه کرد. در این آموزش قصد دارم نحوه ساخت پروتوتایپ در فیگما را به طور کامل آموزش دهم. معرفی پروتوتایپ در فیگما پروتوتایپ، امکان …
در این قسمت از آموزش جامع Figma، به موارد مهمی که مرتبط با ساخت پروتوتایپ و استفاده از ویژگی Constraints در Figma هستند، پرداخته می‌شود. در ادامه مواردی که در این قسمت آموزش داده می‌شوند را برای شما آورده‌ام: کار با Constraints در فیگما: معرفی و استفاده از ویژگی …
در این قسمت از آموزش جامع Figma، به بررسی ویژگی‌های پنل Design در Figma می‌پردازید. این پنل مهم در Figma ویژگی‌های مرتبط با عناصری که در طراحی‌تان انتخاب کرده‌اید را نمایش می‌دهد. ویژگی‌هایی که در این بخش آموزش داده می‌شوند عبارتند از: پنل Design در فیگما چیست؟: معرفی پنل …
در این آموزش جامع Figma – کار با ابزارها و محیط فیگما – قسمت اول، مفاهیم و عناصر اساسی محیط Figma به شما آموزش داده می‌شود. این آموزش به شما کمک می‌کند تا با نحوه نصب و کار با این ابزار مهم برای طراحی رابط کاربری و تجربه کاربری آشنا …