دليل خطوة بخطوة · بلقطات حقيقية

كيف تستخدم Claude Design
لتصميم أي شيء بالمحادثة

حوّل فكرتك إلى نموذج تفاعلي، عرض تقديمي، أو صفحة موقع — بمجرد أن تصف ما تريد. دليل مبسّط بلقطات من داخل الأداة تبدأ بتنفيذه فورًا.

بالمحادثة فقطتصف فكرتك فيبنيها Claude لك
كود HTML حقيقينماذج قابلة للنقر لا صور ثابتة
ويب + سطح المكتبمن المتصفح أو تطبيق Claude

ابدأ الآن

يتطلب خطة Pro أو Max أو Team أو Enterprise (غير متاح في الخطة المجانية).

افتح Claude Design ↩ claude.ai/design
1

اللوحة الرئيسية (الدشبورد)

هذه هي الشاشة الأولى. في الأعلى تبويبات All · Apps · Docs · Slides · Social لتصفية أعمالك، وشريط الطلب حيث تكتب فكرتك، وتحته معرض أمثلة جاهزة يوضّح ما يمكنك صنعه: Software design، UI prototype، Slide deck، Document، Social post، Web design، Research وغيرها. اضغط أي مثال لتبدأ منه.

اللوحة الرئيسية لـ Claude Design — التبويبات، شريط الطلب، ومعرض الأمثلة
اللوحة الرئيسية لـ Claude Design — التبويبات، شريط الطلب، ومعرض الأمثلة
2

شريط الطلب: اكتب فكرتك

هنا تصف ما تريد بكل بساطة (مثل «صمّم صفحة هبوط» أو «Animate a logo reveal»). حول الشريط عدة أزرار تتحكّم في طلبك:

شريط الطلب — تكتب فكرتك وتضبط الخيارات ثم ترسل
شريط الطلب — تكتب فكرتك وتضبط الخيارات ثم ترسل
+

إرفاق ملف أو صورة أو مرجع لبناء التصميم عليه.

Design system

ربط نظام تصميم علامتك (الألوان، الخطوط، المكوّنات) ليخرج كل شيء بهويتك.

Template

اختيار نوع المشروع: Slides / Prototype / Wireframe / Document / Animation / Web research.

</>

عرض أو ربط الكود الخاص بالتصميم.

Model

اختيار موديل Claude المستخدم في التوليد.

↑

إرسال طلبك ليبدأ Claude في البناء.

3

اختر نوع المشروع (Template)

عند الضغط على Template تظهر أنواع المشاريع — اختر ما يناسب فكرتك:

قائمة أنواع المشاريع: Slides · Prototype · Wireframe · Document · Animation · Web research
قائمة أنواع المشاريع: Slides · Prototype · Wireframe · Document · Animation · Web research
Slides
عروض تقديمية

عروض شرائح متكاملة بستايل موحّد وشرائح جاهزة للتقديم.

Prototype
نموذج تفاعلي

نموذج قابل للنقر يحاكي التطبيق الحقيقي بتنقّل وحركات.

Wireframe
مخطّط هيكلي

الهيكل الأولي للشاشات قبل التصميم الكامل — للتخطيط السريع.

Document
مستند

تقرير أو مستند نصي منسّق وجاهز.

Animation
أنيميشن

حركة وموشن جرافيك — مثل كشف شعار أو مقدّمة متحرّكة.

Web research
بحث ويب

بحث في الإنترنت وجمع بيانات ضمن مشروعك (قسم Research & data).

4

اختر موديل Claude

من زر Model تختار النموذج المناسب لمهمتك — كلٌّ له طابعه:

قائمة النماذج: Fable 5 · Opus 4.8 · Sonnet 5 · Haiku 4.5 · Effort
قائمة النماذج: Fable 5 · Opus 4.8 · Sonnet 5 · Haiku 4.5 · Effort
Fable 5للتحديات الأصعب

أقوى نموذج — للمهام الأكثر تعقيدًا وصعوبة.

