فigma: كلاود يحول المفاهيم بسرعة إلى رمز، ويمكنه بناء موقع إلكتروني في يوم واحد

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

توليد التطبيقات باستخدام اللغة الطبيعية عبر Figma

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

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

يمكن إنشاء موقع ويب خلال يوم باستخدام Claude

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

قالت هولي لي إن كل تحديث لـ Claude يجلب تحسينات ملحوظة، والآن يمكنه توليد تصميمات جميلة تتضمن تدرجات ألوان، وخطوط متنوعة، وتأثيرات حركة ذكية، بمجرد إعطائه موجه واحد. حتى أن مصممي فريق Figma قالوا: “Claude رائع جدًا، وأشعر أني سأبكي من التأثر.”

Claude يتيح للغة الطبيعية قيادة البرمجيات، ويحدث ثورة في التصميم

دمجت Figma Claude في منتجيها “Figma Sites” و “Figma Make”، مما يسمح بتحويل المفاهيم الإبداعية بسرعة إلى تصميمات من خلال الكود. يمكن للمصممين في Figma Sites إضافة تفاعلات إلى التصاميم الحالية باستخدام اللغة الطبيعية، مثل “إضافة تأثير انزلاق عند تمرير الماوس”، حيث يمكن لـ Claude توليد كود عالي الجودة بسرعة مع الحفاظ على تفاصيل التصميم الأصلية.

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

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

هذه المقالة “Figma: Claude يحول المفاهيم بسرعة إلى كود، ويمكن خلال يوم واحد بناء موقع” نشرت لأول مرة على شبكة ABMedia.