نظام التصميم — جميع المقالات والدروس

يحيا نظام التصميم أو يموت بحسب اتساق تطبيقه. لا يكفي تعريف الـ tokens والمكوّنات والميثاق التصويري — بل يجب التحقق من أن كل شاشة، في كل منتج، تحترم فعلاً هذه القواعد عبر الإصدارات. هذا بالضبط دور الاختبار البصري المطبَّق على نظام التصميم: اكتشاف أن padding انحرف، أو أن متغيراً من زر تم تكراره محلياً بدلاً من إعادة استخدامه، أو أن لون علامة تجارية استُبدل بقيمة ثابتة في تكامل سريع.

تجمع هذه الصفحة المقالات المخصصة لتقاطع نظام التصميم والاختبار البصري: هيكلة مجموعة اختبارات بحسب المكوّن وبحسب الصفحة، وإدارة اللقطات المرجعية عند تطوّر الـ tokens (تغيير اللوحة، إعادة تصميم الطباعة)، والتنسيق بين التحقق على مستوى المكوّن (Storybook + Chromatic عادةً) والتحقق على مستوى الصفحة المجمَّعة. نتناول أيضاً الرهانات التنظيمية: من يصادق على الفروقات البصرية — فريق التصميم، فريق الواجهة الأمامية، QA؟ كيف نتجنب تراكم الدَّين البصري بصمت بين تدقيقَين؟ يركّز Delta-QA على طبقة الصفحة، مكمّلاً لأدوات المكوّنات، وتسعى هذه المقالات إلى تقديم رؤية شاملة بدلاً من الترويج لسلسلة أدوات واحدة.