مكونات واحدة لكل شاشة تطلقها

ما نقوم به

• مراجعة الواجهات

  نجمع كل زر ونموذج وجدول في منتجاتك، ونبيّن أين صُمم العنصر نفسه بعدة طرق مختلفة.

• رموز التصميم (Design Tokens)

  قيم الألوان والمسافات والخطوط وانحناء الزوايا تُعرَّف مرة واحدة وتُصدَّر إلى Figma وCSS وكود تطبيقات الجوال، فيصل أي تغيير في مكان واحد إلى كل المنتجات.

• مكتبة مكونات في Figma

  مكونات بأشكالها وحالاتها المختلفة (التمرير، الخطأ، التعطيل، التحميل)، مصممة للاتجاهين من اليسار إلى اليمين ومن اليمين إلى اليسار.

• مكونات برمجية

  المكونات نفسها بتقنيات الواجهة لديك مثل React أو Vue، موثقة في Storybook ليتصفحها المطورون وينسخوها.

• إرشادات الاستخدام

  متى يُستخدم كل مكون، وقواعد التباين والتركيز، وإرشادات كتابة التسميات والأزرار ورسائل الخطأ.

• الحوكمة

  آلية لاقتراح المكونات الجديدة ومراجعتها وإصدارها، مع ترقيم للإصدارات يتيح لفرق المنتجات الترقية حسب جدولها.