> ## Documentation Index
> Fetch the complete documentation index at: https://docs.lumi.new/llms.txt
> Use this file to discover all available pages before exploring further.

# التعديلات المرئية

> أجرِ تعديلات دقيقة على التصميم مباشرة على الواجهة.

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

<Note>
  **ملاحظة:** استخدام التعديلات المرئية لا يستهلك أرصدة.
</Note>

<img src="https://mintcdn.com/blockdance/yVzLgDWOMQWyvNCE/images/VE.gif?s=c13d93006af083d7b1bad8f01ce4cebd" alt="VE Gi" width="1280" height="720" data-path="images/VE.gif" />

## متى تستخدم التعديلات المرئية

تُعد التعديلات المرئية مثالية عندما تريد:

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

  <img src="https://mintcdn.com/blockdance/Si-KBGUqnPsHTPfG/images/%E5%8F%AF%E8%A7%86%E5%8C%96%E7%BC%96%E8%BE%91.PNG?fit=max&auto=format&n=Si-KBGUqnPsHTPfG&q=85&s=9629b8803fd29e92b4e5002857ab40ca" alt="可视化编辑" width="1280" height="962" data-path="images/可视化编辑.PNG" />

## كيفية استخدام التعديلات المرئية

<Steps>
  <Step title="حدد موقع التعديلات المرئية">
    يمكنك العثور على هذه الأداة إما في مربع الإدخال أو في شريط الأدوات العلوي في وضع المعاينة.

    <img src="https://mintcdn.com/blockdance/yVzLgDWOMQWyvNCE/images/20250911-184540.jpeg?fit=max&auto=format&n=yVzLgDWOMQWyvNCE&q=85&s=7d2c75ec60807782e3844a5afd94751d" alt="20250911 184540 Jpe" width="3840" height="1916" data-path="images/20250911-184540.jpeg" />
  </Step>

  <Step title="تفعيل الأداة">
    انقر على الزر للدخول إلى وضع التعديلات المرئية.
  </Step>

  <Step title="حدد عنصرًا">
    مرر مؤشر الماوس فوق العنصر الذي ترغب في تعديله — عنوان رئيسي، زر، صورة، أو قسم خلفية — وانقر لتحديده.

    <img src="https://mintcdn.com/blockdance/yVzLgDWOMQWyvNCE/images/20250911-184025.jpeg?fit=max&auto=format&n=yVzLgDWOMQWyvNCE&q=85&s=9637a2ab63470ab62b99069f401b6b07" alt="20250911 184025 Jpe" width="1905" height="1186" data-path="images/20250911-184025.jpeg" />
  </Step>

  <Step title="التعديل عبر الأوامر أو عناصر التحكم المباشرة">
    بمجرد تحديد عنصر، إما أن تكتب أمرًا مثل "اجعل هذا العنوان عريضًا"، أو استخدم المحرر السياقي لتغيير النص والخطوط والألوان مباشرة.

    <img src="https://mintcdn.com/blockdance/yVzLgDWOMQWyvNCE/images/20250911-183835.jpeg?fit=max&auto=format&n=yVzLgDWOMQWyvNCE&q=85&s=71158959d69d6ca9639c73ceb4bc5e0b" alt="20250911 183835 Jpe" width="1076" height="1344" data-path="images/20250911-183835.jpeg" />
  </Step>

  <Step title="التطبيق والمراجعة">
    انقر على "حفظ" لتأكيد تغييراتك. سيقوم Lumi بتحديث المعاينة المباشرة والكود المقابل على الفور.
  </Step>
</Steps>