মাইক্রোসফ্ট দ্বারা Sketch2Code ব্যবহার করে হাতে আঁকা ওয়েবসাইট লেআউটগুলিকে HTML কোডে কীভাবে রূপান্তর করা যায়

কখনও ভেবে দেখেছেন যে শুধু একটি কাগজে কিছু আঁকতে এবং বাস্তব জগতে তা জীবনে আসতে দেওয়া কতটা দুর্দান্ত হবে? ঠিক আছে, AI চালিত Skletch2Code ওয়েব অ্যাপের মাধ্যমে মাইক্রোসফ্ট এমন কিছু অর্জন করেছে যা একটি বোতামের ক্লিকে একটি হোয়াইটবোর্ড থেকে HTML ওয়েবসাইটের হাতে লেখা অঙ্কন রূপান্তর করতে পারে।

Sketch2Code মাত্র কয়েক সেকেন্ডের মধ্যে একটি ওয়েবসাইটের যেকোনো হাতে আঁকা লেআউটকে HTML-এ রূপান্তর করতে পারে। টুলটি মাইক্রোসফটের কম্পিউটার ভিশন এআই পরিষেবা ব্যবহার করে একটি অঙ্কনে এইচটিএমএল অবজেক্টগুলি সনাক্ত করতে এবং তারপরে চিত্রের সমস্ত ডিজাইন উপাদানগুলির এইচটিএমএল স্নিপেটগুলিকে একত্রিত করতে এবং তৈরি করতে অঙ্কনে হাতে লেখা পাঠ্যটি বের করতে পাঠ্য স্বীকৃতি ব্যবহার করে।

এটি ওয়েব ডিজাইনার এবং বিকাশকারীদের জন্য কয়েক সেকেন্ডের মধ্যে বিভিন্ন শৈলীতে একটি ওয়েবসাইটের এইচটিএমএল প্রোটোটাইপ তৈরি করা অত্যন্ত দ্রুত করে তোলে। আপনি যদি ব্যাকএন্ডে এটি কীভাবে কাজ করে তা জানতে আগ্রহী হন, তাহলে Microsoft এর ওয়েবসাইটে Sketch2Code সম্পর্কে প্রযুক্তিগত বিবরণ পড়তে ভুলবেন না।

নীচে একটি দ্রুত টিউটোরিয়াল রয়েছে যা আপনাকে দেখানোর জন্য Sketch2Code ব্যবহার করা কতটা সহজ ওয়েবসাইটের লেআউট অঙ্কনগুলিকে বাস্তব HTML পৃষ্ঠাগুলিতে রূপান্তর করতে৷

প্রথমে, একটি হোয়াইটবোর্ড বা একটি সাদা শীটে আপনার ওয়েবসাইটের একটি লেআউট আঁকুন। তারপর, এটির একটি ছবি তুলুন এবং এটি আপনার কম্পিউটারে সংরক্ষণ করুন। এর পরে, আপনার ব্রাউজারে Sketch2Code ওয়েব অ্যাপ খুলতে নীচের বোতামে ক্লিক করুন।

Sketch2Code ওয়েব অ্যাপ চালু করুন

একবার আপনি ওয়েবসাইট খুললে, ক্লিক করুন আপলোড ডিজাইন বোতাম এবং ওয়েবসাইট লেআউটের ছবিটি নির্বাচন করুন যা আপনি একটি হোয়াইটবোর্ড বা সাদা শীটে এঁকেছেন।

হাতে আঁকা ওয়েবসাইট ডিজাইন আপলোড করার পরে, ফিরে বসুন এবং দেখুন Sketch2Code AI ব্যবহার করে আপনার আপলোড করা ছবির লেআউটের উপর ভিত্তি করে স্বয়ংক্রিয়ভাবে একটি HTML পৃষ্ঠা তৈরি করে৷

প্রক্রিয়াটি শেষ হয়ে গেলে, আপনাকে সম্পূর্ণ কোড ডাউনলোড করার বিকল্প সহ সদ্য জেনারেট করা HTML পৃষ্ঠার একটি পূর্বরূপ দেখানো হবে। ক্লিক করুন আপনার HTML কোড ডাউনলোড করুন আপনার হাতে আঁকা ওয়েবসাইট লেআউটের .html ফাইল পেতে বোতাম যাতে আপনি আপনার ওয়েব ব্রাউজারে স্থানীয়ভাবে এটি পরীক্ষা এবং পূর্বরূপ দেখতে পারেন।

এটাই. আমরা আশা করি Sketch2Code একটি ওয়েবপেজ লেআউট প্রোটোটাইপ করার জন্য আপনার সময় বাঁচায়৷