هندسة الـ Prompt للمصممين: من الإحاطات المبهمة إلى مخرجات AI قابلة للاستخدام

إذا كانت مخرجات الـ AI لديك تبدو كصور من مواقع الـ stock photography، فإحاطتك لا تعدو كونها أمنية.

هذه هي المشكلة الجوهرية في الطريقة التي تعلّم بها معظم المصممون استخدام أدوات الـ AI. "اصنع لي صورة hero لشركة fintech ناشئة" ليست prompt، بل مجرد مزاج. الـ prompt هو ما ستقوله لو كنت تُحيط رسّاماً مستقلاً يتقاضى 400 دولار في الساعة ويطرح أسئلة حادة.

المصممون يعرفون هذا بالفعل. كتبتم إحاطات في مدارستم. تكتبون إحاطات في عملكم كل أسبوع. تعرفون كيف يبدو الوضوح والمرجع والقيود حين تُكتب على الورق. الـ prompts هي المهارة ذاتها، لكن لجمهور مختلف.

الـ prompt إحاطة تصميمية بصيغة نثرية

توقف عن التفكير في الـ prompts كأنها كلمات سحرية. فكّر فيها كالفقرة الأولى من إحاطة إبداعية، مضافاً إليها المواصفات النهائية في الأسفل.

الإحاطة الجيدة تُخبر المنفّذ بهويته، وما الشيء مخصص له، وما القواعد، وما المرجع، وكيف يبدو المُنتج النهائي. افقد أياً من هذه العناصر وستحصل على عمل يقع تقنياً في الملعب الصحيح لكنه يفتقر للروح. اطلب من مبتدئ "صمّم شعاراً لمحل قهوة" وستحصل على اثني عشر حبة بن. اطلب منه "صمّم شعاراً لمحل قهوة من الموجة الثالثة يستهدف المستقلين، باستخدام wordmark وخط sans هندسي، بدون صور تصويرية، مستوحى من تحفظ Blue Bottle" وستصل إلى مكان ما.

الـ prompts تعمل بالطريقة ذاتها. الدافع نحو الغموض بحجة أن النموذج ذكي هو أغلى خطأ في العمل التصميمي بمساعدة الـ AI. التحديد ليس تفصيلاً ممّلاً. هو جوهر اللعبة.

الـ prompt الجيد يُقرأ كإحاطة تصميمية. الـ prompt السيئ يُقرأ كأمنية.

الأجزاء الخمسة في كل prompt قابل للاستخدام

كل prompt ينتج مخرجات تصميمية قابلة للشحن يحتوي على خمسة أجزاء. يمكنك حفظها، أو وضعها في قالب، أو طباعتها على ملاحظة لاصقة. الأجزاء:

1. الدور. من يتظاهر الـ AI بأنه؟ ("أنت مُصوِّر تحريري كبير بخبرة عشر سنوات في The New Yorker.")
2. السياق. ما الشيء مخصص له، ولمن؟ ("هذه الصورة هي hero لمنشور مدوّنة حول تعلّم المصممين العمل مع أدوات الـ AI. الجمهور مصممون محترفون، متبنّون مبكرون، متشككون لكن فضوليون.")
3. القيود. ما القواعد؟ ("تحريري لا مؤسسي. لا حواسيب مرئية. لا stock photography. لون مسطح، silhouette قوي، تباين عالٍ، تفاصيل قليلة.")
4. المراجع. كيف ينبغي أن تبدو أو تُحسّ؟ ("خطوط Saul Steinberg ممزوجة بتحفظ ملصقات السياحة السويسرية من ستينيات القرن الماضي. color palette للعلامة التجارية: خلفية #080404، لون تمييز #ff6434.")
5. مواصفات المخرج. ما مواصفات المُنتج النهائي؟ ("نسبة عرض إلى ارتفاع 16:9، 1200×630، PNG، لا نص داخل الصورة.")

أغفل الدور وستحصل على مخرجات متواضعة. أغفل السياق وستحصل على مخرجات لا تستهدف أحداً. أغفل القيود وستحصل على ما يخمّنه النموذج، وهو في الغالب stock photography. أغفل المراجع وستنجرف المخرجات نحو بيانات التدريب السائدة. أغفل مواصفات المخرج وستحصل على أبعاد خاطئة.

مثال عملي: توليد صورة لـ visual رئيسي

النسخة المبهمة التي كتبها كل مصمم مرة واحدة على الأقل:

"صورة hero لمنشور مدوّنة عن prompt engineering للمصممين."

ما ستحصل عليه: مصمم أمام لابتوب، أو دماغ متوهج، أو روبوت يمسك قلماً، أو مزيج من الثلاثة. مخزون. ميت.

النسخة المنظمة:

أنت مُصوِّر تحريري عمل لـ The New Yorker وWired لعشر سنوات. أنشئ صورة hero لمنشور مدوّنة بعنوان "Prompt Engineering for Designers." الجمهور مصممون محترفون متشككون من الضجيج حول الـ AI لكنهم مستعدون لاستخدام الأدوات بجدية.

