Design Tokens 101 - Arabic

ما هو الـ ديزاين سيستم؟

• مجموعة من أنماط التصميم فقط

• لوحة ألوان للعلامة التجارية

• مجموعة من الإرشادات والأنماط لضمان لغة بصرية موحّدة

• إطار عمل برمجي للمطورين

ما هو الترتيب الصحيح في هيكل

Atomic Design؟

• Atoms → Molecules → Pages → Organisms → Templates

• Atoms → Molecules → Organisms → Templates → Pages

• Pages → Templates → Organisms → Molecules → Atoms

• Templates → Atoms → Molecules → Organisms → Pages

ما هو الفائدة الأساسية من استخدام ديزاين توكنز؟

• جعل واجهة المستخدم أكثر ألوانًا

• إدارة الخطوط

• إنشاء تجربة موحدة ومتناسقة عبر المنصات المختلفة

• إضافة مزيد من الأيقونات

أي من الآتي لا يُعتبر فائدة من استخدام ديزاين سيستم؟

• يعزز التعاون

• يزيد من المهام اليدوية بين الفرق

• يسرّع عملية التطوير

• يحسّن التناسق في التصميم

في فيجما تستخدم الفاريابلز في

• إنشاء قوالب ملفات جديدة

• تصدير الملفات

• تخزين القيم القابلة لإعادة الاستخدام ودعم ديزاين توكنز

• تحريك التصاميم

ما هو الفرق الرئيسي بين فاريابل و ديزاين توكنز؟

• التوكنز تخزن نص فقط

• التوكنز تُستخدم فقط من قبل المبرمجين

• الـ فاريابل هي تمثيل، أما ديزاين توكنز فهي تعبير عن قرار تصميمي

• الفاريابلز ثابتة، والتوكنز ديناميكية

ما هي أفضل ممارسة لتسمية التوكنز؟

• استخدام أسماء ألوان مثل

  "blue" أو "red"

• تضمين القيم المحددة في الاسم

• جعل الاسم معبر، واضح وسهل التوسع

• تقصير الاسم قدر الإمكان

ما نوع التوكن في

"buttonPrimaryDefaultBgColor"

• Option Token

• Semantic Token

• Alias Token

• Component Specific Token

أي من التالي يُعتبر تحدّي في حالة عدم استخدام ديزاين توكنز؟

• التعديلات اليدوية لكل منصة

• التناسق بين المنصات

• سير العمل التلقائي

• وجود مصدر موحد للحقيقة

ما هو مثال على تنسيق أسماء توكنز قابل للتوسع؟

• smTxtSz

• buttonPrimaryBgColor

• redButtonBg

• blueColorMainForHeader