توکنهای معنایی
رنگ، تایپوگرافی، فاصله، شعاع و سایه با نامگذاری مبتنی بر کاربرد، نه مقدار خام؛ آماده برای تم روشن، تیره و برندهای زیرمجموعه.
اکنون در دسترسه
دیزاین سیستم دیگ، از یک هسته تا سه کتابخانه طراحی
دیگ یک زبان طراحی چندپلتفرمی برای تیمهای محصول فارسیزبان است. توکنها، الگوها و کامپوننتها در یک معماری مشترک تعریف میشوند و با حفظ قابلیتهای بومی هر ابزار، در فیگما، اسکچ و پنپات منتشر میشوند.
معماری هسته
یک دیزاین سیستم، فراتر از فایل کامپوننتها
هسته دیگ چهار لایه بههمپیوسته دارد. تصمیم طراحی فقط زمانی بخشی از سیستم است که معنا، رفتار، دسترسپذیری و معادل قابل پیادهسازی آن مشخص باشد.
قرارداد کامپوننت
Anatomy، state، variant، اندازه، رفتار تعاملی و الزامات دسترسپذیری هر کامپوننت پیش از انتشار تعریف میشود.
RTL در هسته
جهت، آیکنهای directional، اعداد فارسی، تایپوگرافی و الگوهای ورود داده از ابتدا برای محصول فارسی طراحی شدهاند.
همترازی طراحی و کد
نام توکنها و API کامپوننتها بین فایل طراحی، مستندات و پیادهسازی فرانتاند یک قرارداد مشترک میسازند.
انتشار چندپلتفرمی
یک معنا، سه پیادهسازی بومی
دیگ قابلیتهای پلتفرمها را به کوچکترین مخرج مشترک تقلیل نمیدهد. قرارداد هسته ثابت میماند، اما شیوه انتشار برای مدل کتابخانه، متغیرها و همکاری هر ابزار بهینه میشود.
DIG / Figmaکتابخانه فیگما
کتابخانه اصلی برای Variables، Component Properties، Variants و انتشار تیمی در سطح Organization.
- Variables و Modes
- کامپوننتهای تعاملی
- Library analytics
DIG / Sketchکتابخانه اسکچ
نسخه سازگار برای تیمهای macOS با Shared Styles، Symbols و Library Updates کنترلشده.
- Shared Layer Styles
- Symbols و Overrides
- Library updates
DIG / Penpotکتابخانه پنپات
انتشار مبتنی بر استانداردهای باز برای تیمهایی که همکاری متنباز، SVG و تحویل نزدیکتر به کد میخواهند.
- Design Tokens
- Shared components
- CSS و SVG استاندارد
زنجیره انتشار
از تصمیم طراحی تا نسخه قابل مصرف
هر انتشار یک فرایند قابل ردیابی است؛ نه کپی دستی بین فایلها. این مدل، drift میان طراحی و کد را کاهش میدهد و مهاجرت تیمها را پیشبینیپذیر میکند.
- ۰۱
تعریف منبع حقیقت
Primitive و Semantic Tokenها در یک مدل مرکزی تعریف و وابستگی آنها اعتبارسنجی میشود.
- ۰۲
تبدیل پلتفرمی
همان معنا به Variables فیگما، Shared Styles اسکچ و Tokenهای پنپات نگاشت میشود؛ بدون یکیکردن اجباری قابلیتها.
- ۰۳
کنترل کیفیت
مغایرت بصری، نامگذاری، RTL، کنتراست، stateها و رفتار responsive پیش از انتشار بررسی میشوند.
- ۰۴
انتشار نسخهدار
نسخه با changelog، راهنمای مهاجرت و سطح تغییر مشخص منتشر میشود تا مصرفکننده غافلگیر نشود.
یک زبان مشترک برای محصول