استایل‌ها ابزاری قدرتمند در فیگما هستند که به طراحان اجازه می‌دهند تنظیمات و ویژگی‌های ظاهری المان‌های تکراری مانند رنگ، فونت، اندازه و حاشیه‌ها را به صورت متمرکز مدیریت کنند. با استفاده از استایل‌ها می‌توانید مشخصات دکمه‌ها، عنوان‌ها، بادی متن و … را یکجا تعریف کرده و سپس در سراسر …
فیگما امکان ساخت کامپوننت‌های اینتراکتیو را به صورت عمومی در اختیار کاربران قرار داده است. با استفاده از این قابلیت می‌توان پروتوتایپ‌های پیشرفته‌تری ساخت. کامپوننت‌های اینتراکتیو اجازه می‌دهند حالت‌های مختلف یک المان مانند دکمه را بدون نیاز به جابجایی بین صفحات، در یک پروتوتایپ نشان داد. مزایای کامپوننت‌های اینتراکتیو: ساخت …
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 به شما آموزش داده می‌شود. این آموزش به شما کمک می‌کند تا با نحوه نصب و کار با این ابزار مهم برای طراحی رابط کاربری و تجربه کاربری آشنا …
در این پست، در آموزش 7 پلاگین فوق العاده کاربردی فیگما – قسمت سوم به هفت پلاگین دیگر برای استفاده در Figma می پردازم. این پلاگین‌ها ابزارهای مفیدی برای طراحان و کاربران Figma هستند و امکانات متنوعی را به آن‌ها اضافه می‌کنند. اگر قسمت‌های قبلی این آموزش را ندیده‌اید، می‌توانید …
در این ویدیو آموزشی، من قصد دارم پنج پلاگین دیگر را به همراه نحوه کار با آن‌ها در ابزار فیگما (Figma) را به شما معرفی و آموزش دهم. لیست پلاگین‌های Figma پلاگین ساخت پالت رنگی از عکس در فیگما: با این پلاگین، می‌توانید به راحتی پالت رنگی خود را …