এই প্লাগইন

এডিটর রেটিং: ইউজার রেটিং:[মোট: 0 গড়: 0].ilfs_responsive_below_title_1 { প্রস্থ: 300px; } @media(মিনিমাম-প্রস্থ: 500px) {.ilfs_responsive_below_title_1 { প্রস্থ: 300px; } } @media(মিনিমাম-প্রস্থ: 800px) {.ilfs_responsive_below_title_1 { প্রস্থ: 336px; } }

ফিগমা নোকোড হল একটি এইচটিএমএল ফরম্যাটে ডিজাইন এক্সপোর্ট করার জন্য ফিগমার জন্য বিনামূল্যের প্লাগইন. আপনি যে স্তরটি সংরক্ষণ করতে চান তা নির্বাচন করুন এবং তারপর এটি আপনাকে HTML ফাইল হিসাবে রপ্তানি করতে সহায়তা করবে। এটি বুদ্ধিমত্তার সাথে আপনার ডিজাইনের সমস্ত উপাদানকে HTML ব্লকে রূপান্তর করে এবং আপনাকে চূড়ান্ত এইচটিএমএল দেবে যা স্বয়ংক্রিয়ভাবে সিএসএস এম্বেড করা আছে। সুতরাং, এইচটিএমএল ছাড়াও, এটি সিএসএস কোডও তৈরি করে। সবচেয়ে ভালো দিক হল যে Figma ডিজাইনের যেকোনো অংশ বা সম্পূর্ণ ফ্রেমকে HTML-এ রূপান্তর করতে শুধুমাত্র 2 ক্লিক লাগে। এটির মাধ্যমে, আপনি মাত্র কয়েক ক্লিকে এইচটিএমএল রেডি ওয়েবসাইটে ফিগমা ডিজাইন রপ্তানি করতে সক্ষম হবেন। যাইহোক, সুইচ এবং বোতামের মত কিছু উপাদানের জন্য, এটি ব্যর্থ হতে পারে। কিন্তু অন্যান্য উপাদান যেমন টেবিল, অনুচ্ছেদ, পাঠ্য গ্রেডিয়েন্ট, শৈলী এবং অন্যান্যগুলির জন্য, এটি পুরোপুরি কাজ করে। অবশেষে জেনারেট করা এইচটিএমএলও প্রতিক্রিয়াশীল এবং তাই এটিকে কাজ করতে আপনাকে ন্যূনতম টুইকিং করতে হবে।

কিভাবে বিনামূল্যে একক পৃষ্ঠার এইচটিএমএল ওয়েবসাইটে ফিগমা রপ্তানি করবেন?

এই প্লাগইন ফিগমা নোকোড সম্পূর্ণ বিনামূল্যে ব্যবহারের জন্য। একটু নেতিবাচক দিক হল এই টুলটির প্রধান ভাষা চীনা ভাষায়। কিন্তু এটি একটি সমস্যা হবে না কারণ আপনাকে কেবলমাত্র সাধারণ বোতামগুলিতে ক্লিক করতে হবে যা আমি আপনাকে নীচে দেখাব৷

ফিগমা খুলুন এবং আপনি যে নকশাটি HTML এ রপ্তানি করতে চান সেটি খুলুন৷ আপনার যদি একটি অ্যাকাউন্ট না থাকে, আপনি এখানে বিনামূল্যে একটি নিবন্ধন করতে পারেন। আপনার ডিজাইন খোলার পরে, শুধুমাত্র প্যারেন্ট ফ্রেম বা আপনি যে স্তরটি রপ্তানি করতে চান সেটি নির্বাচন করুন৷

এখন, এর পরে, আপনি প্লাগইন বিভাগে যান এবং”আরো প্লাগইন খুঁজুন”বিকল্পটি নির্বাচন করুন।

ফিগমা নোকোড অনুসন্ধান করুন এবং তারপরে কেবল রান বোতাম টিপুন। প্লাগইন এখন প্রদর্শিত হবে. এবং এটি আপনার নির্বাচন শনাক্ত করবে।

হাইলাইট করা বোতামে ক্লিক করুন এবং তারপরে এটি আপনার ডিজাইন রেন্ডার করা শুরু করবে। এটি হয়ে গেলে, এটি একটি সবুজ ব্যানার ব্যবহার করে আপনাকে দেখাবে৷

এখন, শুধু HTML ডাউনলোড করুন৷ 3 ডট অপশনে ক্লিক করুন এবং তারপর HTML বোতামে ক্লিক করুন। এইচটিএমএল ফাইলটি এখন ডাউনলোড হতে শুরু করবে। এই ফাইলটি সংরক্ষণ করুন এবং তারপর ব্রাউজারে খুলুন। আপনি দেখতে পাবেন যে এই একক ফাইলটিতে HTML এবং CSS উভয়ই রয়েছে৷

এটাই মোটামুটি। এইভাবে, আপনি আপনার ফিগমা ডিজাইনকে বিশুদ্ধ HTML এবং CSS-এ রূপান্তর করতে এই প্লাগইনটি ব্যবহার চালিয়ে যেতে পারেন। এটির জন্য শুধুমাত্র 2 ক্লিকের প্রয়োজন, আপনার কাছে HTML ফাইল থাকবে যা আপনি আপনার পিসিতে সংরক্ষণ করতে পারেন। একবার আপনার কাছে চূড়ান্ত কোড হয়ে গেলে, আপনি যা চান তা করতে মুক্ত।

চূড়ান্ত চিন্তা:

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