مسار المستخدم
مجاني

مسار المستخدم

المسار السعيد وغير السعيد، مرسومان قبل الشاشات. Figma، عربي وإنجليزي، فاتح وداكن.

مسار المستخدم قالب Figma مجاني من ليث الجنيدي لرسم المسار السعيد والمسار غير السعيد قبل وجود الشاشات. حبّتا بداية ونهاية، بطاقات شاشات كمكوّنات، معيّنات قرار بمسار نعم ومسار لا، مسارات موسومة بالأخضر والأحمر، ومفتاح للرموز. ملف Figma واحد بأربع صفحات، عربي وإنجليزي، فاتح وداكن، على مجموعة متغيرات واحدة، مع دليل PDF من 8 صفحات. مجاني على Gumroad. نسخة Pro بعشرة دولارات تضيف خمسة أوامر لـ Claude، دليل تيسير الجلسة، مثالاً ثانياً كاملاً، ومهارة Claude Code.

احصل عليهمجاني يفتح على Gumroad في تبويب جديد

آخر تحديث

ماذا يوجد بالداخل

المسار عايش بمحادثة واتساب. التطوير بيبني المسار المثالي، وأول سؤال بالفحص بيكون شو بيصير لما تكون مش مسجلة دخول.

شو في على اللوحة

  • بداية ونهاية. حبتين سودا بيسكّروا المسار من الطرفين، فما بيصير نقاش وين بيبلش ولا شو بيعتبر خلص.
  • كروت الشاشات. عنوان شاشة عريض وسطر تحته بيقول شو موجود فعلاً على هالشاشة. كومبوننت، فتغيير الاسم ما بيعني إعادة رسم.
  • معينات القرار. سؤال وطالع منه مسار نعم ومسار لا. فرع “لا” بينزل تحت الخط الرئيسي، بيعمل شغله، وبيرجع، فما بيتقاطع سهمين.
  • مسارات مسمّاة. كل مسار عليه لافتته، أخضر لنعم وأحمر للا. خبّي اللافتة على المسارات اللي ما بتحتاجها.
  • المفتاح. سطر بيسمّي القطع: بداية أو نهاية، شاشة، قرار، المسار لما الجواب نعم، المسار لما الجواب لا. كل لون متغير، فالوضع الغامق بضغطة.

قبل وبعد

  • قبل: مسار موصوف بمحادثة.
    بعد: لوحة إلها بداية ونهاية.
  • قبل: المسار المثالي بس.
    بعد: فرع “لا” من كل قرار.
  • قبل: مربعات بترسمها بإيدك كل مرة.
    بعد: شاشات وقرارات ككومبوننتس.
  • قبل: ألوان مكتوبة جوا الأشكال.
    بعد: كل لون متغير، والغامق بضغطة.
  • قبل: أسهم بتتقاطع فوق بعضها.
    بعد: فرع “لا” بينزل تحت وبيرجع.
  • قبل: مسار عربي مقلوب عن الإنجليزي.
    بعد: مسار بيبلش من اليمين وبيخلص عاليسار.

شو بينزل معك

  • FIG القالب. ملف Figma واحد بأربع صفحات: إنجليزي فاتح، إنجليزي غامق، عربي فاتح، عربي غامق، كلهم على مجموعة متغيرات وحدة. Auto layout بكل مكان، فكل خانة بتكبر مع الكتابة.
  • PDF الدليل. 8 صفحات: اللوحات الأربع، طريقة الاستخدام بخمس خطوات، وقائمة بكل خانة مع تسميتها العربية جنبها.
  • PDF, MD Pro. خمس برومبتات لـ Claude: عبّيها من ملاحظاتي، انتقدها، النسخة العربية، حوّلها لاستنتاجات، ادفعها لـ Figma.
  • PDF Pro. دليل الجلسة. نص ساعة: شو تسأل، بأي ترتيب، وكيف تسكّرها.
  • FIG Pro. مثال ثاني كامل بسوق تاني، بملف Figma لحاله، عشان تقرا الطريقة مش تخمّنها.
  • FOLDER Pro. سكيل Claude Code. وجّهه على مجلد ملاحظاتك فبيعبّي اللوحة، وبعدين بيكتبها بملف Figma تبعك حسب اسم الطبقة.

لمين، وإيمتى تشغّلها

لتسليم الشغل من التصميم للتطوير، وللحظة اللي قبلها لما لسا لازم تقرر شو بيصير بالمسار المش مثالي. ارسمه قبل الشاشات مش بعدها.

نسختين. مجاني: ملف Figma و PDF. Pro بعشر دولار: بيضيف البرومبتات الخمسة ودليل الجلسة والمثال الثاني وسكيل Claude Code.

احصل عليهمجاني