تطبيقات وبرامج
متغيرات التصميم في Figma Make: تحديث جديد يحول الشاشات البرمجية إلى طبقات قابلة للتحرير
أطلقت Figma تحديثًا جديدًا يجعل متغيرات التصميم في Figma Make ترتبط تلقائيًا بالألوان والخطوط والمسافات عند تحويل الشاشات البرمجية إلى طبقات قابلة للتحرير داخل الملف.
أعلنت Figma في 16 يوليو 2026 عن تحديث عملي يرفع قيمة متغيرات التصميم في Figma Make من مجرد عنصر تنظيمي داخل الملف إلى جزء مباشر من دورة التحويل بين الكود والتصميم. الفكرة الأساسية في هذا التحديث أن الشاشات البرمجية التي تدخل إلى مساحة العمل لم تعد تصل كطبقات جامدة تحتاج إلى إعادة ترتيب يدوي، بل يمكن أن ترتبط تلقائيًا بمعظم المتغيرات الموجودة أصلًا في الملف مثل الألوان والخطوط والمسافات.
هذا التغيير يبدو تقنيًا للوهلة الأولى، لكنه في الحقيقة يمس واحدة من أكثر النقاط إزعاجًا للمصممين وفرق الواجهات: ماذا يحدث عندما تريد إعادة إدخال شاشة مبنية بالكود إلى ملف التصميم من أجل المراجعة أو التطوير أو التوثيق؟ في الوضع التقليدي، تصل العناصر غالبًا كقيم ثابتة تحتاج إلى تنظيف وربط جديد. أما الآن، فتقول Figma إن متغيرات التصميم في Figma Make ستلتقط جزءًا كبيرًا من هذا الربط تلقائيًا، ما يختصر وقتًا كان يضيع في إعادة البناء بدل تحسين التجربة نفسها.
ما الذي تغير في Figma Make؟
بحسب صفحة Release Notes الرسمية من Figma، أصبح بإمكان المنصة عند إدخال شاشات مبنية بالكود إلى اللوحة أن تربط الألوان والطباعة والمسافات بمعظم المتغيرات الموجودة مسبقًا داخل الملف، بدل أن تهبط كقيم hardcoded منفصلة عن نظام التصميم. ويظهر هذا السلوك في ثلاث حالات رئيسية: عند نسخ معاينة من Figma Make إلى اللوحة كطبقات تصميم، وعند توليد تصميم من الكود عبر Figma MCP server، وعند التقاط صفحة ويب حية كطبقات قابلة للتحرير من خلال إضافة Chrome.
المعنى العملي هنا أن الفريق لم يعد مضطرًا لبدء عملية إصلاح طويلة في كل مرة يعود فيها من الكود إلى التصميم. فإذا كانت المؤسسة تعمل أصلًا بنظام متغيرات مضبوط، تصبح العودة من الشاشة البرمجية إلى ملف Figma أكثر سلاسة واتساقًا مع قواعد العلامة والواجهة.
لماذا تعد متغيرات التصميم في Figma Make مهمة الآن؟
خلال الأشهر الماضية، اتجهت أدوات التصميم الذكية إلى تقليص المسافة بين الفكرة والتنفيذ. لكن بقيت هناك فجوة واضحة بين ما يُنتج بالكود وما يُراجع بصريًا داخل ملفات التصميم. وهنا تأتي قيمة متغيرات التصميم في Figma Make، لأنها تقلل الاحتكاك في لحظة حساسة جدًا داخل سير العمل: لحظة تسليم الشاشة أو إعادتها من المطور إلى المصمم، أو من النموذج التوليدي إلى نظام التصميم المؤسسي.
بدل أن يفقد الفريق دقة الألوان أو هرمية الخطوط أو منطق المسافات عند نقل الشاشة، يحافظ التحديث الجديد على ارتباط أقوى بين الناتج البرمجي والبنية التصميمية الأصلية. هذا لا يوفر الوقت فقط، بل يرفع جودة المراجعة أيضًا، لأن الفريق يناقش تفاصيل التجربة نفسها بدل الانشغال بإصلاح الطبقات اليدوي.
ما الفائدة لفرق التصميم والتطوير؟
أبرز مكسب هنا هو تسريع الحلقة بين التصميم والكود. فالمصمم الذي يستورد شاشة مولدة من Figma Make أو ملتقطة من صفحة حية سيحصل على طبقات أكثر قابلية للتعديل، بينما يستفيد المطور من قرب المخرجات العائدة إلى الملف من نظام التصميم الفعلي بدل نسخة مفككة منه. كما أن وجود Auto Layout في المزيد من الإطارات، وفق ما أعلنته Figma، يعني أن التعديلات اللاحقة ستعيد التمدد والانسياب بصورة أفضل بدل الحاجة إلى ضبط يدوي مرهق.
هذه النقطة مهمة خصوصًا للفرق التي تبني منتجات سريعة التغير أو تعتمد على تجارب واجهة متكررة. فكل دقيقة تُوفَّر في تنظيف الشاشة وإعادة ربطها تذهب مباشرة إلى تحسين النسخة أو اختبارها أو توثيقها، وهو ما ينعكس على سرعة الفريق ككل.
ثلاثة سيناريوهات يبرز فيها التحديث
السيناريو الأول هو نسخ معاينة من Figma Make إلى اللوحة وتحويلها إلى طبقات تصميم. هنا يصبح من الأسهل تحويل المخرجات السريعة من فكرة إلى أصل يمكن تحريره داخل نفس الملف.
السيناريو الثاني يتعلق بالفرق التي تستخدم Figma MCP server لتوليد تصميم من الكود. في هذا المسار، لا تعود النتيجة مجرد لقطة جامدة، بل شاشة أقرب إلى لغة النظام البصري المعتمد في المؤسسة.
أما السيناريو الثالث فيظهر عند التقاط صفحة ويب حية كطبقات قابلة للتحرير عبر إضافة Chrome. وهذا مفيد جدًا في عمليات المراجعة، أو أثناء إعادة تصميم منتج قائم، أو عند توثيق شاشات موجودة تحتاج إلى تحسين تدريجي بدل إعادة رسمها من الصفر.
هل يعني ذلك نهاية الفجوة بين الكود والتصميم؟
ليس بالكامل. ما زالت هناك فروق بين ما يمكن تمثيله بصريًا داخل ملف التصميم وبين السلوك الفعلي للتطبيق على الويب، خاصة في الحالات المعقدة مثل التفاعلات الديناميكية أو البيانات الحية. لكن التحديث يجعل هذه الفجوة أضيق بكثير في طبقة الواجهة الثابتة وشبه الثابتة، وهي الطبقة التي تُستهلك فيها ساعات طويلة من أعمال التوفيق اليدوي.
ومن هنا تبدو متغيرات التصميم في Figma Make خطوة مهمة لأنها لا تعد بثورة نظرية، بل تحل مشكلة يومية متكررة. وفي سوق مزدحم بوعود الذكاء الاصطناعي الكبيرة، غالبًا ما تكون التحديثات الصغيرة القابلة للاستخدام هي الأكثر تأثيرًا على الإنتاجية الفعلية.
صلة التحديث بمشهد أدوات التصميم الأوسع
هذا التحديث ينسجم مع التحول الأوسع في أدوات التصميم التي تحاول الانتقال من بيئات رسم منفصلة إلى منصات تتعامل مع الكود والسياق والتنفيذ كعناصر متصلة. وإذا كنت تتابع هذا المسار، فستجد تقاطعًا واضحًا مع مقالنا السابق عن جوجل تطوّر Stitch منصة ذكية تُعيد تعريف تصميم واجهات المستخدم، لأن الاتجاهين معًا يشيران إلى أن مستقبل التصميم لن يكتفي بتوليد واجهة جميلة، بل سيهتم بكيفية بقائها قابلة للتحرير والربط والتطوير داخل منظومة عمل حقيقية.
خلاصة التحديث
إذا نجحت Figma في توسيع هذا النهج على مزيد من العناصر والسياقات، فقد تصبح متغيرات التصميم في Figma Make واحدة من أهم الميزات العملية للفرق التي تريد العمل بسرعة من دون التضحية بالاتساق. الجديد هنا ليس مجرد تحسين بصري، بل محاولة جادة لجعل الشاشة القادمة من الكود تعود إلى الملف وهي ما تزال تتحدث لغة النظام نفسه.
وبالنسبة للمصممين ومديري المنتجات وفرق الواجهة، فهذه هي القيمة الحقيقية: وقت أقل في إعادة البناء، ووقت أكثر في اتخاذ القرار وتحسين التجربة. وهذا بالضبط ما يجعل التحديث الأخير من Figma خبرًا يستحق المتابعة، حتى لو جاء بصيغة تبدو تقنية أكثر من المعتاد.
أخبار تقنية
بسبب الإعلانات الاحتيالية.. بولندا تطالب بتغريم ميتا 250 مليون يورو
أخبار تقنية
منصة تويتر الجديدة تعود من جديد.. شبكة اجتماعية تتحدى إيلون ماسك و”إكس”
أخبار تقنية
ميزات أمان واتساب الجديدة.. 3 أدوات لحماية الحسابات والمستخدمين
-
أخبار تقنية6 أيام agoتحديث أمان سامسونج يصل إلى هواتف Galaxy القابلة للطي لإصلاح 56 ثغرة
-
أخبار تقنية6 أيام agoآيفون 17 يواصل تصدر مبيعات الهواتف عالميًا خلال الربع الثاني من 2026
-
أخبار تقنية6 أيام agoسماعات Plaud One تسجل الاجتماعات والمكالمات وتلخصها بالذكاء الاصطناعي
-
أخبار تقنية6 أيام agoسامسونج تكشف Galaxy S26 FE.. هاتف رائد اقتصادي بسعر يبدأ من 700 دولار
-
أخبار تقنية7 أيام agoZ.ai تكشف مفاجأة جديدة.. نموذج Ox Alpha الغامض يتصدر منافسة الذكاء الاصطناعي
-
أخبار تقنية7 أيام agoموظفة استقبال بالذكاء الاصطناعي تربك مريضة بعد سكتة دماغية.. هل تهدد التقنية وصول المرضى للرعاية؟
-
أخبار تقنية7 أيام agoتطبيق الذكاء الاصطناعي للمكفوفين يساعد على التنقل وتجنب العوائق
-
الأجهزة اللوحية7 أيام agoسوار Whoop Meridian الفاخر.. تصميم أقرب للمجوهرات بسعر 149 دولارًا



