תהיתם פעם כמה מגניב זה יהיה פשוט לצייר משהו על נייר ולתת לו להתעורר לחיים בעולם האמיתי? ובכן, זה רק משהו שמיקרוסופט השיגה עם אפליקציית האינטרנט Skletch2Code המופעלת על ידי AI שיכולה להמיר ציורים בכתב יד מלוח לבן לאתרי HTML בלחיצת כפתור.
Sketch2Code יכול להמיר כל פריסה מצוירת ביד של אתר ל-HTML תוך שניות בלבד. הכלי משתמש בשירות Computer Vision AI של מיקרוסופט כדי לזהות אובייקטי HTML בציור, ולאחר מכן משתמש בזיהוי טקסט כדי לחלץ את הטקסט בכתב יד בציור כדי לשלב ולבנות קטעי HTML של כל רכיבי העיצוב בתמונה.
זה הופך את זה למהיר בטירוף עבור מעצבי אתרים ומפתחי אתרים לבנות אבות טיפוס HTML של אתר אינטרנט בסגנונות רבים ושונים תוך שניות. אם אתה מעוניין לדעת איך זה עובד ב-backend, הקפד לקרוא את הפרטים הטכניים על Sketch2Code באתר האינטרנט של מיקרוסופט.
להלן מדריך מהיר שיראה לך כמה פשוט להשתמש ב-Sketch2Code כדי להמיר שרטוטי פריסת אתר לדפי HTML אמיתיים.
ראשית, צייר פריסה של האתר שלך על לוח לבן או גיליון לבן. לאחר מכן, צלם תמונה שלו ושמור אותה במחשב שלך. לאחר מכן, לחץ על הכפתור למטה כדי לפתוח את אפליקציית האינטרנט Sketch2Code בדפדפן שלך.
הפעל את Sketch2Code Web App
לאחר פתיחת האתר, לחץ על העלאת עיצוב לחצן ובחר את התמונה של פריסת האתר שציירת על לוח או גיליון לבן.
לאחר העלאת עיצוב האתר המצויר ביד, שבו בחיבוק ידיים וצפה ב-Sketch2Code המשתמש ב-AI מייצר באופן אוטומטי דף HTML המבוסס על הפריסה בתמונה שהעלית.
לאחר סיום התהליך, תוצג לך תצוגה מקדימה מדף ה-HTML החדש שנוצר יחד עם האפשרות להוריד את הקוד המלא. הקלק על ה הורד את קוד ה-HTML שלך כדי לקבל את קובץ ה-.html של פריסת האתר המצוירת ביד שלך, כך שתוכל לבדוק ולצפות בו באופן מקומי בדפדפן האינטרנט שלך.
זהו זה. אנו מקווים ש-Sketch2Code חוסך לך זמן ביצירת אב טיפוס של פריסת דף אינטרנט.