Reupload
← العودة إلى الصفحة الرئيسية

Skill · Anthropic Claude Design Documentation

أنشئ تصاميم مطابقة لهوية علامتك التجارية فورًا عبر استيراد نظام التصميم في Claude Design

أنشئ تصاميم مطابقة لهوية علامتك التجارية فورًا عبر استيراد نظام التصميم في Claude Design

الصورة: Igor Omilaev على Unsplash

سرّع سير عمل التصميم باستيراد قاعدة الشيفرة أو نظام التصميم الحالي لديك إلى Claude Design، بحيث يرث كل نموذج أولي تلقائيًا ألوان علامتك التجارية وخطوطها ومكوّناتها. وهذا يلغي تعديلات الأنماط اليدوية ويضمن اتساقًا فوريًا مع العلامة التجارية في جميع النماذج المولّدة.

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

وهذا هو سير العمل: أولاً، في Claude Design، ارفع رموز نظام التصميم لديك أو صادرات ملفات Figma أو ملفات CSS أثناء الإعداد الأولي. يحلل Claude هذه الملفات ويتعلم قواعد علامتك التجارية. ثم، كلما طلبت من Claude توليد واجهة أو نموذج تجريبي جديد (صفحة هبوط، أو شاشة منتج، أو عرض تقديمي)، فإنه يطبّق نظام التصميم لديك تلقائيًا. يمكنك التحسين على لوحة العمل عبر التعليقات المضمّنة أو التحرير المباشر، واستخدام الأمر /design-sync لتسليم التصاميم المعتمدة إلى Claude Code للتنفيذ.

وبالنسبة لشركة SaaS تصمم عدة شاشات منتج: ارفع نظام التصميم لديك مرة واحدة، ثم ولّد 5-10 نماذج تجريبية لميزات مختلفة بتباعد متسق وأنماط أزرار ولوحة ألوان موحدة. ويحترم كل نموذج تجريبي نظامك دون إعادة كتابة قواعد العلامة التجارية في الطلب. صدّر بصيغة PDF أو PowerPoint أو HTML، ثم أرسل مباشرة إلى أصحاب المصلحة أو سلّم إلى المطورين.

والميزة الأساسية مقارنة بأدوات التصميم التقليدية: تصف التخطيط باللغة الطبيعية ("تنقل شريطي جانبي مع بطاقات ميزات أدناه")، فيبنيه Claude بأسلوب علامتك التجارية فورًا، ثم تحسّنه في لوحة العمل الحية دون مغادرة الواجهة. وبالنسبة للفرق التي تطلق تصاميم متعددة أسبوعيًا، يقلّص هذا وقت التكرار من ساعات إلى دقائق.

المصادر والاعتمادات

المصدر الأصلي: Anthropic Claude Design Documentation