كيفية تحويل تخطيطات مواقع الويب المرسومة يدويًا إلى كود HTML باستخدام Sketch2Code بواسطة Microsoft

هل تساءلت يومًا عن مدى روعة رسم شيء ما على ورقة وجعله ينبض بالحياة في العالم الحقيقي؟ حسنًا ، هذا مجرد شيء حققته Microsoft باستخدام تطبيق الويب Skletch2Code المدعوم من AI والذي يمكنه تحويل الرسومات المكتوبة بخط اليد من السبورة البيضاء إلى مواقع الويب بتنسيق HTML بنقرة زر واحدة.

يمكن لـ Sketch2Code تحويل أي تخطيط مرسوم يدويًا لموقع ويب إلى HTML في ثوانٍ معدودة. تستخدم الأداة خدمة Microsoft Computer Vision AI لاكتشاف كائنات HTML في الرسم ، ثم تستخدم التعرف على النص لاستخراج النص المكتوب بخط اليد في الرسم لدمج وبناء مقتطفات HTML لجميع عناصر التصميم في الصورة.

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

يوجد أدناه برنامج تعليمي سريع لتوضيح مدى سهولة استخدام Sketch2Code لتحويل رسومات تخطيط موقع الويب إلى صفحات HTML حقيقية.

أولاً ، ارسم مخططًا لموقع الويب الخاص بك على السبورة البيضاء أو ورقة بيضاء. ثم ، التقط صورة لها واحفظها على جهاز الكمبيوتر الخاص بك. بعد ذلك ، انقر فوق الزر أدناه لفتح تطبيق الويب Sketch2Code في متصفحك.

قم بتشغيل تطبيق الويب Sketch2Code

بمجرد فتح موقع الويب ، انقر فوق تحميل التصميم زر وحدد صورة تخطيط موقع الويب الذي رسمته على السبورة البيضاء أو الورقة البيضاء.

بعد تحميل تصميم موقع الويب المرسوم يدويًا ، اجلس وشاهد Sketch2Code ، استخدم AI تلقائيًا لإنشاء صفحة HTML بناءً على التخطيط في الصورة التي قمت بتحميلها.

بمجرد الانتهاء من العملية ، ستظهر لك معاينة من صفحة HTML التي تم إنشاؤها حديثًا مع خيار تنزيل الشفرة الكاملة. اضغط على قم بتنزيل كود HTML الخاص بك للحصول على ملف .html لتخطيط موقع الويب المرسوم يدويًا حتى تتمكن من اختباره ومعاينته محليًا في متصفح الويب الخاص بك.

هذا هو. نأمل أن يوفر لك Sketch2Code الوقت في إنشاء نماذج أولية لتخطيط صفحة الويب.