قبلا تو این پست، در مورد آیکون کامپوننت FontAwesome نوشته بودم و روشی رو توضیح داده بودم که برای استفاده در دیزاینهای ساختاریافته مناسبه. (اگه به این آیکون پک علاقه دارید اون پست رو پیگیر باشید)
اخیرا برای پروژهی خودمون از آیکون پک Tabler استفاده کردم. اکثرا با پلاگینش میشناسیدش که به راحتی در فایل دیزاینتون اجرا میشه و میتونید به پروژهتون، آیکون اضافه کنید.
من اومدم آخرین نسخهی این آیکون پک رو تبدیل کردم به یک آیکون کامپوننت که بشه به عنوان لایبرری توی تیم منتشر کنم و ازش توی دیزاینسیستممون و بعد هم در جاهای مختلف پروژه استفاده کنم. حس کردم شاید بقیه هم به همچین چیزی نیاز داشته باشن. لذا در کامیونیتی فیگما منتشرش کردم. دوس داشتید استفاده کنید و بفرستید برای کسایی که فکر میکنید به دردشون میخوره.
صفحهی این فایل در کامیونیتی فیگماتوضیحات تکمیلی:
- تمام توضیحات و راهنماییهای لازم برای استفاده از این لایبرری رو در خود فایل گذاشتم و همه چیز گویاست.
- استفاده از پلاگین Tabler و روشهای دیگه هم اوکیه، ولی مشکل کجاست که از کامپوننتش استفاده کنیم؟
برای دیزاینسیستمها، یوآیکیتها و دیزاینهای ساختاریافته و کلا برای اینکه بتونیم از آیکونها در کامپوننتهای پروژهمون استفاده کنیم، فرآیند تغییر و انتخاب آیکونها یه مقدار سخت میشه. معمولا هرکی برای خودش جداگانه اینکار رو انجام میده. یه سری آیکون دلخواه رو کامپوننت میکنه و در پروژه و کامپوننتهای دیگه ازش استفاده میکنه. اما برای پروژههای بزرگتر و یه مقدار پیچیدهتر، نمیدونیم چه نیازهایی ایجاد میشه و به چه آیکونهایی نیاز پیدا میکنیم. میتونیم نسبت به موضوع و در لحظه توی کامپوننتها، آیکونها رو تغییر بدیم و فرآیند دیگهای رو طی نکنیم جز سرچ و انتخاب آیکون!
- خب بعدش؟
بعدش تصمیم گرفتم این کامپوننت رو در قالب لایبرری منتشر کنم بقیه هم استفاده کنن که بالاتر توضیح دادم.
- اگه آیکون جدید اضافه شد چجوری به روزرسانی کنیم؟
در خود فایل یه سری توضیحات تکمیلی دادم، خلاصهش اینه که فیگما این امکان رو هنوز فراهم نکرده که به صورت آنلاین لایبرریها رو به فایلهامون اضافه کنیم غیر از سه تا یوآی کیت که تحت مدیریت خودشه. (بعنوان فیچر عمومی عرضه نکرده که بقیه هم بتونن همین کار رو بکنن). پس باید به صورت دستی اینکارو انجام بدید که فرآیندش مشخصه و واضح. هرچند هر پروژهای رو با همین نسخه شروع کنید هم کافیه و کارتون رو راه میندازه.
- چرا این آیکون پک؟
یه سری آیکون پکها، امکانی رو فراهم کردن که سرعت رو در توسعه بالا بردن. مثلا در لایبرری React ما react-icons رو داریم که فراخوانیهای آیکونها رو از یه سری آیکون پکها ساده کرده. از بین آیکون پکهایی که در این لیست هست، این پک رو علاوه بر دلیل توسعهی سریع به این دلایل هم انتخاب کردم: زیبایی بصری بیشتر نسبت به بقیه، پکیج کاملتر، رایگان بودن نسبت به تعداد آیکون، کامیونیتی فعال، بهروزرسانیها و افزودن مداوم آیکونهای جدید.
- بقیه آیکونهای این لیست چی پس؟
از یه جا به بعد، همه چی سلیقهای میشه. بعضیاشون واقعا خوبن و سلیقهی من نیست. بعضیاشون حتی لایبرری دارن علاوه بر پلاگین. بعضیاشونم تازه پا گرفتن. من با دلایل خودم و نیازی که داشتم رفتم سراغ این و برای کامپوننت کردنش و ساخت یه لایبرری تمیز و کاربردی، این حرکت رو زدم که در نهایت تو پروژهم استفاده کنم. همین :)
@MNakhli
