> ## 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، وأنشّئ تصميمك الأول من موجّه نصي، وشاركه مع فريقك — كل ذلك في جلسة واحدة.

<iframe src="https://www.youtube.com/embed/yrmvaLi6Cto" title="YouTube video player" frameborder="0" className="w-full aspect-video rounded-xl" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen />

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

<Steps>
  <Step title="أنشئ حسابك المجاني">
    توجه إلى [flowstep.ai](https://flowstep.ai) وقم بالتسجيل باستخدام Google أو بريدك الإلكتروني وكلمة المرور. لا تحتاج بطاقة ائتمان للبدء.

    <Note>
      إذا قمت بالتسجيل باستخدام بريد إلكتروني وكلمة مرور، تحقق من صندوق البريد الوارد بحثًا عن بريد تأكيد ("تأكيد بريدك الإلكتروني على Flowstep") وانقر على الرابط لتفعيل حسابك — يمكنك إعادة إرسالها من صفحة "تحقق من صندوق البريد الوارد" إذا لم تصل. لا تُقبل عناوين البريد الإلكتروني المؤقتة؛ استخدم بريدًا شخصيًا أو عملياً.
    </Note>

    بعد التسجيل تصل إلى شاشة ترحيب قصيرة: أجب على ثلاثة أسئلة سريعة، ثم اصف تصميمك الأول هناك مباشرة — أربعة موجهات عينة (لوحة المعلومات، صفحة الهبوط، تطبيق الجوال، الدفع) متاحة إذا أردت نقطة انطلاق.
  </Step>

  <Step title="اصف الشاشة التي تريدها">
    اكتب موجهًا يصف واجهة المستخدم التي لديك في بالك. كن محددًا بشأن الغرض من الشاشة وأي عناصر رئيسية يجب أن تتضمنها.

    موجه مثل "لوحة معلومات لتطبيق إدارة المشاريع مع قائمة المهام وأشرطة التقدم والملاحة في الشريط الجانبي" يعطي Flowstep سياقًا كافيًا لإنتاج تصميم مركز ومفيد.

    <Tip>
      لا تحتاج إلى مفردات التصميم. ركز على الغرض من الشاشة والمعلومات التي يجب أن تعرضها — يتولى Flowstep التخطيط والطباعة والمسافة واختيارات الألوان.
    </Tip>
  </Step>

  <Step title="أنشئ شاشاتك">
    قدّم موجهك وينشئ Flowstep تصميمك في ثوانٍ. يمكنك إنشاء عدة شاشات في جلسة واحدة لاستكشاف اتجاهات مختلفة أو بناء تدفق كامل.
  </Step>

  <Step title="الصقل من خلال المحادثة">
    ليس تماماً كما تريد؟ اكتب موجهًا متابعًا لضبط التصميم — غيّر نظام الألوان، أعد ترتيب العناصر، استبدل المحتوى، أو طلب تخطيطًا مختلفًا تماماً. يمكنك أيضًا تحرير العناصر يدويًا أو استخدام الإجراءات من نقرة واحدة في قائمة الخيارات.
  </Step>

  <Step title="تصدير أو مشاركة عملك">
    عندما تكون راضياً عن النتيجة، اختر كيفية مشاركتها:

    * **تصدير** الكود أو عبر MCP
    * **تنزيل** الشاشة كملف JPG أو PNG
    * **نسخ إلى Figma** باستخدام اختصار لوحة المفاتيح للصق مباشرة في ملف Figma موجود
    * **شارك رابطًا** مع زملائك أو أصحاب المصلحة — يمكنهم عرض التصميم بدون إنشاء حساب

    <Note>
      يمكنك دعوة فريقك للتعاون على ملف Flowstep. يمكنهم الانضمام والبدء في المساهمة خلال دقائق.
    </Note>
  </Step>
</Steps>