عناصر التصميم (Design Tokens)
اجمع أنماط الموقع في نظام تصميم واحد دون عمل يدوي
المزايا
تحليل سريع لصفحات متعددة
تقوم الخدمة بمعالجة عشرات الصفحات في وقت واحد، واستخراج جميع قيم CSS إلى هيكل واحد. لا داعي للمباعدة بين الشاشات للعثور على المتغيرات التي تحتاجها.
تحليل آمن بدون وصول إلى الخادم
يتم التحليل على جانب العميل — لا حاجة للوصول إلى كود الموقع أو قاعدة البيانات. فقط أنماط CSS العامة.
أتمتة المهام الروتينية
تنسى نسخ الألوان، الخطوط، والهوامش يدويًا. تقوم الخدمة تلقائيًا بمسح الصفحات المحددة وجمع جميع رموز CSS في ملف واحد، وتوفير ساعات من وقت التطوير.
قابلية التوسع والدعم
تتبع المتغيرات غير المستخدمة، وحدد التكرارات، وحافظ على نظام التصميم الخاص بك محدثًا مع نمو مشروعك. مناسب للحلول المؤسسية.
كيف يعمل
الأدوات
FAQ
تجمع الخدمة رموز CSS: الألوان، الخطوط، الأحجام، الهوامش، الظلال، نقاط التوقف. يتم هيكلة جميع القيم حسب الفئة لسهولة الاستخدام.
يكتشف النظام تلقائيًا التكرارات ويوفر خيار الأولويات: حسب تكرار الاستخدام، حسب المصدر (النطاق الرئيسي أعلى)، أو حسب قواعد المستخدم. يتم عرض جميع التعارضات في تقرير منفصل.
تسمح لك الأداة بمقارنة قيم CSS الحالية مع النظام المستهدف، وتحديد التعارضات، والانتقال تدريجيًا للأنماط. تحصل على تقرير حول الاختلافات والتوصيات للتكيف.
نعم، يمكنك تحديد المحددات، واستبعاد فئات أو نطاقات معينة، وتكوين أولوية مصادر الأنماط. هذا مفيد بشكل خاص عند العمل مع كود قديم أو مكتبات الطرف الثالث.
نعم، في إعدادات التحليل، يمكنك تعيين قيمة حدية للتكرار. على سبيل المثال، يمكنك تعيين قاعدة لتضمين خصائص CSS التي تظهر في 3 صفحات أو أكثر من الموقع. يساعد هذا في التخلص من الأنماط العشوائية أو الاختبارية، مع التركيز على القيم النظامية الحقيقية. يمكنك أيضًا تعيين القاعدة العكسية — استبعاد الأنماط الأساسية المتكررة بشكل كبير (مثل الهوامش القياسية أو ألوان الروابط) بحيث تبقى فقط متغيرات المكونات ذات المعنى في رموز التصميم النهائية.