1في جملة واحدة
Claude Design مكان تصف فيه شيئًا مرئيًا (صفحة ويب، ملصقًا، شريحة، شاشة تطبيق) فيرسمه Claude على لوحة (canvas)، ثم تعدّلانه معًا.
2كلمات جديدة
- تصميم (Design) — هنا، تخطيط مرئي: أين تُوضع الصورة، ماذا يقول العنوان، ما الأزرار الموجودة، ما الألوان. ليس كودًا ولا مستندًا.
- لوحة (Canvas) — المساحة الكبيرة على اليمين التي يظهر فيها التصميم. يمكنك التكبير، وتحديد أجزاء، والتعليق عليها.
- لوح رسم (Artboard) — إطار واحد على اللوحة، مثلًا "صفحة هبوط — سطح المكتب". يمكن أن يحتوي التصميم الواحد على عدة ألواح (سطح المكتب، الهاتف، ملصق).
- نموذج أولي مرئي (Mockup) — صورة تُظهر كيف سيبدو الشيء، قبل أن يُبنى فعليًا.
3لماذا تحتاجه
معظم الناس لا يستطيعون رسم ما يقصدونه، وشرح الفكرة لمصمم يستغرق أيامًا. مع Claude Design تكتب جملتين وترى صفحة تبدو حقيقية خلال دقيقة، ثم تقول "أدفأ"، "صورة أكبر"، "انقل ساعات العمل إلى الأعلى" حتى تصبح كما تريد. بالنسبة لمشروع صغير، هذا يعني صفحة هبوط، وقائمة طعام، وملصقًا، ومنشورًا للتواصل الاجتماعي، كلها في الظهيرة نفسها.
4جرّبه الآن
(الخطط المدفوعة)
- اضغط Design (التصميم) في الشريط الجانبي الأيسر. تحت "Make something new" (أنشئ شيئًا جديدًا)، اضغط Design.
- في مربع الرسائل على اليسار، اكتب: صفحة هبوط بسيطة لمخبز صغير في الحي اسمه مخبز سام: ألوان دافئة، مساحة صورة كبيرة واحدة في الأعلى، سطر ترحيب قصير، ثلاثة أزرار (اطلب، القائمة، زُرنا)، وقسم يعرض ساعات العمل. بعرض سطح المكتب.
- انتظر نحو دقيقة. ثم اكتب تعديلًا: اجعل العنوان أقصر والأزرار أكثر استدارة.
5ماذا سترى
الصفحة الرئيسية لـ Design مع أربع طرق للبدء: Slides، وDesign، وDesign in codebase، وDesign System:

يُفتح تصميم جديد مع مربع رسائل على اليسار ولوحة فارغة على اليمين:

بعد نحو دقيقة تظهر الصفحة على اللوحة، ويشرح Claude ما فعله وما افترضه (ساعات عمل تجريبية، عنوان مؤقت) حتى تعرف ما الذي يجب استبداله:

لوح الرسم نفسه، عن قرب:

6انتبه
- إنها معاينة بحثية. الأزرار تتحرك والميزات تتغير؛ إذا بدت صور هذا الفصل مختلفة عن شاشتك، فالفكرة هي نفسها.
- العناصر المؤقتة مؤقتة. يخترع Claude ساعات عمل وعناوين تجريبية حتى يعمل التخطيط؛ استبدلها قبل أن تستخدم التصميم.
7خطوة أبعد
اطلب لوح رسم ثانيًا: الآن اصنع نسخة للهاتف من الصفحة نفسها. الفصل 3.2 يجعل كل تصميم يستخدم ألوانك وخطوطك تلقائيًا.
