استخراج رموز التصميم المرئي إلى ملفات DESIGN.md جاهزة للذكاء الاصطناعي
مستخرج من DESIGN.md، تم إنشاؤه بواسطة فيتور م. م. بالتعاون مع ibe.IA، هو ملحق كروم يقوم بتحويل الهوية البصرية لموقع ما إلى مرجع موحد DESIGN.md لشفرة واجهة المستخدم المدعومة بالذكاء الاصطناعي. يقوم بفحص الصفحات والتقاط الألوان، والطباعة، والتباعد، وقواعد أخرى مُرمّزة لتشكيل وثيقة قابلة للقراءة من قبل الآلة. يستخدم الملحق لوحة جانبية مدمجة للاستخراج السريع ويستهدف مطوري الواجهة الأمامية، ومصممي واجهة المستخدم/تجربة المستخدم، ومهندسي الطلبات الذين يحتاجون إلى إرشادات بصرية متسقة لواجهات مدفوعة بالنماذج اللغوية الكبيرة.
يحول أنماط الصفحة إلى ملف رموز تصميم منظم
تستخرج الإضافة بيانات الأنماط الملموسة من أي علامة تبويب نشطة وتكتبها في ملف DESIGN.md. يحدد المستخرج الألوان ومقاييس الطباعة ووحدات التباعد وأنماط الحدود والظلال ويقوم بتنسيقها كمرجع رمزي. يتبع المخرج مواصفات مجموعة مجتمع رموز التصميم W3C (DTCG) بحيث تتلقى الفرق نموذج رمزي موحد بدلاً من قائمة ألوان عشوائية. يساعد ذلك الأدوات اللاحقة على تفسير الرموز بشكل موثوق.
يتكامل في التصفح دون مغادرة الصفحة
تتم عملية الاستخراج من لوحة جانبية مبنية على واجهة برمجة تطبيقات لوحة جانبية في Chrome، مما يسمح للمستخدمين ببدء الالتقاط بنقرة واحدة أثناء عرض الموقع المباشر. يحافظ تصميم اللوحة على سير العمل مضغوطًا وغير متطفل، بحيث يمكن للمصممين فحص المكونات وتحفيز عمليات الاستخراج دون فتح نافذة منفصلة. تجمع عمليات الالتقاط متعددة الصفحات الرموز عبر الصفحات التي تم التنقل إليها في ملف مرجعي واحد لضمان الاتساق على مستوى المشروع.
يحافظ على المعالجة محلية في المتصفح من أجل الخصوصية
تحدث جميع التحليلات في متصفح المستخدم؛ توثق الإضافة أنها لا تنقل أو تخزن البيانات خارجيًا ولا تتطلب حسابًا. تتناسب هذه المعالجة المحلية فقط مع البيئات المهنية التي لديها قواعد خصوصية صارمة، حيث تبقى الرموز المستخرجة وملف DESIGN.md الناتج في بيئة العميل ويمكن تصديرها مباشرة للاستخدام الداخلي.
يعد ملفات الرموز لمحرري الذكاء الاصطناعي والاستخدام البرمجي
ينتج الأداة عناصر جاهزة للذكاء الاصطناعي بما في ذلك موجه توحيد الذكاء الاصطناعي وملف Markdown قابل للتصدير مع YAML frontmatter مناسب للاستخدام البرمجي. يتم تقديم الموجه لمساعدة LLMs مثل Claude وCursor في تطبيق مجموعة الرموز، بينما يتم تنسيق مخرجات Markdown للتكامل في خطوط أنابيب المطورين. تعمل الإضافة على Chrome ومتصفحات أخرى قائمة على Chromium بسبب اعتمادها على واجهة برمجة التطبيقات.
الأفضل للفرق التي ترغب في توجيه تصميم قابل للتكرار لرمز مدعوم بالذكاء الاصطناعي
الإضافة هي خيار عملي لفرق الواجهة الأمامية ومهندسي الطلبات الذين يحتاجون إلى مرجع تصميم قابل للتكرار وقابل للقراءة بواسطة الآلة لتقليل الانحراف البصري في واجهة المستخدم التي تم إنشاؤها بواسطة LLM. أحد التنازلات هو أن اعتمادها يتطلب تغييرًا صغيرًا في سير العمل لاستيراد وإصدار ملفات الرموز داخل عمليات البناء أو المراجعة الحالية. بالنسبة للمشاريع التي تفرض دقة التصميم، توفر الإضافة طريقة مركزة وواعية للخصوصية لتدوين القواعد البصرية.
