التصميم واستوديو تصميم الأداة
صمّم الأداة لتلائم هويتك التجارية — رموز السمة، والمكوّنات، واستوديو التصميم لكل مؤسسة.
مجموعة الواجهات هي حيث تتحكّم في مظهر المساعد: شاهد المكوّنات التي يستطيع عرضها، وصمّم الأداة بالتفصيل في استوديو تصميم الأداة.
المكوّنات
مرجع للمكوّنات المدمجة التي يستطيع المساعد عرضها — جداول وبطاقات ونماذج وغيرها — إلى جانب واجهة برمجة لتسجيل مكوّنات React الخاصة بك كي يعرضها المساعد أيضًا.
استوديو تصميم الأداة
استوديو التصميم هو حيث تصمّم الأداة بعمق. يُحمِّل الأداة الحقيقية بوصفها لوحة حيّة، فما تراه هو ما يُنشَر:
- مكتبة تصاميم — احتفظ بعدة تصاميم واختر أيها نشط.
- إسناد لكل حجم ولكل وضع — امنح كل حجم دردشة تصميمه الخاص إن شئت.
- فاحص للألوان، والطباعة، والشكل، والمشغّل، والأيقونات والحركة، والتجاوزات لكل حجم، وCSS المتقدّم.
- تصميم «مكتشَف» يشتقّ النمطين الفاتح والداكن من موقعك الحيّ.
أنشئ تصميمًا وفعّله، خطوة بخطوة
يركّب Design Studio الودجت الحقيقي بوصفه لوحة حيّة، فما تراه هو ما يُنشَر:
- افتح Design Studioانتقل إلى مجموعة Surfaces وافتح Widget Design Studio. يحمّل الودجت الحيّ إلى جانب مكتبة تصاميم.
- أنشئ ملفًا تعريفيًاانقر New profile وسمّه — أو انسخ تصميم «detected» المدمج، الذي يشتق نظامي ألوان فاتحًا وداكنًا من موقعك الحيّ ، ثم حرّر انطلاقًا من هناك.
- اضبطه في المفتّشافتح الملف التعريفي لتحريره. استخدم المفتّش لضبط الألوان، والطباعة، والشكل، والمُشغّل، والأيقونات، والحركة — تتحدث اللوحة الحيّة أثناء عملك، وتُحفظ تغييراتك فور إجرائها.
- خصّصه للأحجام والأوضاعفي لوحة Sizes & modes، اختر أحجام المحادثة وأوضاعها التي تستخدم هذا التصميم — ويمكنك أن تمنح كل حجم تصميمه الخاص إن أردت.
- اجعله المستخدَم فعليًايحدّث الحفظُ المظهرَ المخزَّن للملف التعريفي، لكن ودجتك الحيّ لا يتغير إلا حين تختار Use this design لجعله النشط. رقِّه إلى الإنتاج حين ترضى عنه.