Opus 4.8للمهام المعقدة

الخيار المتوازن الافتراضي — قوي ودقيق لأغلب التصاميم.

Sonnet 5للمهام اليومية

الأكفأ للاستخدام اليومي وأخف استهلاكًا.

Haiku 4.5للإجابات السريعة

الأسرع للمهام البسيطة والتعديلات الخفيفة.

Effort (الجهد)مقدار التفكير

يحدّد كم «يفكّر» النموذج قبل الإخراج (Medium افتراضيًا).

5

Claude يسألك ليفهم فكرتك

بعد إرسال طلبك، غالبًا سيطرح Claude عليك مجموعة أسئلة قبل أن يبدأ (نوع المشروع، من المستخدم، ما الشاشات المطلوبة، المنصة، الطابع البصري...). أجب عنها بأكبر قدر من التفصيل — كلما وضّحت رؤيتك أكثر، جاء التصميم أقرب لما في ذهنك. ويمكنك اختيار «قرّر بدلاً عني» لأي سؤال تريد ترك Claude يختار فيه.

Claude يطرح أسئلة توضيحية قبل البدء — أجب بالتفصيل لأفضل نتيجة
Claude يطرح أسئلة توضيحية قبل البدء — أجب بالتفصيل لأفضل نتيجة
💡
أهم نصيحة في هذا الدليل

جودة إجاباتك على هذه الأسئلة هي التي تحدّد جودة التصميم. لا تستعجل — حدّد النوع، الجمهور، الشاشات، والطابع بوضوح.

6

الكانفس وأدوات التطوير

يظهر تصميمك على الكانفس، والشرائح كمصغّرات على الجانب. من الشريط العلوي تطوّر عملك:

الشريط العلوي للكانفس — Annotate · Tweaks · Edit · Present · Share
الشريط العلوي للكانفس — Annotate · Tweaks · Edit · Present · Share
Edit / تعديل

اضغط واكتب مباشرة، اسحب وغيّر حجم العناصر — للتعديلات البصرية السريعة.

Annotate / تعليق

اضغط على عنصر محدّد واترك ملاحظة لطلب تعديل دقيق في مكانه.

Tweaks / ضبط

أزرار تمرير ومنتقي ألوان (اللون، المسافات، سرعة الحركة) تسحبها لحظيًا.

Present / عرض

شغّل وضع العرض التقديمي لاستعراض عملك مثل بريزنتيشن.

Share / مشاركة

شارك التصميم برابط داخل مؤسستك بصلاحيات عرض أو تعليق أو تعديل.

7

صدّر وشارك عملك

حين تنتهي، صدّر أو شارك بالصيغة التي تناسبك — أو سلّم العمل إلى Claude Code ليتحوّل إلى برمجية حقيقية:

CanvaPDFPPTXHTML مستقلFigmaClaude CodePresent

نصائح لأفضل نتيجة

✦
أجب على أسئلة Claude بالتفصيل

كلما كانت إجاباتك أدق (النوع، المستخدم، الشاشات، الطابع)، جاء التصميم أقرب لرؤيتك.

✦
اذكر الأبعاد

اكتب «16:9» للشاشة أو «9:16» للموبايل لتحصل على المقاس الصحيح.

✦
استخدم مرجعًا

أرفق لقطة لتصميم يعجبك وقل: «اصنع شيئًا مثل هذا».

✦
ابدأ عريضًا ثم دقّق

خذ التخطيط العام أولًا، ثم استخدم Edit وTweaks للتفاصيل.

✦ مجتمع نادر

تريد أن تتعلّم أعمق؟

انضم إلى مجتمع نادر وتعلّم باحتراف كيف تتقن أدوات الذكاء الاصطناعي الإبداعية، تصنع إعلانات وتصاميم احترافية، وترتقي بتسويق ومحتوى مشروعك — مع دعم فردي (1‑on‑1) يرافقك خطوة بخطوة.