تطلق شركة «كيرسر» (Cursor)، الشركة الناشئة ذات الشعبية الكبيرة في مجال البرمجة بالذكاء الاصطناعي، ميزة جديدة وثورية تتيح للأشخاص تصميم شكل ومظهر تطبيقات الويب باستخدام الذكاء الاصطناعي. الأداة، المسماة “المحرر المرئي” (Visual Editor)، هي في الأساس منتج “برمجة بالأجواء” (Vibe-coding) للمصممين، حيث تمنحهم الوصول إلى نفس عناصر التحكم الدقيقة التي يتوقعونها من برامج التصميم الاحترافية مثل فيغما. ولكن بالإضافة إلى إجراء التغييرات يدوياً، تتيح لهم الأداة طلب تعديلات من وكيل الذكاء الاصطناعي في «كيرسر» باستخدام اللغة الطبيعية.
محتويات المقالة:
- دمج التصميم والبرمجة: حلم قديم يتحقق
- نمو صاروخي ومنافسة شرسة في السوق
- كيف يعمل المحرر المرئي؟ سحر الـ Vibe-coding
- تكامل المتصفح: التصميم في بيئة حية
- دقة التصميم والتحكم: احترام العلامة التجارية
- أسئلة شائعة
دمج التصميم والبرمجة: حلم قديم يتحقق
تشتهر «كيرسر» بمنصة البرمجة بالذكاء الاصطناعي الخاصة بها، ولكن مع المحرر المرئي، تريد الشركة الناشئة الاستحواذ على أجزاء أخرى من عملية إنشاء البرامج. قال ريو لو، رئيس التصميم في «كيرسر» لـ “وايرد”: “الجوهر الذي نهتم به، المطورون المحترفون، لا يتغير أبداً. لكن في الواقع، لا يعمل المطورون بمفردهم. إنهم يعملون مع الكثير من الأشخاص، ويجب أن يتمكن أي شخص يصنع برامج من العثور على شيء مفيد في كيرسر”. قبل ذلك، كان المصممون يعيشون في عالمهم الخاص من البكسلات والإطارات الثابتة، ولا تترجم أعمالهم حقاً إلى كود، مما يخلق احتكاكاً دائماً في عملية التسليم (Handoff) بين المصمم والمطور.
نمو صاروخي ومنافسة شرسة في السوق
تعد «كيرسر» واحدة من أسرع شركات الذكاء الاصطناعي الناشئة نمواً على الإطلاق. تجاوزت الشركة مليار دولار في الإيرادات السنوية المتكررة وتعد عشرات الآلاف من الشركات، بما في ذلك عمالقة مثل «إنفيديا» و«سيلزفورس» و«PwC»، عملاء لها. ومع ذلك، تواجه الآن ضغوطاً متزايدة من منافسين أكبر مثل «أوبن أي آي» وجوجل، و«أنثروبيك» الذين يستثمرون بكثافة في أدوات البرمجة الخاصة بهم.
كيف يعمل المحرر المرئي؟ سحر الـ Vibe-coding
في عرض توضيحي حي في مقر “وايرد” بسان فرانسيسكو، أظهرت «كيرسر» كيف يمكن للمحرر المرئي تعديل جماليات صفحة الويب بدقة مذهلة. تتيح لوحة التصميم التقليدية للمستخدمين ضبط الخطوط، وإضافة الأزرار، أو تغيير الخلفيات يدوياً. على اليسار، تقبل واجهة الدردشة طلبات اللغة الطبيعية، مثل “اجعل لون خلفية هذا الزر أحمر” أو “اجعل التصميم أكثر حداثة”. ثم يطبق وكيل «كيرسر» هذه التغييرات مباشرة في قاعدة التعليمات البرمجية الحقيقية، وليس مجرد رسم.
تكامل المتصفح: التصميم في بيئة حية
في وقت سابق من هذا العام، أصدرت «كيرسر» متصفح ويب خاصاً بها يعمل مباشرة داخل بيئة البرمجة الخاصة بها. ونظراً لأن المحرر المرئي يقع فوق متصفح «كيرسر»، يمكن للمستخدمين أيضاً توجيهه إلى أي موقع مباشر — وليس فقط مواقعهم الخاصة — وفحصه كما لو كانوا داخل قاعدة التعليمات البرمجية لهذا الموقع. يتيح ذلك للمصممين “استلهام” وتعديل الأنماط من الويب المفتوح.
دقة التصميم والتحكم: احترام العلامة التجارية
تجادل «كيرسر» بأنها تحاول احترام “لغة التصميم” للشركات المختلفة. يشكك العديد من مصممي الويب المحترفين في تطبيقات “البرمجة بالأجواء” (Vibe-coding) الموجودة في السوق اليوم لأنها تميل إلى إنتاج مواقع ذات مظهر عام ومكرر. تعد ضوابط التصميم الدقيقة أمراً مركزياً في عرض «كيرسر». على عكس أدوات التصميم التقليدية التي تعتمد على تجريداتها الخاصة، فإن كل عنصر تحكم يعين لغة «سي إس إس» (CSS) حقيقية، وهي اللغة التي تخبر المتصفحات بكيفية عرض الصفحة، مما يعني أن المصممين يعملون على المنتج النهائي مباشرة.
أسئلة شائعة
السؤال: ما هو المقصود بـ “Vibe-coding”؟
الإجابة: هو مصطلح حديث يشير إلى البرمجة باستخدام وصف “الجو” أو الشعور العام للتطبيق باللغة الطبيعية (مثل: اجعله يبدو كلاسيكياً)، حيث يقوم الذكاء الاصطناعي بترجمة هذا الوصف الفني إلى كود وتصميم فعلي.
السؤال: هل تستبدل هذه الأداة المصممين؟
الإجابة: لا، بل تهدف إلى تمكينهم من العمل مباشرة على الكود النهائي دون الحاجة لوسيط تقني، مما يسرع العملية ويقلل من أخطاء الترجمة بين التصميم والتنفيذ.
السؤال: هل تدعم الأداة اللغة العربية في التصميم؟
الإجابة: نعم، بما أن الأداة تتعامل مع كود الويب القياسي (HTML/CSS)، فهي تدعم بشكل كامل تخطيطات اليمين إلى اليسار (RTL) والخطوط العربية.
