تطور Figma: طبقات الكود، وإضافات الذكاء الاصطناعي، ودعم الحركة

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

سد الفجوة باستخدام طبقات الكود

في خطوة هامة نحو تحقيق التكافؤ بين "التصميم والكود"، قدمت Figma طبقات الكود مباشرة على مساحة العمل التفاعلية (multiplayer canvas). تتيح هذه الميزة لفرق الهندسة استنساخ المستودعات (repositories) واستخراج تدفقات الكود الحالية وإعادتها إلى طبقات التصميم من أجل الاختبار والتكرار السريع.

وعلى عكس سير العمل التقليدي حيث يسلم المصممون ملفات ثابتة للمطورين، يؤكد Yuhki Yamashita، رئيس المنتجات في Figma، أن هذه البيئة صُممت للاستكشاف وليس للوصول إلى الكمال الجاهز للإنتاج. ومن خلال السماح للمصممين ومديري المنتجات والمهندسين بالتفاعل مع الكود بطريقة مكانية وغير خطية، تهدف Figma إلى تسريع مرحلة الاكتشاف في تطوير المنتجات، مما يقلل من العقبات التي تظهر غالباً أثناء عملية التسليم (hand-off).

الحركة المتقدمة، والمظللات (Shaders)، والتحويلات ثلاثية الأبعاد

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

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

الذكاء الاصطناعي التوليدي وإنشاء الإضافات المخصصة

تضاعف Figma جهودها في خارطة طريق الذكاء الاصطناعي الخاصة بها عبر تحويل مساحة العمل إلى بيئة عمل قابلة للبرمجة. يمكن للمستخدمين الآن استخدام الأوامر النصية (text prompts) لإنشاء "مهارات" قابلة للتكرار لوكلاء الذكاء الاصطناعي، مما يجعل المساعد الذكي متعاوناً مخصصاً بدلاً من كونه مجرد أداة عامة. ولزيادة الدقة، يمكن للذكاء الاصطناعي الآن استيعاب السياق من أدوات خارجية مثل Notion وExcel وGitHub وGranola ومختلف الملفات المرفوعة.

ولعل الأمر الأكثر ثورية لمجتمع المطورين هو القدرة على إنشاء إضافات مخصصة من خلال أوامر بسيطة. وسواء كان المستخدم بحاجة إلى مولد تخطيط محدد أو متتبع مسار متجه (vector path tracer) معقد، فبإمكانه الآن بناء أدوات وظيفية مخصصة داخل Figma دون كتابة كود تقليدي.

دمج Weavy لسير العمل القائم على النماذج

بناءً على استحواذها على أداة Weavy القائمة على العقد (node-based)، تعمل Figma على دمج سير عمل متقدم يعتمد على النماذج. وفي وقت لاحق من هذا العام، سيتمكن المستخدمون من إنشاء سير عمل Weavy مباشرة داخل واجهة Figma. سيتيح ذلك لفرق التصميم تشغيل سير عمل معقد عبر نماذج ذكاء اصطناعي مختلفة لمقارنة المخرجات، مما يضمن تحسين اتجاه التصميم المختار عبر مختلف المعايير التوليدية.

النقاط الرئيسية

  • التكافؤ بين الكود والتصميم: تتيح طبقات الكود الجديدة للفرق سحب بيانات المستودعات إلى مساحة العمل، مما يجعل بيئة التصميم مساحة تعاونية حقيقية للمهندسين والمصممين.
  • الحركة والمظللات الأصلية: تدعم Figma الآن التحويلات ثلاثية الأبعاد، والانتقالات، وتأثيرات المظللات، مما يقلل الحاجة إلى برامج الرسوم المتحركة الخارجية.
  • القابلية للتوسع المدفوعة بالذكاء الاصطناعي: يمكن للمستخدمين الآن إنشاء إضافات مخصصة و"مهارات" ذكاء اصطناعي قابلة للتكرار عبر الأوامر النصية، مع التكامل مع البيانات الخارجية من GitHub وNotion.