DesignFlow: أدوات التصميم في المتصفح مثبتة في Chrome
DesignFlow، الذي طوره ريجيس كاردوسو (DSR)، هو ملحق لمتصفح كروم يجمع مهام التصميم المستندة إلى المتصفح في مساحة عمل مثبتة على الجانب لمصممي واجهة المستخدم وتجربة المستخدم ومطوري الواجهة الأمامية. إنه يركز على الفحص، والتحرير المباشر، وتدقيق الوصول، واستخراج الأصول بحيث تكون هناك حاجة إلى عدد أقل من الأدوات الخارجية أثناء مراجعات الواجهة. يستخدم الملحق لوحة الجانب في كروم ليبقى متاحًا أثناء التنقل، ويؤكد على المعالجة المحلية لحماية بيانات المشروع، ويناسب المحترفين الذين يفضلون سير العمل في متصفح ذو نافذة واحدة دون الحاجة لتبديل التطبيقات.
تستهدف DesignFlow سير العمل في المتصفح مع واجهة مثبتة جانبياً
تعمل التطبيق داخل واجهة برمجة التطبيقات الخاصة باللوحة الجانبية في Chrome بحيث تظل الأدوات مرئية بينما تظل الصفحة الرئيسية غير معاقة. تم بناؤه على Manifest V3 ويتطلب إصدار Chrome يدعم واجهة برمجة التطبيقات تلك. تقوم الإضافة بتغليف نفس واجهة اللوحة لأجهزة Windows وmacOS وLinux وChromeOS، مما يحافظ على بيئة فحص متسقة عبر منصات سطح المكتب ويتجنب فتح نوافذ تطبيقات منفصلة أثناء مراجعات الواجهة.
تعالج DesignFlow بيانات التصميم محلياً للحد من التعرض الخارجي
قام المطور بتنفيذ بنية تركز على الخصوصية تعالج أخذ عينات الألوان، وفحص DOM، وتغليف الأصول داخل المتصفح، ولا ترسل الأداة تاريخ التصفح أو بيانات التصميم إلى خوادم خارجية. تستخدم هذه المقاربة المحلية واجهات برمجة التطبيقات الأصلية للمتصفح لأداء مهام أخذ العينات والتصدير على جهاز المستخدم، مما يحافظ على أرشيفات ZIP المصدرة والأصول المستخرجة تحت سيطرة المستخدم بدلاً من نقلها إلى خدمات الطرف الثالث.
تحرير واختبار واستخراج داخل المتصفح يستخدم واجهات برمجة التطبيقات الخاصة بالمتصفح وأدوات الدفعة
تقوم الإضافة بفضح محرر CSS بصري يعدل الهوامش، والحشو، وz-index، والأبعاد على DOM المباشر، بالإضافة إلى ماسح خط hover-to-inspect للعائلات والأحجام. يدمج Color Studio واجهة برمجة التطبيقات EyeDropper ويدعم السحب والإفلات لملفات الصور المحلية لاستخراج اللوحات. يقوم Asset Exporter بإجراء مسح جماعي لصفحة وتغليف SVGs والصور النقطية في ZIP، بينما يعرض Responsive Breakpoint Tester معاينات جنباً إلى جنب مع تمرير متزامن لفحوصات التخطيط.
تصميم تدفق يناسب المصممين الذين يفضلون سير العمل في متصفح واحد يركز على الخصوصية
التطبيق هو خيار عملي لمصممي واجهة المستخدم وتجربة المستخدم ومطوري الواجهة الأمامية الذين يفضلون العمل داخل كروم والحفاظ على البيانات محلية، نظرًا لتكامل لوحة الجانب ونموذج المعالجة المحلية. المقايضة الواضحة هي الاعتماد على إصدار كروم الذي يدعم واجهة برمجة التطبيقات الخاصة بلوحة الجانب، مما قد يحد من الاستخدام في البيئات التي تعمل بإصدارات متصفح أقدم أو مقفلة.
