راهنمای کامل قابلیت‌های کامپوننت در فیگما

یکی از ویژگی‌های قدرتمند فیگما، قابلیت‌های کامپوننت می‌باشد.
کامپوننت ویژگی است که به شما این امکان را می‌دهد تا گزینه‌های زیادی را برای هر جزء، بدون ایجاد انواع مختلف آن بسازید.
کامپوننت علاوه بر صرفه جویی در زمان برای ایجاد انواع مختلف، میزان کار مورد نیاز برای UI کیت یا دیزاین سیستم را کاهش می‌دهد.

چهار قابلیت وجود دارد که می‌توانیم از آنها برای ساخت کامپوننت استفاده کنیم:

Instance swap property
قابلیتی است که به ما امکان می‌دهد تا یک جزء (آیکون) را مستقیماً از پنل ویژگی تعویض کنیم.

Text property
این امکان را می دهد که یک لایه متن را از پنل آپشن ویرایش کنیم و برای تغییر متن لازم نیست روی لایه متن داخل کامپوننت کلیک کنید.

Boolean property
واژه Boolean اصطلاحی است که در کدنویسی استفاده می شود و به معنای درست یا نادرست. این قابلیت برای نمایش و پنهان کردن لایه ها عالی است.
به عنوان مثال، برای دکمه‌های با و بدون آیکون.

(انواع) Variants
وَرینت‌ها ویژگی‌های جدیدی نیستند و طراحان از آنها برای ایجاد اجزایی با گزینه‌های زیادی استفاده می‌کنند. با این حال، صفحه راهنمای Figma می‌گوید که وَرینت‌ها بخشی از قابلیت‌های کامپوننت هستند.
اگر می‌خواهید اندازه یا رنگ متفاوتی بسازید، از وَرینت‌های مختلف استفاده کنید.
به عنوان مثال، یک دکمه با حالت‌های مختلف مانند فعال کردن، هاور و غیرفعال کردن ایجاد کنید.

🔗 برای مطالعه ادامه مقاله می‌توانید به این لینک مراجعه کنید.

(زمان حدودی مطالعه: ۱۰ دقیقه)

گردآورنده: امیرحسین معظمی

#رابط_کاربر #کامپوننت #فیگما
#UI

@Dexign فلسفه دیزاین

______