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

# تحرير والتكرار على تصاميم Flowstep عبر الدردشة أو لوحة العمل

> صقّل أي شاشة من Flowstep الناتجة عن طريق التحرير البصري اليدوي أو المحفزات القائمة على الدردشة — كرّر مرات عديدة حسب الحاجة حتى يكون التصميم صحيحاً.

<Frame>
  <img src="https://mintcdn.com/flowstep/iVYFuG-E2bJvmdDE/images/Screenshot-2026-05-06-at-14.25.48.png?fit=max&auto=format&n=iVYFuG-E2bJvmdDE&q=85&s=0a67045dde91f73cae39afde3d359269" alt="Screenshot 2026 05 06 At 14 25 48" width="2338" height="1510" data-path="images/Screenshot-2026-05-06-at-14.25.48.png" />
</Frame>

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

## طريقتان لتحرير التصميم

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

    <Steps>
      <Step title="حدّد العنصر الذي تريد تغييره">
        انقر على أي مكون أو طبقة في التصميم الخاص بك لتحديده.
      </Step>

      <Step title="قم بإجراء التغييرات">
        استخدم عناصر التحكم في المحرر لتعديل الخصائص مثل اللون والحجم والموضع أو محتوى النص.
      </Step>

      <Step title="استعرض النتيجة">
        يتم تطبيق التغييرات الخاصة بك فوراً على لوحة العمل. استمر في التحرير أو انتقل إلى الشاشة التالية.
      </Step>
    </Steps>
  </Tab>

  <Tab title="التحرير القائم على الدردشة">
    اصف التغيير الذي تريده باللغة العادية وسيقوم Flowstep بتحديث التصميم لك. هذه الطريقة أسرع للتغييرات الواسعة أو الهيكلية — تعديل التخطيط أو إعادة التفكير في جزء ما أو تطبيق اتجاه أسلوب.

    <Steps>
      <Step title="افتح لوحة الدردشة">
        حدّد الشاشة التي تريد تحريرها، ثم افتح إدخال الدردشة.
      </Step>

      <Step title="اصف التغيير الخاص بك">
        اكتب ما تريد من Flowstep تحديثه. كن محدداً حول ما يجب أن يتغير ولماذا، إن أمكن.
      </Step>

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

    تقوم التحريرات والإعادات بتحديث الشاشة المحددة **في موضعها** بدلاً من إضافة شاشة جديدة — بينما يقوم Flowstep بتدفق التغيير، يتم تمييز العنصر الذي يعمل عليه حالياً بحد أخضر متقطع. ينتج عن الإنشاء بدون تحديد شاشة إضافة شاشة جديدة بدلاً من ذلك.
  </Tab>
</Tabs>

## تحرير جزء فقط من الشاشة

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

* انتقل إلى وضع **التحديد المباشر** باستخدام **Shift+V** (أو القائمة المنسدلة على زر شريط أدوات التحديد) لتحديد العنصر الأعمق تحت نقرتك. اضغط على **V** للتحديد العادي، أو اضغط على **Cmd** (Mac) / **Ctrl** (Windows) لاستخدام التحديد المباشر مؤقتاً. **Escape** يخرج من التحديد المباشر.
* حدّد العناصر الفرعية عبر شاشات متعددة باستخدام **Cmd+Shift** — يمكن لموجّه واحد تحرير حتى 6 شاشات لكل رسالة.

عند تحديد عنصر صورة (خارج وضع الخطوط العريضة)، تظهر لوحة **صورة** في لوحة الخصائص: استعرض الصورة أو أبدلها بسحب ملف صورة جديد على المعاينة أو النقر على **اختيار صورة**، أو احفظها باستخدام **تنزيل الصورة**.

## استعادة إصدار سابق

يحتفظ كل جيل من أجيال الذكاء الاصطناعي في سجل الدردشة بنتيجته الأصلية. إذا تم تحرير شاشة أو حذفها منذ إنشاؤها، فإن رسالة الدردشة الخاصة بها تعرض زر **استعادة** — **استعادة الأصلي** للتراجع عن التحريرات، أو **استعادة** / **استعادة الكل** لاستعادة الشاشات المحذوفة. استخدمها للعودة إلى حالة معروفة جيدة بعد أن يسير التحرير في الاتجاه الخاطئ.

## إجراءات بضغطة واحدة

<Frame>
  <img src="https://mintcdn.com/flowstep/iVYFuG-E2bJvmdDE/images/Screenshot-2026-05-06-at-14.29.34.png?fit=max&auto=format&n=iVYFuG-E2bJvmdDE&q=85&s=52e0f38e4c4506adbecdccc7a95be652" alt="Screenshot 2026 05 06 At 14 29 34" width="2436" height="1528" data-path="images/Screenshot-2026-05-06-at-14.29.34.png" />
</Frame>

بالإضافة إلى التحريرات المباشرة، يمكنك طلب من Flowstep استكشاف البدائل:

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

تسمح لك هذه الخيارات بالتكرار بسرعة دون الحاجة إلى كتابة موجّه في كل مرة.

## التكرار لتحسين الجودة

نادراً ما يصل التصميم إلى الكمال من المحاولة الأولى. استخدم التحرير القائم على الدردشة لكل جولة من ملاحظات — صِف ما يعمل وما لا يعمل، وسيقوم Flowstep بالتعديل من هناك. لا توجد حدود لعدد المرات التي يمكنك فيها التكرار على شاشة.

<Tip>
  عند التكرار عبر الدردشة، أرجع الإشارة إلى عناصر محددة بالاسم أو الموقع للحصول على نتائج أكثر دقة. على سبيل المثال: "انقل زر دعوة الإجراء إلى أسفل الشاشة واجعله بعرض كامل" أكثر فعالية من "إصلاح الزر."
</Tip>
