Design Systems
تبني Reusable Interface Systems في Figma باستخدام Components وVariants وVariables وDesign Tokens، مع تحديد Component States وResponsive Behavior.
ندى مصطفى
UX Engineer
تعمل ندى كـ UX Engineer في Technway، وتركز على Design Systems وAccessibility وInteraction Design وReusable Interface Systems، مع ربط قرارات التصميم في Figma بالتنفيذ الفعلي عبر Figma-to-browser alignment.
UX EngineeringDesign SystemsInteraction DesignAccessibilityDesign QA
الدور داخل تكنواي
في Technway، تعمل ندى كـ UX Engineer عند نقطة الالتقاء بين Interface Design وDesign Systems وAccessibility وFrontend Implementation.
تعمل على بناء وتطوير Reusable Interface Systems في Figma باستخدام Components وVariants وVariables وDesign Tokens، مع الاهتمام بـ Component States وResponsive Behavior وKeyboard and Focus Behavior واتساق التفاعل بين المنتجات.
كما تعمل على ربط هذه الأنظمة بـ Frontend Implementation من خلال High-fidelity Prototypes وComponent Specifications وShared Patterns وتوثيق المكونات في Storybook.
ويشكل Design QA جزءًا أساسيًا من عملها، حيث تراجع الواجهات المنفذة داخل المتصفح للتأكد من Visual Accuracy وAccessibility وResponsive Behavior وComponent Consistency وReal-content States وInteraction Quality.
يساعد عملها على إبقاء Design وImplementation متوافقين، وبناء واجهات أكثر اتساقًا وأسهل في التطوير والصيانة والتوسع.
مجالات العمل
تربط ندى بين Design Systems وInteraction Design وAccessibility وFrontend Implementation للحفاظ على اتساق قرارات الواجهة من Figma حتى المتصفح.
Interaction Design & Accessibility
تحدد Interaction Behavior وKeyboard and Focus Behavior وحالات الواجهة حتى تبقى الانماط القابلة لاعادة الاستخدام واضحة وسهلة.
Figma-to-browser alignment
تربط قرارات التصميم المعتمدة بـ Frontend Implementation من خلال High-fidelity Prototypes وComponent Specifications وShared Patterns وتوثيق المكونات في Storybook.
Design QA & Browser Validation
تراجع الواجهات المنفذة للتاكد من Visual Accuracy وAccessibility وResponsive Behavior وComponent Consistency وReal-content States وInteraction Quality.
الدور الحالي
تعمل ندى في Technway كـ UX Engineer عبر Design Systems وInteraction Design وAccessibility وFrontend Implementation alignment وDesign QA.
UX Engineer
تعمل على Design Systems وInteraction Design وAccessibility وReusable Interface Systems وFigma-to-browser alignment وDesign QA.
أسلوبها في التصميم
الهدف هو بناء واجهات واضحة ومتسقة ومراعية لإمكانية الوصول، وقابلة للتنفيذ وتعمل بثبات في الظروف الحقيقية.
اتساق Design Systems والتنفيذ
يجب أن تبقى Design Systems وComponents وVariants وDesign Tokens متسقة عبر Frontend Implementation.
التفاعل جزء من contract المكون
تحتاج Component States وResponsive Behavior وKeyboard and Focus Behavior إلى تعريفات واضحة قابلة لإعادة الاستخدام.
Accessibility متطلب طبيعي
يجب أن تراعي الواجهات Accessibility وحالات المحتوى الفعلية من التصميم حتى Browser Validation.
المراجعة داخل المتصفح
يتحقق Design QA من Visual Accuracy واتساق المكونات وجودة التفاعل خارج Figma.