AI Open Guide
→ Claude · Claude Design

1في جملة واحدة

Claude Design مكان تصف فيه شيئًا مرئيًا (صفحة ويب، ملصقًا، شريحة، شاشة تطبيق) فيرسمه Claude على لوحة (canvas)، ثم تعدّلانه معًا.

2كلمات جديدة

  • تصميم (Design) — هنا، تخطيط مرئي: أين تُوضع الصورة، ماذا يقول العنوان، ما الأزرار الموجودة، ما الألوان. ليس كودًا ولا مستندًا.
  • لوحة (Canvas) — المساحة الكبيرة على اليمين التي يظهر فيها التصميم. يمكنك التكبير، وتحديد أجزاء، والتعليق عليها.
  • لوح رسم (Artboard) — إطار واحد على اللوحة، مثلًا "صفحة هبوط — سطح المكتب". يمكن أن يحتوي التصميم الواحد على عدة ألواح (سطح المكتب، الهاتف، ملصق).
  • نموذج أولي مرئي (Mockup) — صورة تُظهر كيف سيبدو الشيء، قبل أن يُبنى فعليًا.

3لماذا تحتاجه

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

4جرّبه الآن

(الخطط المدفوعة)

  1. اضغط Design (التصميم) في الشريط الجانبي الأيسر. تحت "Make something new" (أنشئ شيئًا جديدًا)، اضغط Design.
  2. في مربع الرسائل على اليسار، اكتب: صفحة هبوط بسيطة لمخبز صغير في الحي اسمه مخبز سام: ألوان دافئة، مساحة صورة كبيرة واحدة في الأعلى، سطر ترحيب قصير، ثلاثة أزرار (اطلب، القائمة، زُرنا)، وقسم يعرض ساعات العمل. بعرض سطح المكتب.
  3. انتظر نحو دقيقة. ثم اكتب تعديلًا: اجعل العنوان أقصر والأزرار أكثر استدارة.

5ماذا سترى

الصفحة الرئيسية لـ Design مع أربع طرق للبدء: Slides، وDesign، وDesign in codebase، وDesign System:

الصفحة الرئيسية لـ Design
الصفحة الرئيسية لـ Design

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

تصميم فارغ مع مربع الرسائل واللوحة
تصميم فارغ مع مربع الرسائل واللوحة

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

صفحة الهبوط المكتملة على اللوحة، مع شرح Claude
صفحة الهبوط المكتملة على اللوحة، مع شرح Claude

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

لوح رسم صفحة الهبوط
لوح رسم صفحة الهبوط

6انتبه

  • إنها معاينة بحثية. الأزرار تتحرك والميزات تتغير؛ إذا بدت صور هذا الفصل مختلفة عن شاشتك، فالفكرة هي نفسها.
  • العناصر المؤقتة مؤقتة. يخترع Claude ساعات عمل وعناوين تجريبية حتى يعمل التخطيط؛ استبدلها قبل أن تستخدم التصميم.

7خطوة أبعد

اطلب لوح رسم ثانيًا: الآن اصنع نسخة للهاتف من الصفحة نفسها. الفصل 3.2 يجعل كل تصميم يستخدم ألوانك وخطوطك تلقائيًا.