Dessn تجمع 6 ملايين دولار لأدوات AI للتصميم في بيئة الإنتاج

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

كيف ينقل Dessn التصميم إلى الكود

تقوم Dessn بإنشاء منصة تسمح للمصممين بالعمل مباشرة مع الكود الإنتاجي من خلال واجهة بصرية. بدلاً من تصدير التخطيطات من Figma، يفتح المصممون Dessn ويرون المكونات الحقيقية لتطبيقهم — React وVue وAngular وSvelte. عندما يغيرون لون الزر أو حجم النص أو المسافات البادئة أو حتى سلوك المكون، تتزامن هذه التغييرات مع الكود المصدري تلقائيًا.

يرى المصمم النتيجة النهائية في الوقت الفعلي، ويحصل المطور على كود جاهز واختبار بدون تفسير وسيط. تعمل المنصة مع أنظمة التصميم — فهي تفهم الرموز (الألوان والأحجام والخطوط والمسافات) وتستطيع تطبيق التغييرات على جميع المكونات التي تستخدم تلك الرمز مرة واحدة. هذا مهم بشكل خاص عند التوسع: إذا احتجت إلى تغيير لون الزر الأساسي في كل التطبيق، يقوم Dessn بذلك في ثانية.

لا يحتاج المصممون إلى فهم JavaScript أو CSS — واجهة Dessn بديهية، مثل Figma.

المشكلة: عندما ينحرف التصميم والكود

في العمليات التقليدية، يعمل المصممون والمطورون في عالمين متوازيين. ينشئ المصمم تخطيطات في Figma، ويصدر مواصفة (أحجام وألوان وخطوط)، والمطور يقرأها ويشفر الواجهة يدويًا. في الواقع، يؤدي هذا إلى:

• تخطيطات قديمة أخلاقيًا — المصمم يحدثها، لكن المطور لا يعرف
• كود لا يتطابق مع التخطيط — غيّر المطور المنطق، لكن التخطيط لا يعرف
• نقاشات لا نهاية لها حول التفاصيل — "يجب أن يكون الكود لديك 16px وليس 14px"
• سرعة مجمدة أثناء التكرارات — تحتاج إلى تغيير التخطيط والكود في نفس الوقت

هذا يؤثر بشكل خاص على المنتجات التي تتطور بسرعة. كل تغيير يتطلب عملاً مزدوجًا: تحديث Figma وتحديث الكود. إذا نسي المطور مزامنة الكود مع التخطيط الجديد، فالأخطاء مضمونة.

كيف يساعد الذكاء الاصطناعي في مزامنة التصميم والكود

تستخدم Dessn الذكاء الاصطناعي لفهم سياق الكود الإنتاجي والاقتراح على المصممين بالعمل مباشرة على مستوى المكونات الحقيقية. تحلل المنصة معمارية التطبيق ونظام رموز التصميم وتزامن التغييرات بطريقة ثنائية في الوقت الفعلي. إذا غيّر المصمم اللون الأساسي للعلامة التجارية، يحدث الذكاء الاصطناعي متغير CSS وينعاد تلوين التطبيق بأكمله فورًا. إذا أضاف المطور مكونًا جديدًا، يمكن للمصمم تخصيصه على الفور في Dessn دون الانتظار للتصدير أو التوثيق منفصل.

"التصميم والكود لا يعودان وثيقتي منفصلتين. إنها واجهة واحدة حية تحررها

كلا الفريقين في الوقت الفعلي."

ما الذي سيتغير في التطوير

إذا حقق Dessn إمكاناته، يمكن أن يعيد تعريف عملية إنشاء الواجهات. بدلاً من دورة "التخطيط → الكود → التكرار → إعادة العمل"، ستحصل الفرق على مساحة واحدة حيث يكون التصميم دائمًا متزامنًا مع الكود ويتحدث في الوقت الفعلي. بالنسبة للشركات الناشئة، قد يعني هذا تسريع التطوير بأسابيع وتقليل أخطاء عدم المزامنة. بالنسبة للشركات الكبيرة — تقليل الوقت المنفق على المحاذاة بين أقسام التصميم والتطوير، وهو أمر مؤلم بشكل خاص بعد تطبيق منهجية Agile. بالنسبة للمصممين — التأثير المباشر على الكود بدون طبقة وسيطة من المطورين-المفسرين الذين غالبًا ما يغيرون رؤية المصمم لأسباب تقنية.

يشير تمويل بقيمة 6 ملايين دولار إلى أن المستثمرين يؤمنون بحجم هذه الفكرة. في السنوات الأخيرة، كان الاهتمام بالأدوات التي تمسح الحدود بين التصميم والتطوير ينمو فقط. أثبتت شركات مثل Framer وWebflow وغيرها بالفعل أن هناك طلبًا على الأدوات التي توحد كلا العالمين. تضع Dessn نفسها ليس كـ Figma التالي، بل كمنصة حقيقية للمزامنة بين التصميم والكود الإنتاجي — فئة منتج مختلفة تمامًا.