الانتقال إلى المحتوى الرئيسي
Screenshot 2026 05 06 At 14 25 48
تصاميم Flowstep قابلة للتحرير بالكامل بعد الإنشاء. أنت لست محصوراً في ما ينتجه الذكاء الاصطناعي في البداية — يمكنك تعديل العناصر البصرية مباشرة في المحرر، أو استخدام الدردشة لوصف التغييرات بلغة طبيعية، أو طلب من Flowstep إنشاء اختلافات وشاشات جديدة. استخدم الطريقة التي تناسب التغيير الذي تريد إجراءه.

طريقتان للتحرير

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

حدد العنصر الذي تريد تغييره

انقر فوق أي مكون أو طبقة في التصميم لتحديده.
2

قم بإجراء التغييرات الخاصة بك

استخدم عناصر التحكم في المحرر لضبط الخصائص مثل اللون والحجم والموضع أو محتوى النص.
3

راجع النتيجة

التغييرات الخاصة بك تنطبق فوراً على لوحة الرسم. استمر في التحرير أو انتقل إلى الشاشة التالية.

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

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

نسخ العناصر ولصقها

انسخ التحديد والصقه في المكان الذي تحتاجه — في الملف نفسه، أو في ملف آخر، أو في علامة تبويب أخرى في المتصفح، لأن النسخ يُحفظ في الحافظة الخاصة بنظامك.
  • نسخ بالضغط على Cmd+C (Mac) / Ctrl+C (Windows)، وقص بـ Cmd+X / Ctrl+X، ولصق بـ Cmd+V / Ctrl+V.
  • تكرار التحديد في مكانه بالضغط على Cmd+D / Ctrl+D.
  • تظهر العناصر الملصوقة مزاحة قليلاً عن الأصلية حتى لا تغطيها.
تعمل هذه الاختصارات على العناصر المحددة؛ أثناء تحرير النص، تعود إلى النسخ واللصق العاديين للنص.

تسمية الشاشات على اللوحة

تعرض كل شاشة اسمها على تسمية فوقها على اللوحة. الشاشة التي لم تُسمّ بعد تظهر باسم Screen.
  • انقر نقراً مزدوجاً على التسمية لإعادة تسمية الشاشة، ثم اضغط Enter للحفظ — النقر خارجها يحفظ أيضاً. يمكن أن تصل الأسماء إلى 100 حرف.
  • انقر فوق التسمية مرة واحدة لتحديد الشاشة، ثم اسحبها لتحريكها على اللوحة.

ضبط الشفافية ووضع المزج والزوايا

حدد عنصراً لضبط مظهره بدقة من لوحة الخصائص:
  • Opacity (الشفافية) — حدد مدى شفافية العنصر، من 0 إلى 100%. تحتوي اللوحة نفسها على وضع المزج (blend mode)، مثل Normal وMultiply وScreen وOverlay وغيرها، الذي يتحكم في طريقة امتزاج العنصر بما يقع خلفه.
  • Corners (الزوايا) — قوّس زوايا العنصر. اضبط Corner radius (نصف قطر الزاوية) واحداً للزوايا الأربع، أو فعّل Per corner (لكل زاوية) لإعطاء الزاوية العلوية اليسرى والعلوية اليمنى والسفلية اليمنى والسفلية اليسرى نصف قطر خاصاً بها. يمكن أن تكون كل قيمة Token (رمزاً) من السمة الخاصة بك، أو مقداراً Custom (مخصصاً).

التكبير حتى مستوى البكسل

كبّر لوحة الرسم حتى 25,600% للتحقق من المسافات والمحاذاة بدقة. بعد 200%، تظهر خطوط الشبكة المحاذية للبكسل، وتزداد وضوحاً كلما كبّرت أكثر، فيمكنك محاذاة العناصر بدقة تامة.

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

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

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

Screenshot 2026 05 06 At 14 29 34
إلى جانب التحريرات المباشرة، يمكنك طلب من Flowstep استكشاف البدائل:
  • Try again from scratch — اطلب من Flowstep إنتاج نسخة جديدة من الشاشة الحالية بتخطيط أو اتجاه بصري مختلف.
  • Show the next screen — اطلب من Flowstep إنشاء ما يأتي منطقياً بعد ذلك في تدفق المستخدم.
  • Make it pretty — اضبط المسافات والمحاذاة والألوان عبر التصميم. يبقى التخطيط كما هو.
تتيح لك هذه الخيارات تكرار الأمر بسرعة دون الحاجة إلى كتابة موجه في كل مرة.

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

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