فیگما طراحیهاتو با دیزاینسیستم چک میکنه
فرانتاندClaude Sonnet 4.6خلاصهٔ کاملتر
فیگما تو ریلیز جدیدش قابلیتی به اسم Check designs رو معرفی کرده. کار اصلی این ابزار اینه که طراحی شما رو با دیزاینسیستمتون مقایسه میکنه، هرجا که از استاندارد فاصله گرفته رو علامت میزنه و با یه کلیک اصلاح درست رو پیشنهاد میده. ایدهش اینه که همون موقع که داری کار میکنی انحرافها رو بگیری، نه اینکه آخر کار سورپرایز بشی.
یکی از بخشهاش پیشنهاد متغیر و استایله: مقدارهای رنگ، متن، شعاع گوشه (radius) و فاصلهگذاری که دستی و هاردکد نوشته شدن رو پیدا میکنه و بهجاش توکن درست دیزاینسیستم رو میذاره. این یعنی بهجای اینکه یه رنگ ثابت تو فایل بمونه، به متغیر تعریفشدهی سیستم وصل میشه.
بخش بعدی روی دسترسپذیری (accessibility) تمرکز داره. ابزار جاهایی که کنتراست رنگ مشکل داره رو علامت میزنه و رنگهایی پیشنهاد میده که با استاندارد WCAG 2.0 در سطح AA یا AAA سازگار باشن. این همون چیزیه که خوانایی متن برای همهی کاربرها رو تضمین میکنه.
دوتا قابلیت تشخیص دیگه هم داره. اولی mismatch کتابخونهست: توکنها و کامپوننتهایی که از کتابخونههای ساباسکرایبنشده اومدن رو نشون میده. دومی کامپوننتهای detachشده رو پیدا میکنه، یعنی کامپوننتهایی که از کتابخونهی منبعشون جدا شدن و دیگه بهروزرسانیها رو نمیگیرن.
طبق اعلام فیگما، این قابلیت فقط روی پلنهای Organization و Enterprise در دسترسه. کاربردش بیشتر برای تیمهاییه که با یه دیزاینسیستم منظم کار میکنن و میخوان قبل از هندآف یه پاس QA روی فایل بزنن.
نکات کلیدی:
- Check designs طراحی رو با دیزاینسیستم مقایسه و انحرافها رو علامت میزنه
- مقادیر هاردکد رنگ، متن، radius و فاصله رو با توکن درست جایگزین میکنه
- مشکلات کنتراست رنگی رو بر اساس WCAG 2.0 سطح AA/AAA اصلاح میکنه
- توکنهای کتابخونههای ساباسکرایبنشده و کامپوننتهای detachشده رو تشخیص میده
- فقط روی پلنهای Organization و Enterprise فعاله
