کبھی سوچا ہے کہ صرف کاغذ پر کچھ کھینچنا اور اسے حقیقی دنیا میں زندہ کرنا کتنا اچھا ہوگا؟ ٹھیک ہے، یہ وہ چیز ہے جو مائیکروسافٹ نے AI سے چلنے والی Skletch2Code ویب ایپ کے ساتھ حاصل کی ہے جو ایک بٹن کے ایک کلک میں ہاتھ سے لکھی ہوئی ڈرائنگ کو وائٹ بورڈ سے HTML ویب سائٹس میں تبدیل کر سکتی ہے۔
Sketch2Code کسی ویب سائٹ کے ہاتھ سے تیار کردہ کسی بھی ترتیب کو محض سیکنڈوں میں HTML میں تبدیل کر سکتا ہے۔ یہ ٹول مائیکروسافٹ کی کمپیوٹر ویژن AI سروس کو ڈرائنگ میں HTML اشیاء کا پتہ لگانے کے لیے استعمال کرتا ہے، اور پھر تصویر میں موجود تمام ڈیزائن عناصر کے HTML اسنیپٹس کو یکجا کرنے اور بنانے کے لیے ڈرائنگ میں ہاتھ سے لکھے ہوئے متن کو نکالنے کے لیے ٹیکسٹ ریکگنیشن کا استعمال کرتا ہے۔
اس سے ویب ڈیزائنرز اور ڈویلپرز کے لیے سیکنڈوں کے معاملے میں بہت سے مختلف انداز میں ویب سائٹ کے HTML پروٹو ٹائپس بنانا انتہائی تیز ہو جاتا ہے۔ اگر آپ یہ جاننے میں دلچسپی رکھتے ہیں کہ یہ بیک اینڈ میں کیسے کام کرتا ہے، تو Microsoft کی ویب سائٹ پر Sketch2Code کے بارے میں تکنیکی تفصیلات ضرور پڑھیں۔
ذیل میں آپ کو یہ دکھانے کے لیے ایک فوری ٹیوٹوریل دیا گیا ہے کہ ویب سائٹ کے لے آؤٹ ڈرائنگ کو حقیقی HTML صفحات میں تبدیل کرنے کے لیے Sketch2Code استعمال کرنا کتنا آسان ہے۔
سب سے پہلے، ایک وائٹ بورڈ یا سفید شیٹ پر اپنی ویب سائٹ کا ایک لے آؤٹ بنائیں۔ پھر، اس کی تصویر لیں اور اسے اپنے کمپیوٹر میں محفوظ کریں۔ اس کے بعد، اپنے براؤزر میں Sketch2Code ویب ایپ کو کھولنے کے لیے نیچے دیئے گئے بٹن پر کلک کریں۔
Sketch2Code ویب ایپ لانچ کریں۔
ایک بار جب آپ کے پاس ویب سائٹ کھل جائے تو، پر کلک کریں۔ اپ لوڈ ڈیزائن بٹن دبائیں اور ویب سائٹ کے لے آؤٹ کی وہ تصویر منتخب کریں جو آپ نے وائٹ بورڈ یا سفید شیٹ پر کھینچی ہے۔
ہاتھ سے تیار کردہ ویب سائٹ کے ڈیزائن کو اپ لوڈ کرنے کے بعد، پیچھے بیٹھیں اور دیکھیں Sketch2Code AI کا استعمال کرتے ہوئے خودکار طور پر آپ کی اپ لوڈ کردہ تصویر کے لے آؤٹ کی بنیاد پر ایک HTML صفحہ تیار کرتا ہے۔
عمل مکمل ہونے کے بعد، آپ کو مکمل کوڈ ڈاؤن لوڈ کرنے کے آپشن کے ساتھ تازہ تیار کردہ HTML صفحہ کا ایک پیش نظارہ دکھایا جائے گا۔ پر کلک کریں اپنا HTML کوڈ ڈاؤن لوڈ کریں۔ اپنے ہاتھ سے تیار کردہ ویب سائٹ کے لے آؤٹ کی .html فائل حاصل کرنے کے لیے بٹن پر کلک کریں تاکہ آپ اسے اپنے ویب براؤزر میں مقامی طور پر جانچ اور اس کا جائزہ لے سکیں۔
یہی ہے. ہمیں امید ہے کہ Sketch2Code ویب صفحہ کی ترتیب کو پروٹو ٹائپ کرنے میں آپ کا وقت بچاتا ہے۔