تخطَّ إلى المحتوى

ألوان موقعك وخطوطه ومسافاته

اجمع ألوان الصفحة وخطوطها ومسافاتها في تقرير واحد. اعثر على القيم المتكررة واختلافات التنسيق للتحضير لتوحيد التصميم.

كيف تعمل أداة الفحص

من مصادر CSS إلى ملخص تكرار القيم

CSS

اجمع الأنماط من الصفحات

أدخل رابطًا. تقرأ Milten ملفات الأنماط المتاحة وتجمع الألوان والخطوط والأحجام والمسافات وأنصاف أقطار الزوايا والظلال والخصائص المخصصة المتكررة.

التكرار

جمّع القيم المتكررة

يحصي التقرير عدد مرات ظهور الألوان والخطوط والأحجام والتباعد وborder-radius وbox-shadow ومتغيرات CSS المتطابقة. وكلما تكررت القيمة أكثر، بدت أقرب إلى رمز نظام.

ملخص

إظهار التركيز والانتشار

يساعدك الملخص على رؤية أين تتكرر القيم باستمرار وأين تراكمت في الواجهة مجموعة واسعة من الألوان والأحجام والخطوط أو الظلال.

القراءة

ساعد في اختيار ما يجب مراجعته أولاً

قارن الألوان وأحجام الخطوط والمسافات المتكررة بأدوارها في المكونات. قد يكون تقارب القيم مقصودًا. تساعد ملخصات CSS في التخطيط لرموز التصميم، لكنها لا تنشئ نظام تصميم جاهزًا ولا تعيّن أسماء دلالية.

ما يتضمنه التقرير

سبع مجموعات من قيم التصميم

الألوان

الألوان المتكررة

يعرض الماسح قيم الألوان وعدد مرات استخدامها حتى تتمكن من فصل ألوان النظام عن الدرجات المحلية العارضة.

القيمةالاستخدامات
الخطوط

الخطوط وأحجام النص

يتضمن التقرير قيم font-family المكتشفة وعدد مرات ظهورها وقيم font-size المتكررة.

font-familyfont-size
التباعد / الحجم

الأحجام والهوامش والحشو والعرض والارتفاع

يبرز الملخص قيم الحجم والتباعد كثيرة الاستخدام. وعادةً ما يشير الانتشار الواسع هنا إلى ضعف اتساق الشبكة.

pxrem
الاستدارة / الظلال

الاستدارات والظلال

تعرض مجموعات منفصلة قيم border-radius وbox-shadow المتكررة، بما في ذلك الحالات التي تظهر فيها قيمة واحدة أكثر من غيرها.

الاستدارةالظل
متغيرات CSS

الخصائص المخصصة المكتشفة

يعرض الماسح خصائص CSS المخصصة وعدد مرات استخدامها لتتمكن من معرفة المتغيرات التي تعمل بالفعل كرموز تصميم.

--varالاستخدامات
الأسئلة الشائعة

الأسئلة الشائعة حول ماسح CSS Tokens

إجابات موجزة عن القيم التي تدخل التقرير وكيفية قراءة ملخص التكرار.

كيف يختلف ماسح CSS Tokens عن تصدير متغيرات CSS؟
نطاقه أوسع: فإلى جانب الخصائص المخصصة، يعرض التقرير الألوان والخطوط وقيم font-size والأحجام والتباعد وborder-radius وbox-shadow المتكررة. وتكرار الاستخدام مهم لكل قيمة.
هل يمكنني تحليل موقع دون الوصول إلى المستودع؟
نعم. يمكن تشغيل المرور الأول على الصفحات العامة والأنماط المرتبطة. وإذا كان جزء من CSS خلف مصادقة أو لا يُحمَّل على الصفحة، فلن يدخل الملخص.
هل يعرض التقرير تعارضات الـ tokens؟
يعرض التقرير القيم المتكررة ونطاقها. لا يحدد التعارضات الدلالية ولا يقترح أسماء للرموز. يقرر فريقك كيفية تنظيم رموز التصميم.
هل يفيد الماسح إذا كانت الـ tokens موجودة بالفعل؟
نعم. يعرض التقرير متغيرات CSS التي تم العثور عليها وعدد مرات استخدامها، إضافةً إلى مواضع وجود قيم خام متكررة قريبة منها: ألوان أو أحجام أو تباعد أو ظلال.
كيف أقرأ القيم الفارغة أو النادرة؟
قد تخص القيمة النادرة حالة أو مكونًا مهمًا. تحقق من مواضع استخدامها قبل دمجها أو حذفها. يساعد التكرار على ترتيب أولويات البحث، لكنه لا يحدد القيم التي ينبغي توحيدها في رمز تصميم واحد.
ملفات تعريف الارتباط

نستخدم ملفات تعريف الارتباط

نستخدم ملفات تعريف الارتباط لنمنحك تجربة أفضل على موقعنا. يمكنك معرفة المزيد حول كيفية استخدامنا لملفات تعريف الارتباط في سياسة الخصوصية.