ফিগমা হ্যান্ডঅফ এবং টেস্টিং টিপস

Bengali (বাংলা) translation by Bint Salim (you can also view the original English article)

ডেভেলপারদের সাথে নিরবচ্ছিন্ন সহযোগিতার পরিবেশ রাখা হচ্ছে ফিগমার একটি বিশাল অংশ, তাই এই টিপস এবং ট্রিক্সে আমরা হ্যান্ডঅফ বা হস্তান্তর এবং টেস্টিং এর দিকে নজর দিবো!

টিপস দেখুন

১। কোড ট্যাবের মাধ্যমে আঊটপুট করা

আপনার ডিজাইনটি যদি এমন পর্যায়ে পৌঁছে যায় যখন সেগুলো হস্তান্তর এবং কোড করার উপযোগী হয়ে উঠে, তাহলে স্ক্রিনের বামদিকে Code ট্যাবটি দেখুন। এখানে আপনি সব ধরনের কোড পাবেন, যা আপনার জন্য স্বয়ংক্রিয়ভাবে জেনারেট হতে পারে। কোন আইটেম সিলেক্ট করে তা আপনি সিএসএস কোড, আইওএস কোড এবং এন্ড্রয়েড কোডে দেখতে পাবেন।

২। পেস্টিংয়ের জন্য প্রস্তুত কোড উৎপন্ন করা

ফিগমাতে আপনি এমনসব কোড উৎপন্ন করতে পারবেন যা সরাসরি ক্লিপবোর্ড থেকে কপি করে আপনার কোড এডিটরে পেস্ট করতে পারবেন। এজন্য, কোনও অবজেক্ট সিলেক্ট করুন তারপর Menu > File > Copy as এ যান ও Copy as CSS, Copy as Text, অথবা Copy as SVG হিসেবে কপি করুন।

৩। ফিগমা মিরর অ্যাপের মাধ্যমে মোবাইলে টেস্ট করা

ফিগমাতে একটি মিরর অ্যাপ আছে (যা অ্যান্ড্রয়েড এবং আইওএসে পাওয়া যায়) যা আপনাকে মোবাইলে আপনার ডিজাইন কেমন হবে তা পরীক্ষা করতে সাহায্য করবে। ডাউনলোড করার পর, আপনার কম্পিউটারে ব্যবহৃত একই একাউন্ট ব্যবহার করে আপনি সাইন ইন করতে পারবেন। কম্পিঊটারে আপনার ডিজাইন থেকে কোনও ফ্রেম সিলেক্ট করলে তা আপনি “mirrored” বা প্রতিলিপি হিসেবে আপনার মোবাইল ডিভাইসেও দেখতে পাবেন।

৪। ব্রাউজারে ফিগমার মিরর অ্যাপ ব্যবহার করা

এছাড়াও আপনি www.figma.com/mirror এই ওয়েব এড্রেসে ভিজিট করে অ্যাপের মতই ব্রাউজারে মিরর অ্যাপ ব্যবহার করতে পারবেন। আসল মোবাইল অ্যাপের মতই আপনার ফিগমা ডিজাইনে একটি ফ্রেম সিলেক্ট করুন এবং অন্য ব্রাউজার ট্যাবে মোবাইল ব্রাউজার এমুলেটরের মাধ্যমে ডিজাইনটি দেখুন।

৫। রাস্টার আউটপুট চেক করতে “Pixel Preview” চালু করুন

আপনার ভেক্টর গ্রাফিক্সটি রাস্টার গ্রাফিক্স হিসেবে এক্সপোর্ট করলে কেমন দেখাবে তা আপনি চেক করতে পারেন। তা করতে, আপনার ডিজাইনের কোনও কিছুই সিলেক্ট হয় নি তা নিশ্চিত হউন (যা আপনাকে এই ডকুমেন্টের ইউনিভার্সাল সেটিংসে প্রবেশাধিকার দিবে), তারপর Design প্যানেল থেকে Pixel Preview তে টিক চিহ্ন দিন।

ডিফল্টরূপে ফলাফল প্রিভিউ আপনাকে 1x সংস্করণ দেবে, তবে আপনি উচ্চ ডিপিআই ডিভাইসগুলিতে পিক্সেলগুলি কীভাবে পিক্সেল প্রদান করা হবে তা পূর্বরূপ দেওয়ার জন্য 2x নির্বাচন করতে পারেন।