التكوين: إحاطة ورقية للمصمم على يسار الإطار، مرسومة يدوياً بتعليقات توضيحية، تذوب أو تتحول إلى نص prompt مكتوب بشكل نظيف على اليمين. يُشير إلى الترجمة بين الإحاطة الحرفية والـ prompt المنظم.

الأسلوب: تحريري، لون مسطح، silhouette قوي، تباين عالٍ، تفاصيل قليلة. نسيج ورقي مقبول. لا حواسيب. لا روبوتات. لا أدمغة. لا كرات متوهجة.

المراجع: خطوط Saul Steinberg للإحاطة. تحفظ ملصق السياحة السويسري للجانب الخاص بالـ prompt. Brand palette: خلفية #080404، لون تمييز #ff6434، محايد #d0d3d8.

المخرج: 1200×630، لا نص داخل الصورة.

ما ستحصل عليه: صورة hero يمكنك شحنها فعلاً، لا إعادة توليدها أربع مرات.

الفارق ليس موهبة. إنه بنية.

مثال عملي: نموذج UI في v0 أو Lovable

المبهم:

"ابنِ لي صفحة هبوط لوكالة تصميم."

ما ستحصل عليه: قالب بنكهة Tailwind مع تدرج لوني مخزون، وثلاث بطاقات مميزات، وصورة hero مخزونة، ونص تسويقي يبدو مثل كل وكالة أخرى على الإنترنت.

المنظم:

ابنِ صفحة هبوط لـ Brainy، استوديو تصميم معروف بأكثر من 2 مليون متابع عبر Instagram وThreads. الجمهور: مؤسسو شركات SaaS في مراحل التمويل من Series-A إلى Series-C الذين يحتاجون خدمات العلامة التجارية والويب والتصميم. لقد رأوا كل موقع وكالة. يغادرون إذا بدا الموقع كالنماذج الجاهزة.

التخطيط: hero بعمود واحد مع عنوان رئيسي غامق في سطر واحد وزر CTA واحد، يتبعه شريط تمرير أفقي بشعارات العملاء، يتبعه شرح ثلاثي الأجزاء للخدمات (علامة تجارية، ويب، محتوى) باستخدام نمط bento-grid، يتبعه قسم شهادات بثلاثة اقتباسات، يتبعه تذييل تواصل بسيط.

القيود: لا تدرجات لونية، لا صور مخزونة، لا رسومات hero عامة. الوضع الداكن فقط، خلفية #080404. لون تمييز #ff6434. الطباعة: خط sans-serif واحد لكل شيء، غامق للعناوين، خفيف للنص الأساسي. كل شيء يستخدم مقياس تباعد 4px.

المراجع: تحفظ التباعد في Linear. ثقل الطباعة في Vercel. نمط قسم bento-grid من Apple. ليس نسخة من أي منها.

المخرج: متجاوب، mobile-first، مكونات shadcn.

الأداة ذاتها. مخرجات مختلفة كلياً.

مثال عملي: وكيل برمجة يبني مكوناً

المبهم:

"اصنع لي مكوّن Button."

ما ستحصل عليه: زر. متغير واحد. لا إمكانية وصول. لا حالة تركيز. ألوان لم تطلبها.

المنظم:

أنت مهندس أنظمة تصميم كبير. ابنِ مكوّن Button في نظام التصميم لدينا.

السياق: هذا Button يحل محل أنماط الأزرار القديمة غير المنتظمة المنتشرة عبر اثنتي عشرة صفحة تسويقية. يحتاج إلى دعم المتغيرات: primary وsecondary وghost، وثلاثة أحجام (sm وmd وlg)، وحالات loading وdisabled وfocus.

القيود: استخدم التوكنات الموجودة من tokens.css (لا تُدخل ألواناً جديدة). حلقة التركيز يجب أن تكون 2px offset --color-accent. لا تستخدم px للتباعد أبداً، استخدم دائماً توكنات --space. الطباعة دائماً --font-sans مع --text-sm أو --text-base حسب الحجم. حالة التحميل تُظهر spinner وتعطّل النقرات.

المراجع: أوليات Radix UI لأنماط إمكانية الوصول. مكوّن Card الموجود لدينا في /components/Card.tsx كمرجع لهيكل الملف.

المخرج: TypeScript وTailwind وقصة Storybook تختبر كل متغير وحالة. اختبارات تغطي سلوكيات disabled وloading وfocus.

أعطِ وكيل برمجة هذا، وستحصل على Button حقيقي. أعطه "اصنع لي Button"، وستحصل على شيء ستُعيد كتابته يدوياً.

مكتبة القيود التي ينبغي لكل مصمم سرقتها

القيود هي السلاح السري. وهي أيضاً الجزء الذي يُقصّر المصممون في استخدامه أكثر من أي شيء آخر. انسخ هذه المكتبة، والصق الصفوف ذات الصلة في prompts الخاصة بك، واضبطها لعلامتك التجارية.

