Microsoft ద్వారా Sketch2Codeని ఉపయోగించి చేతితో గీసిన వెబ్‌సైట్ లేఅవుట్‌లను HTML కోడ్‌గా మార్చడం ఎలా

కాగితంపై ఏదైనా గీసి, వాస్తవ ప్రపంచంలో జీవం పోయడం ఎంత బాగుంది అని ఎప్పుడైనా ఆలోచిస్తున్నారా? సరే, AI పవర్డ్ Skletch2Code వెబ్ యాప్‌తో మైక్రోసాఫ్ట్ సాధించినది కేవలం ఒక బటన్ క్లిక్‌తో చేతితో వ్రాసిన డ్రాయింగ్‌లను వైట్‌బోర్డ్ నుండి HTML వెబ్‌సైట్‌లకు మార్చగలదు.

Sketch2Code వెబ్‌సైట్ యొక్క ఏదైనా చేతితో గీసిన లేఅవుట్‌ను కేవలం సెకన్లలో HTMLలోకి మార్చగలదు. డ్రాయింగ్‌లోని HTML ఆబ్జెక్ట్‌లను గుర్తించడానికి ఈ సాధనం Microsoft యొక్క కంప్యూటర్ విజన్ AI సేవను ఉపయోగిస్తుంది, ఆపై చిత్రంలోని అన్ని డిజైన్ మూలకాల యొక్క HTML స్నిప్పెట్‌లను కలపడానికి మరియు రూపొందించడానికి డ్రాయింగ్‌లోని చేతితో వ్రాసిన వచనాన్ని సంగ్రహించడానికి టెక్స్ట్ రికగ్నిషన్‌ను ఉపయోగిస్తుంది.

దీని వలన వెబ్ డిజైనర్‌లు మరియు డెవలపర్‌లు వెబ్‌సైట్ యొక్క HTML ప్రోటోటైప్‌లను సెకన్ల వ్యవధిలో అనేక విభిన్న శైలులలో రూపొందించడం చాలా వేగంగా చేస్తుంది. బ్యాకెండ్‌లో ఇది ఎలా పని చేస్తుందో తెలుసుకోవాలనే ఆసక్తి మీకు ఉంటే, Microsoft వెబ్‌సైట్‌లో Sketch2Code గురించిన సాంకేతిక వివరాలను తప్పకుండా చదవండి.

వెబ్‌సైట్ లేఅవుట్ డ్రాయింగ్‌లను నిజమైన HTML పేజీలుగా మార్చడానికి Sketch2Codeని ఉపయోగించడం ఎంత సులభమో మీకు చూపించడానికి దిగువన త్వరిత ట్యుటోరియల్ ఉంది.

ముందుగా, మీ వెబ్‌సైట్ యొక్క లేఅవుట్‌ను వైట్‌బోర్డ్ లేదా వైట్ షీట్‌పై గీయండి. తర్వాత, దాని చిత్రాన్ని తీసి మీ కంప్యూటర్‌లో సేవ్ చేయండి. ఆ తర్వాత, మీ బ్రౌజర్‌లో Sketch2Code వెబ్ యాప్‌ను తెరవడానికి దిగువ బటన్‌పై క్లిక్ చేయండి.

Sketch2Code వెబ్ యాప్‌ను ప్రారంభించండి

మీరు వెబ్‌సైట్ తెరిచిన తర్వాత, దానిపై క్లిక్ చేయండి డిజైన్‌ని అప్‌లోడ్ చేయండి బటన్ మరియు మీరు వైట్‌బోర్డ్ లేదా వైట్ షీట్‌పై గీసిన వెబ్‌సైట్ లేఅవుట్ చిత్రాన్ని ఎంచుకోండి.

చేతితో గీసిన వెబ్‌సైట్ డిజైన్‌ను అప్‌లోడ్ చేసిన తర్వాత, మీరు అప్‌లోడ్ చేసిన ఇమేజ్‌లోని లేఅవుట్ ఆధారంగా స్వయంచాలకంగా HTML పేజీని రూపొందించే AI వినియోగాన్ని Sketch2Code చూడండి.

ప్రక్రియ పూర్తయిన తర్వాత, మీకు పూర్తి కోడ్‌ను డౌన్‌లోడ్ చేసే ఎంపికతో పాటుగా తాజాగా రూపొందించబడిన HTML పేజీ నుండి ప్రివ్యూ చూపబడుతుంది. పై క్లిక్ చేయండి మీ HTML కోడ్‌ని డౌన్‌లోడ్ చేయండి మీ చేతితో గీసిన వెబ్‌సైట్ లేఅవుట్ యొక్క .html ఫైల్‌ను పొందడానికి బటన్‌ను ఉపయోగించండి, తద్వారా మీరు మీ వెబ్ బ్రౌజర్‌లో స్థానికంగా పరీక్షించవచ్చు మరియు ప్రివ్యూ చేయవచ్చు.

అంతే. వెబ్‌పేజీ లేఅవుట్‌ను ప్రోటోటైప్ చేయడంలో Sketch2Code మీ సమయాన్ని ఆదా చేస్తుందని మేము ఆశిస్తున్నాము.