Google Stitch وصعود التصميم بالإحساس في 2026

غيّر البرمجة بالإحساس (Vibe Coding) طريقة بناء المطورين للبرمجيات. الآن تريد Google فعل الشيء نفسه للتصميم. في 18 مارس 2026، كشفت Google Labs عن تحديث كبير لأداة Stitch — محوّلةً إياها من تجربة لتوليد واجهات المستخدم من النصوص إلى منصة تصميم كاملة مبنية على الذكاء الاصطناعي حول مفهوم أسمته التصميم بالإحساس (Vibe Design).

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

من توليد الواجهات إلى منصة تصميم متكاملة

ظهر Stitch لأول مرة كتجربة هادئة في Google Labs خلال مؤتمر Google I/O 2025. كان يستطيع توليد مكونات واجهة مستخدم بسيطة من أوامر نصية. مفيد، لكن محدود — أقرب للطرفة منه لأداة عمل حقيقية.

تحديث مارس 2026 يغيّر كل شيء. يقدم Stitch الآن لوحة رسم لا نهائية، وتفاعلًا صوتيًا، ووكيل تصميم مدمج، وتكاملًا مباشرًا مع أدوات البرمجة. لم يعد مجرد مولّد. أصبح بيئة تصميم متكاملة.

يصف مدير المنتج في Google Labs، روستن بانكس، الأداة بأنها "لوحة رسم أصلية مبنية على الذكاء الاصطناعي تمنح أفكارك مساحة للنمو من المراحل الأولية إلى النماذج الأولية العاملة."

ما معنى التصميم بالإحساس فعلًا؟

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

بدلًا من رسم المربعات، تصف:

• أهداف العمل — "أحتاج لوحة تحكم لتتبع توصيلات الأسطول في الوقت الفعلي"
• الشعور المطلوب — "يجب أن تبدو أنيقة وبسيطة، مثل Stripe"
• مصادر الإلهام — "شيء مرح وملون، موجه للجيل Z، مستوحى من Duolingo"

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

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

لوحة الصوت: تحدّث إلى تصميمك

الميزة الأكثر لفتًا للانتباه هي لوحة الصوت (Voice Canvas). تتحدث مباشرة إلى اللوحة، ويستجيب الذكاء الاصطناعي في الوقت الفعلي — يُولّد التخطيطات، يُعدّل الألوان، ويُعيد ترتيب المكونات.

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

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

جسر DESIGN.md

من أكثر الميزات العملية لفرق التطوير هو تنسيق DESIGN.md الجديد. يستطيع Stitch استخراج نظام تصميم كامل من أي رابط أو مشروع وتصديره كملف Markdown منظم.

يلتقط ملف DESIGN.md الخطوط والألوان والمسافات وأنماط المكونات وقواعد التخطيط. يمكنك بعدها استيراده في أدوات أخرى — بما فيها مساعدات البرمجة بالذكاء الاصطناعي — لضمان تطابق الكود المُولّد مع نظام التصميم.

للفرق التي تعاني من عملية التسليم بين التصميم والكود، هذه خطوة مهمة للأمام. نظام التصميم يعيش في تنسيق محمول وقابل للتحكم بالإصدارات يستطيع البشر ووكلاء الذكاء الاصطناعي قراءته.

تكامل MCP: ربط التصميم بالكود

بنت Google حزمة SDK وخادم MCP (بروتوكول سياق النموذج) يربط Stitch بمساعدات البرمجة بما في ذلك:

• Google Antigravity (بيئة التطوير الخاصة بهم)
• Gemini CLI
• Claude Code
• Cursor

هذا يعني أنك تستطيع تصميم شاشة في Stitch، ثم تسليمها لوكيل البرمجة مع سياق التصميم الكامل. يعرف الوكيل الألوان والمسافات وهيكل المكونات وأنماط التفاعل — ليس لأنك وصفتها في أمر نصي، بل لأنه يقرأ مخرجات التصميم مباشرة.

هذا يسدّ الفجوة بين التصميم المرئي وتوليد الكود بطريقة لم يستطع نسخ روابط Figma في محادثة تحقيقها.

المقارنة مع الأدوات الموجودة

Figma يبقى المعيار الصناعي للتصميم التعاوني. يتفوق في العمل الدقيق وإدارة أنظمة التصميم والتسليم للمطورين. Stitch لا يحل محل Figma للتصميم الإنتاجي الدقيق بالبكسل — لكنه يُسرّع بشكل كبير مرحلة الاستكشاف التي تسبق عمل Figma التفصيلي.

v0 من Vercel يُولّد مكونات React من أوامر نصية. يُغطي Stitch سطحًا أوسع — تخطيطات صفحات كاملة، وتدفقات متعددة الشاشات، واستخراج أنظمة التصميم — مع تقديم تفاعل صوتي ولوحة رسم مستمرة.

Bolt و Lovable يركزان على توليد تطبيقات كاملة من الأوامر. يبقى Stitch في مجال التصميم، يُنتج نماذج أولية عالية الدقة بدلًا من شحن كود إنتاجي.

من يجب أن ينتبه

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

فرق التصميم الباحثة عن تسريع مرحلة الاستكشاف. ولّد مجموعة من الاتجاهات، ثم حسّن الأفضل في أداة التصميم الإنتاجية.

المطورون الذين يستخدمون مساعدات برمجة بالذكاء الاصطناعي ويريدون سياق تصميم أفضل. تكامل MCP يعني أن وكيل البرمجة يستطيع استهلاك قرارات التصميم مباشرة من Stitch.

الوكالات والاستشاريون الذين يحتاجون لتقديم اتجاهات تصميمية متعددة للعملاء بسرعة.

التوفر والتسعير

Stitch متاح على stitch.withgoogle.com للمستخدمين بعمر 18 عامًا فما فوق في جميع المناطق التي يتوفر فيها Gemini. خلال فترة البيتا، الاستخدام مجاني مع حدود شهرية: 350 توليدًا عاديًا و200 توليد احترافي.

لم تُعلن Google عن أسعار ما بعد البيتا، لكن المستوى المجاني السخي يجعله يستحق التجربة اليوم.

الصورة الأكبر

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

كلا الاتجاهين يُشيران في نفس الاتجاه: الذكاء الاصطناعي يتولى العمل الميكانيكي بينما يُركز البشر على القرارات والذوق والاستراتيجية. الأدوات التي ستفوز هي تلك التي تجعل هذا التعاون يبدو طبيعيًا.

Google Stitch ليس مثاليًا. إنه منتج بيتا من Google Labs بقيود حقيقية. لكنه يُمثل تحولًا حقيقيًا في كيفية بدء عمل التصميم — وللفرق التي تستخدم بالفعل مساعدات برمجة بالذكاء الاصطناعي، يجعل تكامل MCP الأداة عملية فورًا.

خط أنابيب التصميم إلى الكود أصبح أقصر بكثير.