استخدم هذه كبلوكات جاهزة للصق. ستشعر بالغرابة في البداية. ثم ستدرك أن جودة المخرجات تضاعفت بين عشية وضحاها.

إذا أردت المزيد من تحليلات سير عمل الـ AI، تصفح بقية Brainy Papers. وإذا أردت مكتبة prompt حقيقية مبنية لعلامتك التجارية، لا لتاريخك العشوائي في ChatGPT، استأجر Brainy.

كيف تُكرر دون البدء من الصفر

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

كرّر بدقة جراحية. غيّر شيئاً واحداً في كل مرة.

1. شغّل الـ prompt مرة واحدة. لاحظ ما هو خاطئ.
2. حدّد أي الأجزاء الخمسة يُخفق. إذا كانت المخرجات عامة جداً، فالمراجع ضعيفة. إذا احتوت على عناصر خاطئة، فالقيود تفتقد "لا X." إذا كانت تستهدف الجمهور الخطأ، فالسياق ضعيف.
3. حرّر ذلك الجزء فقط. لا تُعد كتابة الكل.
4. شغّل مجدداً. قارن بالمخرج الأول. أفضل، أسوأ، نفسه؟
5. كرّر. ثلاث إلى خمس جولات عادة تُوصلك.

ذو صلة: context rot حقيقي. إذا كنت تُكرر في المحادثة ذاتها والمخرجات تزداد سوءاً لا تحسناً، فالجلسة ملوّثة. افتح محادثة جديدة، الصق أفضل prompt حالياً، واستمر.

الأخطاء الثلاث التي تضمن الحصول على نتائج رديئة

ثلاثة أنماط أراها كل أسبوع، وكل منها يقتل جودة المخرجات.

الخطأ الأول: "اجعلها أفضل." النموذج لا يعرف ما الأفضل بالنسبة لك. "أفضل" تعني متوسط النموذج لما هو أفضل، وهو ارتداد نحو الوسط. كن محدداً. "اجعل تباين الألوان أقوى." "اجعل التكوين أكثر عدم تناظر." "احذف نصف التفاصيل من الخلفية."

الخطأ الثاني: طلب خمسة خيارات دفعة واحدة. تحصل على خمسة خيارات متواضعة بدلاً من خيار واحد جيد. اطلب واحداً. كرّر. اقبل الأول الجيد.

الخطأ الثالث: عدم إعطاء مراجع. المراجع تُثبّت ذوق النموذج. بدونها، تحصل على متوسط بيانات التدريب. مع ثلاثة مراجع مختارة بعناية، تحصل على شيء في حدود ما أردت.

الأسئلة الشائعة

هل هندسة الـ prompt مهارة حقيقية أم مجرد ضجيج؟

إنها مهارة حقيقية، وهي المهارة ذاتها كتابة إحاطة إبداعية جيدة. إذا كنت قادراً على إحاطة مستقل، يمكنك توجيه نموذج. الضجيج هو تسميتها "engineering." الواقع هو تسميتها "تعليمات واضحة."

أي أداة تتعامل بشكل أفضل مع الـ prompt؟

للصور، Midjourney وGemini Pro يؤديان بشكل أفضل مع prompts نصية تفصيلية. للـ UI، v0 وLovable يستجيبان جيداً للقيود المنظمة. للبرمجة، Claude Code وCursor هما الأقوى، خاصة مع CLAUDE.md مكتوب بشكل جيد. الأداة أقل أهمية من جودة الـ prompt.

هل ينبغي لي استخدام مكتبة prompt؟

نعم. ابنِ واحدة. نظّمها حسب حالة الاستخدام. في كل مرة تنجح في prompt، احفظه. في كل مرة يفشل أحدها، لاحظ السبب. بعد ثلاثة أشهر ستمتلك مكتبة أكثر قيمة من أي اشتراك في أداة.

ما الطول المناسب للـ prompt؟

طويل بما يكفي لتغطية الأجزاء الخمسة، قصير بما يكفي لأن تكون كل جملة تؤدي دوراً. معظم prompts الخاصة بي تقع بين 100 و300 كلمة. أقصر من ذلك وأنت تُقصّر في التحديد. أطول بكثير وأنت على الأرجح تُكرر نفسك.

هل أحتاج تعلم الحيل التقنية للـ prompt مثل temperature أو top_p؟

ليس لمعظم أعمال التصميم. تلك تعيش في استدعاءات الـ API، لا في واجهات المحادثة. اضبط الأجزاء الخمسة أولاً. يمكنك القلق بشأن المعاملات حين تبدأ في استدعاءات الـ API.

اكتبه كما تعنيه

كل prompt مبهم انعطافة من عشر دقائق تنتج نتائج رديئة. كل prompt منظم استثمار من عشر دقائق يُشحن.

اكتب الدور والسياق والقيود والمراجع ومواصفات المخرج. كرّر متغيراً واحداً في كل مرة. احفظ التي تنجح.

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

اكتبه كما تعنيه.