ما هي متغيرات Figma؟
متغيرات Figma قيم لها أسماء تُحفظ داخل ملف Figma للألوان والأرقام والنصوص والقيم المنطقية، وتدعم أوضاعًا مثل السمة الفاتحة والداكنة. وهي الصيغة الأصلية لرموز التصميم في Figma، لكن قراءتها برمجيًا عبر واجهة Figma REST تتطلب خطة Enterprise.
ماذا تفعل
تتيح المتغيرات لملف Figma أن يحمل قيمًا مسمّاة بدل تكرار القيم الخام. وتُدعم أربعة أنواع: اللون والرقم والسلسلة النصية والقيمة المنطقية.
يمكن تنظيمها في مجموعات، ولكل مجموعة أن تحمل أوضاعًا - غالبًا فاتح وداكن، وكذلك الكثافة أو العلامة أو المنصة. والطبقة المرتبطة بمتغير تتحدث عند تغيّر الوضع، وهو ما يجعل السمات داخل Figma تعمل كما ينبغي.
ويمكن للمتغيرات أيضًا أن تكون أسماء بديلة لمتغيرات أخرى، وهكذا تُبنى طبقة دلالية: text/danger يشير إلى red/600.
أين تكمن الصعوبة
المتغيرات تحل المشكلة داخل Figma. أما خارجه فتبقى المشكلة قائمة، وهنا تُفاجأ الفرق.
قراءة المتغيرات عبر واجهة Figma REST تتطلب خطة Enterprise. نقطة النهاية موجودة، وتعيد 403 على خطتي Professional وOrganization.
الأثر العملي كبير عند تقييم الأدوات. فكل ما يَعِد بمزامنة رموز Figma عبر واجهة REST يعمل على حساب Enterprise ولا يفعل شيئًا البتة على الخطة التي لدى معظم الفرق. ويستحق الأمر السؤال المباشر قبل الشراء، لأنه لا يظهر عادة في المواد التسويقية.
الإضافات غير متأثرة. فواجهة الإضافات تقرأ المتغيرات من داخل الملف، والإضافة تعمل على أي خطة. وأي أداة وسيلة نقلها إضافة تعمل بصرف النظر عن مستوى Figma لديك.
المتغيرات ورموز التصميم
متغيرات Figma صورة من صور رموز التصميم، محصورة في Figma. وهي بذاتها غير قابلة للنقل: لا يوجد تصدير مدمج إلى CSS ولا إلى Tailwind ولا إلى صيغة JSON للرموز من W3C.
وسدّ هذه الفجوة هو تحديدًا ما وُجدت له أدوات الرموز. والخيار بين إضافة تعمل في كل مكان، وواجهة REST التي لا تعمل.
أين يقع Flash DSM من هذا
يستخدم Flash DSM إضافة Figma وسيلةَ نقل لهذا السبب بالضبط. يقرأ المتغيرات على أي خطة من خطط Figma، ويحوّل النشر إلى فرق رموز قابل للمراجعة، ويصدّر إلى CSS أو Tailwind أو Tokens Studio JSON أو طلب سحب على GitHub.