جلسه ی 19 آموزش فیگما / کامپوننت و واریانت | Component and Variant in Figma

درود به شما همراهان گرامی. در این ویدئو از دوره رایگان آموزش طراحی رابط و تجربه کاربری، قصد داریم کامپوننت و واریانت در فیگما را به صورت عملی و کاربردی برای طراحی uiux آموزش دهیم. کامپوننت‌ها در فیگما دقیقا چه کار می‌کنند؟ فرض کنید یک پروژه بزرگ فروشگاهی دارید. این فروشگاه به جز وایرفریم و پروتوتایپ موبایل، نسخه تبلت و دسکتاپ نیز دارد. افزون بر این، تعداد صفحاتی بالغ بر 80 صفحه داشته باشد. قطعا این پروژه هدر و فوتر هم خواهد داشت. حالا کارفرما از شما می‌خواهد که مثلا رنگ زمینه هدر و آیکن سبد خرید آن را تغییر دهید. چه کار می‌کنید؟ آیا تک تک آن‌ها را به صورت دستی درست می‌کنید؟ اگر اینطور باشد که آن پروژه یکسال بعد تمام می‌شود! راهکار شما استفاده از کامپوننت است. این قابلیت جذاب فیگما، به شما این امکان را می‌دهد که عناصری که قرار است تکرار شوند را کامپوننت کنید. با دکمه Ctrl + Alt + K می‌توانید این کار را انجام دهید. با این کار شما می‌توانید عناصر مشابه به یکدیگر را مدیریت کرده و همزمان همه آن‌ها را تغییر دهید. مانند هدر، فوتر، آیکن‌های کامپوننت شده، دکمه‌ها، چک‌باکس، دکمه رادیویی و هر uikit ساخته شده توسط شما که قرار است بیش از یکبار در صفحه استفاده شود. حتی کارت بلاگ و محصول، اسلایدر و به طور کل uikitهای بزرگتر نیز کامپوننت می‌شوند. ✅ هر سوالی داشتید در بخش کامنت ها بپرسید و این آموزش را برای دوستان علاقمند خود ارسال کنید. موفق باشید🌹 uiux uiux design uiuxfigma uiux tutorial for beginners figma figma tutorial figma tutorial for beginners figma tutorial step by step figma course figma 2025 figma color style فیگما آموزش فیگما آموزش uiux آموزش uiux با فیگما رابط کاربری تجربه ی کاربری طراحی سایت آموزش رایگان uiux آموزش رایگان فیگما آموزش فیگما پروژه محور آموزش فیگما برای طراحی سایت آموزش فیگما 2025 آموزش فیگما فارسی آموزش کامل فیگما و uiux 📖 معرفی منابع و تمرین برای این جلسه بدون هیچ عذر و بهانه‌ای، یک کامپوننت زیبا بسازید و از دیدن آن لذت ببرید 😎 قبول دارید که فیگما دوست داشتنی است؟ پس خسته نشوید و تمرین کنید. حتما این کامپوننت با جزئیاتش را مطابق با ویدئو بسازید. برای اینکه عذاب وجدان نداشته باشیم بابت عدم معرفی مقاله، یک لینک هم درج می‌کنیم که بتوانید مقاله مرتبط هم مطالعه کنید. https://help.figma.com/hc/en-us/artic... ✅ جلسه ی قبل👇    • جلسه ی 18 آموزش فیگما / طراحی ریسپانسیو در...   #فیگما #رابط_کاربری #تجربه_کاربری #دوره_رایگان_ui #دوره_رایگان_ux #آژانس_نوآوری_رسام #علیرضا_حمداللهی #آموزش_فیگما #کاربردپذیری #طراحی_سایت #کامپوننت #واریانت #figma #uiux #uiuxdesign #ui_design #ux_design #Alireza_Hamdollahi #ui #ux #usability #typography #autolayout #constraints #component #variant