> ## 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>

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

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

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

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

## استعادة نسخة سابقة

كل إنشاء ذكاء اصطناعي في سجل الدردشة يحتفظ بنتيجته الأصلية. إذا تم تحرير شاشة أو حذفها منذ إنشاؤها، تُظهر رسالتها في الدردشة زراً **Restore** — **Restore original** للعودة إلى الإصدار السابق للتحريرات، أو **Restore** / **Restore all** لإعادة الشاشات المحذوفة. استخدمه للعودة إلى حالة معروفة بعد حدوث خطأ في التحرير.

مرر مؤشرك فوق أي رسالة في لوحة الدردشة لمعرفة موعد إرسالها. الرسائل الأخيرة تُظهر الوقت؛ الرسائل القديمة تُظهر المدة التي مرت (على سبيل المثال، "1 day ago")، مع التاريخ والوقت الكاملين في تلميح الأداة.

## الإجراءات بنقرة واحدة

<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 استكشاف البدائل:

* **Try again from scratch** — اطلب من Flowstep إنتاج نسخة جديدة من الشاشة الحالية بتخطيط أو اتجاه بصري مختلف.
* **Show the next screen** — اطلب من Flowstep إنشاء ما يأتي منطقياً بعد ذلك في تدفق المستخدم.
* **Make it pretty** — اضبط المسافات والمحاذاة والألوان عبر التصميم. يبقى التخطيط كما هو.

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

## التكرار للصقل

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

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


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.