Google Stitch وVibe Design: تصميم واجهات احترافية بالكلام وليس بالأدوات

حين يصبح الوصف اللفظي تصميماً جاهزاً للإنتاج

في 19 مارس 2026، أعلنت Google إعادة إطلاق كاملة لأداة Stitch ضمن مختبر Google Labs، ومعها أطلقت مصطلحاً تقنياً جديداً: Vibe Design. هذا المفهوم يأخذ ما فعله Vibe Coding مع الشيفرة البرمجية — تحويل النوايا إلى كود بالذكاء الاصطناعي — ويطبّقه على تصميم واجهات المستخدم بالكامل. النتيجة: أداة تُحوّل جملةً كـ ‘صفحة هبوط لتطبيق تأمّل تبدو هادئة وبسيطة مستوحاة من Apple Health’ إلى واجهة كاملة عالية الدقة خلال دقائق لا أيام. السوق استجاب فوراً: سهم Figma، أكبر أداة تصميم احترافية في العالم، فقد 12% من قيمته خلال يومَين. المصمّمون والمطوّرون وأصحاب الشركات الناشئة الذين يقرؤون هذه السطور يقفون أمام سؤال واحد: هل تغيّر ما كانوا يقضون ساعات في إنجازه؟

Google Stitch: من نموذج تجريبي إلى منصة تصميم متكاملة

Stitch ليست أداةً جديدة، لكن التحديث الذي وصل في مارس 2026 يجعلها شيئاً مختلفاً جوهرياً عن سابقتها. أُطلقت لأول مرة في Google I/O 2025 بوصفها مولّداً بسيطاً لواجهات المستخدم النصية. خلال أقل من عام، تحوّلت إلى منصة تصميم متكاملة بثلاث ميزات رئيسية: لوحة لانهائية بدلاً من نماذج ثابتة، وإدخال صوتي مباشر على القماش، ومنهجية Vibe Design التي تعيد ترتيب سلسلة التصميم بالكامل.

مدير المنتج في Google Labs روستن بانكس أعلن في المدوّنة الرسمية أن الأداة تستهدف من يريد استكشاف عشرات الاتجاهات بسرعة، سواء كان مصمماً محترفاً أو مؤسساً يُجسّد فكرته الأولى. المنصة متاحة الآن على stitch.withgoogle.com مجاناً خلال مرحلة التجريب، بحد شهري يبلغ 350 جيلاً عادياً و200 جيل باستخدام نموذج Gemini 2.5 Pro المتقدم.

Vibe Design: ما الذي يتغيّر فعلياً في طريقة البدء؟

المنهجية التقليدية في التصميم تبدأ من الهيكل: شبكة، أعمدة، مكوّنات، ثم مرحلة اتخاذ مئات القرارات الدقيقة قبل الإجابة على السؤال الجوهري — ما الذي يُفترض أن يُشعر به المستخدم عند استخدام هذه الواجهة؟ Vibe Design يقلب هذه المعادلة: يبدأ المستخدم بوصف الهدف التجاري، أو المشاعر التي يريد نقلها، أو أمثلة من واجهات تُلهمه، وتنتج Stitch منها عدة اتجاهات تصميمية عالية الجودة في آن واحد. النتيجة المباشرة: الانتقال من فكرة غامضة إلى نموذج أولي قابل للنقر يستغرق دقائق بدلاً من أيام.

أبرز الميزات في النسخة المحدَّثة من Stitch

• Voice Canvas — إدخالصوتيمباشر: تحدّثإلىالقماشوأعطِالوكيلالذكيتعليماتبالصوت. يسألالوكيلأسئلةتوضيحية،ويعرضنقداًللتصميمالحالي،ويُجريتعديلاتفوريةكـ ‘أعطنيثلاثةتصميماتلقائمةالتنقل’ أو ‘أرنيهذهالشاشةبلوحةألوانداكنة’.
• Agent Manager — تفرّعاتالاتجاهاتالإبداعية: ادارةعدةتوجهاتإبداعيةمتوازيةدونفقدانالنسخةالأصلية،بنفسمبدأتفرّعات Git فيالبرمجة.
• md — استخراجنظامالتصميم: يستخرجالوكيلقواعدالتصميممنأيموقعويبقائم — الألوان،الطباعة،المسافات،المكوّنات — ويحفظهافيملف DESIGN.md ينتقلمعكبينالمشاريعوالأدوات.
• Direct Edits — تعديلاتيدويةداخلالقماش: تعديلالنصوصوتبديلالصوروضبطالتفاصيلمباشرةًداخل Stitch دونالحاجةللخروجلأداةأخرى.
• تصديرفوري: تصديرالتصميمإلى Figma أو HTML/CSS جاهزاًللاستخدامفيالإنتاج.
• تحويلالصوروالرسوماتاليدويةإلىواجهات: رفعلقطةشاشةأوصورةلوحةورقيةلتحويلهاإلىواجهةمصقولةباستخدامالوضعالتجريبي Gemini 2.5 Pro.

Stitch ضد Figma: التهديد الحقيقي في الأرقام

انخفاض سهم Figma بنسبة 12% خلال يومَين من إطلاق Google Stitch المحدَّث ليس ردّ فعل مبالغاً فيه من السوق. Figma — التي كانت قيمتها عند محاولة Adobe الاستحواذ عليها بـ 20 مليار دولار عام 2022 قبل أن يُرفض الصفقة — تواجه اليوم منافسةً من أداة مجانية تُنتج نماذج أولية قابلة للنقر أسرع مما يستغرق إعداد ملف Figma جديد. الفارق الجوهري أن Figma تُعطيك القدرة على صنع أي شيء بدقة كاملة، بينما Stitch تُعطيك تصميماً جيداً كافياً بلا احتكاك.

