عرب – إضافة فيجما لاستبدال النصوص ببيانات مستخدمين عرب

إضافات

«عرب» هي إضافة لبرنامج تصميم واجهات المواقع والتطبيقات «فيجما»، تساعد على إنتاج محتوى الواجهات النصِّي وملئه واستبداله سريعًا ببيانات مستخدمين عرب وهمية لكن واقعية؛ كالأسماء وأرقام الهواتف والعناوين، مع إمكانية تخصيص كل هذه الخصائص بما يناسب مساحة الواجهة والتفاصيل المعروضة بها. الإضافة تعمل باللغتين العربية والإنجليزية.

Arabs Figma Plugin Interface

يحدث كثيرًا في أثناء عملي على تصميم إحدى الواجهات أن تُعطِّلني محاولات اختراع بعض البيانات والعناوين المتنوعة لملء قوائم المستخدمين، الأمر الذي يضطرني إلى استقطاع جزء ليس بقليل من وقت العمل لتأليف بعض التفاصيل عن المستخدمين ومحاولة جعلها واقعية بدلًا من مجرد «اسم المستخدم» أو «عنوان المستخدم» وما شابه من تفاصيل عقيمة.

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

ومن ثم قررت عمل إضافة لـ«فيجما» بغرض اختصار وقت البحث عن هذه التفاصيل وتأليفها، واستغلال هذا الوقت في التصميم وتحسين واجهة المنتج.

Arabs Figma plugin in action replacing text in an app screen

بدأت بتعيين باحث على «مستقل» لجمع معلومات عن مستخدمين من مصر والسعودية والإمارات وترتيبها وتنسيقها في ملف إكسيل، وأنجزنا معًا قائمة بأسماء ثلاثية وأخرى ثنائية، وإضافة أرقام هواتف محلية، وأيضًا العناوين التي أخذت القسط الأكبر من الوقت لإخراجها بأكثر شكل يمكن للمُصمِّم استخدامها بحرية.

ثم تواصلت مع أحد أصدقائي من المبرمجين، وشرحت له فكرة الإضافة، وعملنا عليها معًا لمدة ٣ أسابيع لتحسين تجربة الاستخدام، وحل المشكلات التقنية التي واجهتنا في أثناء استخدام الإضافة في «فيجما». ومن الواجب أن أقول -بعد كل هذا المجهود- إني فخور جدًّا بهذه الإضافة.

بإمكانك إضافة معلومات واقعية إلى تصميم واجهة الموقع أو التطبيق الذي تعمل عليه ببضع نقرات فقط، أما المحتوى فيمكنك إضافته باللغة العربية أو اللغة الإنجليزية. كما تستطيع تخصيص كل عناصر التفاصيل بشكل لن يضطرك إلى إضاعة الوقت مرة أخرى في تأليف المحتوى.

ملاحظة: جميع البيانات تم تأليفها واختراعها بناءً على أنماط بيانات حقيقية. قد تتشابه بعض التفاصيل مع بعض الأشخاص الحقيقيين، ولكن هذا التشابه من قبيل المصادفة البحتة.

محتويات الاضافة

بإمكان الإضافة إنتاج عناصر المحتوى التالية:

  • الدولة (مصر والسعودية والإمارات)
  • الأسماء
  • أرقام الهواتف
  • العناوين

وتدعم العناصر التخصيصات التالية:

  • الأسماء
    • ذكر أو أنثى
    • اسم ثنائي (أول وعائلة) أو ثلاثي (أول وأوسط وعائلة)
  • أرقام الهواتف
    • إضافة كود الدولة
  • العناوين
    • المدينة
    • الحي
    • الشارع
    • العلامة المميزة
Arabs Figma plugin in action replacing text in an app screen

استخدامات الاضافة

طريقة الاستخدام:

فقط حدِّد أي نص في ملف «فيجما» وشغِّل الإضافة. اختر الدولة التي تريد إضافة معلومات مستخدمين منها (مصر أو السعودية أو الإمارات)، ثم حدِّد عناصر المحتوى التي تريد إنتاجها (اسم أو رقم هاتف أو عنوان)، واضغط على زر «استبدال».

بإمكانك استخدام الإضافة في الحالات التالية وأكثر:

  • استبدال نصوص «اسم المستخدم» و«عنوان المستخدم» العقيمة ببيانات واقعية وحيوية
  • انشاء الشخصيات في بحث تجربة الاستخدام
  • إضافة أسماء أو عناوين أو أرقام في جداول لوحات التحكم وقوائمها
  • تخصيص تفاصيل العناوين المطلوب إضافتها، مثل المدينة أو الشارع أو العلامة المميزة
  • ملء تفاصيل الملف الشخصي للمستخدم في التصميم
  • تمكين محتوى التصميم العربي

تحميل

وبإمكانك تحميل الإضافة من مجتمع «فيجما» عبر هذا الرابط:

إن استفدت من هذه الإضافة في عملك فلا تنسَ مشاركتها مع المُصمِّمين الآخرين في دائرتك. وأيضاً بإمكانك التواصل معي ان كانت لديك اي تعليقات على المُكوّن.

بإمكانك ايضاً مشاهدة مُكوّن شرائط الحالة الذي قمت بعمله لفيجما. أنا متأكد انه سيكون مفيداً لك في تصميم واجهات التطبيق.

شكرًا لك!


الحقوق

مشاع عام: بإمكانك استخدام هذه الإضافة والتفاصيل التي تنتجها في كل أعمالك الشخصية والتجارية دون حاجة إلى ذكر اسم المُصمِّم أو إسناد رابط الموقع الأصلي.