مصمم واجهة المستخدم: تصميم إلى كود TenTwenty

نحن نبحث عن مصمم مهووس بالتفاصيل يقوم بتحويل تصميمات واجهة المستخدم إلى ملفات Figma جاهزة للإنتاج يحب المطورون العمل بها وأن تكون منظمة بشكل جيد لـ Locofy (تخطيط تلقائي، مكونات، تسمية، سلوك استجابة). هذه الوظيفة تتعلق بنظافة نظام التصميم، الهيكل، الاتساق، وجودة التسليم أكثر من كونها تتعلق بالتصميم.

• تحويل شاشات Figma الحالية إلى ملفات جاهزة للمطورين، عالية الجودة (دقيقة البكسل، متسقة، منظمة).
• ضمان بناء جميع التخطيطات باستخدام تخطيط تلقائي صحيح (بما في ذلك التخطيطات المتداخلة، والمسافات، والحشوات، والقيود) المناسبة لـ تحويل Locofy.
• بناء وصيانة مكونات + متغيرات قابلة لإعادة الاستخدام، وخصائص، واستخدام متسق عبر الشاشات.
• تطبيق وفرض معايير نظام التصميم (مقياس الطباعة، نظام المسافات، الألوان، الأنصاف، الظلال، الشبكات).
• إعداد سلوك استجابة باستخدام قيود وقواعد تخطيط (أنماط سطح المكتب/الجهاز اللوحي/الهاتف المحمول حيثما كان ذلك مناسبًا).
• إعداد وثائق تسليم نظيفة داخل Figma:
  - تقسيم، هيكل الصفحة، تعليقات توضيحية
  - ملاحظات التفاعل وملاحظات الحالات النادرة (التفاعل النشط/المعطل/التحميل/الحالات الفارغة)
• توحيد:
  - اتفاقيات التسمية (الطبقات، الإطارات، المكونات)
  - أنماط مشابهة لـ ken (أنماط النصوص، أنماط الألوان، التأثيرات)
  - قواعد استخدام الرموز وحجمها
• التنسيق مع مصممي واجهة المستخدم وتجربة المستخدم والمطورين لضمان الجدوى والاتساق.
• تشغيل تسليم QA: التحقق من الحالات المفقودة، المسافات غير المتسقة، القيود الخاطئة، المكونات المعطلة، أو الاستخدام غير القياسي.

متطلبات Locofy / التخطيط التلقائي (أساسي)

• استخدام التخطيط التلقائي في كل مكان حيث يكون من المنطقي (الأزرار، البطاقات، القوائم، التنقل، صفوف النماذج، النوافذ المنبثقة، الجداول).
• الاستخدام الصحيح للملء/الحجم الثابت، والأحجام الدنيا حيثما دعت الحاجة، وسلوك تغيير الحجم المتوقع.
• تداخل الإطارات بشكل صحيح وهيكل لتوليد كود نظيف.
• المكونات مصممة لتكون قابلة لإعادة الاستخدام وقابلة للتوسع (لا إطارات فوضوية لمرة واحدة).
• تجنب حيل التخطيط (تحديد مواضع عشوائية مطلقة، حشوات غير متسقة، قيود غير متراصة).
• القدرة على دعم المطورين بالأصول/حالات الاستخدام/حالات الأخطاء وما إلى ذلك.

تسليمات تمتلكها

• ملفات Figma جاهزة للتطوير مع هيكل نظيف وتصميم متسق
• إطارات جاهزة لـ Locofy حيث يُتوقع التحويل
• مكتبات المكونات/أنظمة التصميم الصغيرة حيثما كان ذلك مناسبًا
• ملاحظات التسليم + تغطية التفاعل/الحالة
• دعم لفريق التطوير

• مهارات Figma على مستوى الإنتاج قوية:
  - إتقان التخطيط التلقائي
  - المكونات، المتغيرات، الخصائص
  - الأنماط، المتغيرات/الرموز (حيثما كان ذلك مناسبًا)
  - القيود وإعداد الاستجابة
• اهتمام ممتاز بالتفاصيل والاتساق (المسافات، المحاذاة، الطباعة).
• فهم قوي لـ واقع الواجهة الأمامية (التخطيطات المتجاوبة، الأنماط القابلة لإعادة الاستخدام، التفكير القائم على المكونات).
• القدرة على العمل بسرعة دون التضحية بالجودة؛ مرتاح للتعامل مع العديد من الشاشات.

من الجيد أن تكون لديك

• خبرة في استخدام Locofy (أو أدوات مشابهة مثل Anima) وفهم الأخطاء الشائعة في التحويل.
• التمكن من أنظمة التصميم (التصميم الذري، الأنظمة المعتمدة على الرموز).
• معرفة أساسية بمفاهيم تخطيط HTML/CSS (flexbox، الشبكة) لمطابقة أفضل الممارسات في Figma.

أسلوب العمل

• أنت منهجي: قوائم التحقق، المعايير، الهيكل القابل للتكرار.
• تتواصل بوضوح مع المطورين وتحل الغموض بشكل استباقي.
• تهتم بجودة التسليم كحرفة.

معايير النجاح (كيف سنقيّم الدور)

• يمكن للمطورين البناء بشكل أسرع مع أسئلة أقل.
• يتطلب تحويل Locofy الحد الأدنى من إعادة العمل.
• المكونات قابلة لإعادة الاستخدام، ومتسقة، وقابلة للتوسع.
• ملفات التصميم نظيفة، منظمة، وسهلة التنقل.