Interactive Components در Figma به شما اجازه می‌دهد حالت‌های مختلف یک کامپوننت، مثل دکمه، Checkbox یا Toggle را مستقیما داخل Component Set به هم متصل کنید. به این ترتیب برای نمایش هر State لازم نیست چند فریم جداگانه بسازید.
این قابلیت همراه با Variants برای ساخت Prototypeهای واقعی‌تر و قابل نگهداری‌تر بسیار کاربردی است. اگر هنوز با پایه‌های پروتوتایپ آشنا نیستید، ابتدا آموزش ساخت Prototype در Figma را ببینید.
Interactive Components در Figma چیست؟
فرض کنید یک دکمه Default، Hover و Pressed دارد. می‌توانید این حالت‌ها را به‌صورت Variant بسازید و Interaction بین آن‌ها را داخل خود Component تعریف کنید. هر Instance که از این Component استفاده کند همان رفتار تعاملی را در Prototype خواهد داشت.
در این آموزش چه چیزهایی یاد می‌گیرید؟
- Interactive Components چیست و چه زمانی کاربرد دارد؟
- ساخت Component و Variantهای مختلف
- تعریف Interaction بین Stateها
- ساخت یک Prototype با کامپوننت‌های تعاملی
ویدیوی آموزش Interactive Components
آموزش‌های مرتبط Figma
ادامه مسیر یادگیری طراحی محصول
اگر هدفتان یادگیری ساختاریافته UI، UX و Design System است، می‌توانید جزئیات دوره جامع طراحی محصول را ببینید.
برای ویدیوهای بیشتر هم کانال یوتیوب حسین محمودی را دنبال کنید.
