صمّم نموذجًا أوليًا بسرعة الكتابة

كيف تعمل النمذجة الأولية مع Open Design

1. 01

   صِف التدفق

   أخبر وكيلك بما تبنيه بلغة بسيطة — «تدفق تأهيل يضم شاشة ترحيب، ومنتقي خطة، وشاشة تأكيد». يحمّل Open Design مهارة النموذج الأولي ليعرف الوكيل أنه ينتج شاشات لا صفحة واحدة.

2. 02

   ولّد شاشات منسّقة

   يطبّق الوكيل نظام تصميم وقوالب نماذج أولية من Open Design، فتشترك كل شاشة في الخطوط والمسافات والمكونات بدلاً من أن تبدو كمسودة أولية. تحصل على مجموعة متماسكة من الشاشات، لا تصاميم وهمية منفصلة.

3. 03

   اربط التفاعلات

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

4. 04

   حسّن وسلّم

   حسّن بالحديث إلى الوكيل — «اجعل منتقي الخطة تخطيطًا من ثلاثة أعمدة». ولأن الناتج يعيش داخل مشروعك، يتشارك التصميم والكود النهائي مصدر حقيقة واحدًا، فتُسدّ فجوة التسليم المعتادة بين المصمم والمهندس.

النمذجة الأولية مع Open Design مقابل الطريقة القديمة

بدأ كل واحد من هذه بوصف نصي وعُرض كناتج قابل للنقر. اختر قالبًا قريبًا من فكرتك، وصِف تعديلك، فيكيّفه الوكيل لك.

تصفّح قوالب النماذج الأولية →

الأسئلة الشائعة حول النماذج الأولية

1. 01 هل أحتاج إلى أداة تصميم مثل Figma للنمذجة مع Open Design؟ +

   لا. يعمل Open Design داخل وكيل البرمجة لديك ويعرض النماذج الأولية بصيغة HTML. تصف التدفق بالكلمات؛ ينتج الوكيل الشاشات. لا توجد أداة لوحة منفصلة لتتعلمها أو تدفع مقابلها.

2. 02 هل النماذج الأولية تفاعلية أم مجرد تصاميم وهمية ثابتة؟ +

   تفاعلية. التنقّل والتبويبات والنوافذ المنبثقة تعمل لأن المُخرَج هو HTML وCSS حقيقي. يمكنك تصفّحه بالنقر في أي متصفح تمامًا كما يفعل المستخدم.

3. 03 أي الوكلاء يمكنني استخدامه؟ +

   يعمل Open Design مع Claude Code وCodex وCursor Agent وGemini CLI وأكثر من اثني عشر مُحوِّلًا أصليًا. تحضر مفاتيح المزوّد الخاصة بك؛ لا شيء مستضاف نيابةً عنك.

4. 04 هل يمكن أن يصبح النموذج الأولي المنتج الحقيقي؟ +

   هذا هو المقصود. يعيش الناتج في مشروعك، فينتقل نظام التصميم والمكونات ذاتها إلى كود الإنتاج بدلاً من التخلص منها بعد التسليم.