الطيف الذي يغطيه Stitch حالياً يتداخل مع مرحلتَي الاستكشاف والنمذجة الأولية من دورة حياة Figma — وهما المرحلتان اللتان تستهلكان وقتاً أكبر مما تستحقانه في المشاريع الصغيرة والمتوسطة. السيناريو الذي يتبلور في سوق الأدوات: استكشاف في Stitch، تنقية في Figma، بناء في Antigravity — وهو ما يُقلّص حصة Figma من رحلة المصمم دون أن يُلغيها.

مقارنة: Google Stitch مقابل Figma في سيناريوهات الاستخدام الفعلي

التكامل مع منظومة Google AI: Stitch ليس وحيداً

Stitch لا يعمل معزولاً؛ بل يندرج ضمن منظومة Google AI الشاملة التي أعلنتها الشركة في الفترة ذاتها. Google أطلقت في نفس اليوم تجربة Vibe Coding متكاملة في Google AI Studio مع Antigravity، وكلاهما يتشاركان SDK وخادم MCP يتيحان ربط Stitch بمساعدي الكود: Gemini CLI، وClaude Code، وCursor. هذا التكامل يعني أن المصمم يستطيع الانتقال من تصميم واجهته في Stitch مباشرةً إلى بناء منطق التطبيق في Antigravity دون قطيعة في السياق أو إعادة وصف للمشروع من الصفر.

الوكيل الذكي في Stitch يعمل بنموذج Gemini 2.5 Pro في الوضع التجريبي، ويتميز بقدرة على تقديم نقد ذاتي للتصميم واقتراح اتجاهات بديلة دون انتظار طلب صريح من المستخدم. هذا النوع من الوكالة الاستباقية — حيث يُشير الوكيل إلى مشكلة قبل أن يسألَه المستخدم — يُمثّل تحولاً عن نمط التوليد الاستجابي السائد في معظم أدوات الذكاء الاصطناعي للتصميم.

من يستفيد فعلاً من Vibe Design ومن يجب أن يكون حذراً؟

Vibe Design يُقدّم قيمة مباشرة لثلاث فئات: مؤسسو الشركات الناشئة الذين يريدون تصوّر فكرتهم قبل توظيف مصمم، والمطورون الذين يكرهون مرحلة النمذجة الأولية ويريدون التركيز على الكود، والمصممون الذين يريدون استكشاف عشرات الاتجاهات البصرية بسرعة قبل الالتزام بأحدها. الفئة الوحيدة التي يجب أن تبقى حذرة هي فرق تصميم المنتجات في مرحلة الإنتاج: المواصفات الدقيقة، وأنظمة التصميم الموحّدة، والتعاون متعدد الأدوار لا تزال نقاط ضعف هيكلية في Stitch مقارنةً بـ Figma.

الخلاصة: Vibe Design ليس مجرد أداة — إنه تحوّل في الترتيب

Google Stitch بمفهوم Vibe Design لا يُلغي التصميم المهني، لكنه يُعيد رسم نقطة البداية. السؤال لم يعد ‘كيف أرسم هذه الواجهة؟’ بل ‘ما الذي أريد أن يشعر به المستخدم؟’ وهذا الفرق — رغم بساطته في الصياغة — يُغيّر كثيراً من العملية: يُقلّص زمن الاستكشاف، ويُديم التركيز على القيمة بدلاً من الأداة.

خلال الأشهر الستة إلى الاثني عشر القادمة، ستتحدد ملامح مهمة: هل تُحدث Figma نقلة نوعية في قدراتها لمنافسة Stitch في مرحلة الاستكشاف؟ وهل يُزيل Google القيود الشهرية ليُتيح الأداة بلا حدود مقابل اشتراك مدفوع؟ المصممون والمطورون الذين يُؤجّلون تجربة Stitch الآن يُؤجّلون فهم أداة باتت تُغيّر تدفق العمل في فرق المنتجات الرائدة حول العالم. الأداة مجانية، ونقطة البداية لا تستغرق أكثر من جملة واحدة.

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

س: هل Google Stitch مجاني تماماً؟

ج: نعم، مجاني خلال مرحلة التجريب بحد 350 جيلاً اعتيادياً و200 جيل بنموذج Gemini 2.5 Pro شهرياً. متاح على stitch.withgoogle.com دون اشتراك.

س: ما الفرق بين Vibe Coding وVibe Design؟

ج: Vibe Coding يحوّل الأوصاف إلى كود برمجي. Vibe Design يحوّل الأوصاف إلى واجهات مستخدم بصرية عالية الجودة. Stitch يجمع بين المفهومَين عبر تصدير HTML/CSS والتكامل مع أدوات الكود.

س: هل Stitch يُهدّد وظائف مصممي UI فعلاً؟

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

س: هل يمكن ربط Stitch بـ Figma أو Cursor؟

ج: نعم. Stitch يصدّر مباشرةً إلى Figma وHTML/CSS. كما يدعم SDK وخادم MCP للتكامل مع Cursor وClaude Code وGemini CLI وAntigravity.

س: ما هي حدود Stitch مقارنةً بـ Figma؟

ج: Stitch أضعف في: أنظمة التصميم المعقدة، التعاون متعدد الأدوار، والتعديلات الدقيقة بكسل لبكسل. الأفضل استخدامه في مرحلة الاستكشاف قبل الانتقال إلى Figma للتنقية.