ما معنى design token؟

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

بدل القيمة الخام #1A73E8 تستخدم الفرق رمزًا مثل color-primary أو spacing-md. يؤدي تغيير الرمز إلى تحديث كل شاشة تستخدمه، ما يسهل السمات والوضع الداكن. وتخزن الرموز في Figma غالبًا كمتغيرات.

أمثلة

1. Don't hard-code the blue; use the color-primary design token.

   لا تثبت اللون الأزرق في الشيفرة؛ استخدم رمز التصميم color-primary.

   الرمز المركزي يجعل تغيير اللون لاحقًا متسقًا في كل المواضع.

2. We updated the spacing design tokens, and every screen changed at once.

   حدثنا رموز التباعد، فتغيرت كل الشاشات دفعة واحدة.

   انتشر التعديل تلقائيًا إلى المكونات المرتبطة بالقيم المشتركة.

تراكيب شائعة

• color tokens
• spacing tokens
• token naming
• update a design token

مصطلحات ذات صلة

• design systemنظام التصميم
• color paletteلوحة ألوان
• spacingالتباعد
• componentمكوّن

معنى الكلمة في مجالات أخرى

قد يختلف معنى الكلمة الإنجليزية نفسها من مجال إلى آخر:

• design token · تطوير البرمجيات

مصطلحات أخرى: أنظمة التصميم

• style guide · دليل الأسلوب
• UI kit · مجموعة عناصر واجهة المستخدم
• design pattern · نمط تصميم