Bengali (বাংলা) translation by Bint Salim (you can also view the original English article)
ভেক্টর হচ্ছে কোনও ইউআই অথবা প্রটোটাইপিং ডিজাইন অ্যাপ্লিকেশনের একটি গুরুত্বপূর্ণ অংশ। ফিগমাতে ভেক্টরের জন্য বেশ কিছু শক্তিশালী ও ইউনিক টুলসেট আছে। এখানে সেগুলো আরও কার্যকরভাবে ব্যবহারের বেশ কিছু টিপস এবং ট্রিক্স দেয়া হলো।
টিপস দেখুন
১। জটিল শেপের জন্য ভেক্টর নেটওয়ার্ক ব্যবহার করুন
ফিগমাতে বেশ কিছু অসাধারণ ইউনিক ভেক্টর ফিচার আছে, যার একটি হচ্ছে "ভেক্টর নেটওয়ার্ক"।
যেমন, তারার মত কোনও জটিল বহুভূজের ক্ষেত্রে তা সিলেক্ট করুন, তারপর Edit Object বাটনে ক্লিক করে এটার নোড এবং পাথসমূহ আপনি সম্পাদনা করতে পারবেন। সাধারনত, অন্যান্য ভেক্টর ডিজাইন এপ্লিকেশনে, একটি নড থেকে দুইটি লাইন ছাড়া আর কিছুই দেখা যায় না। তবে, ফিগমাতে Pen Tool ব্যবহার করে প্রতিটি পয়েণ্ট থেকে অতিরিক্ত লাইন আঁকা যায়, এমনকি দুটি পয়েন্ট একসাথে জোড়াও লাগানো যায়। নিচের স্ক্রিনশটে দেখুন, প্রতিটি নডের ভিতরে কীভাবে তিনটি করে লাইন তৈরি হয়েছে যা মূল বহুভুজের ভিতরেও কার্যকরভাবে একটি অতিরিক্ত আকার তৈরি করতে সক্ষম হয়েছে।
২। সরাসরি SVG কোড পেস্ট করুন
এই ফিচারটি সত্যি সত্যিই উপকারী। ফিগমাতে আপনি বাইরের কোনও সোর্স থেকে SVG কোড কপি করে তা ফিগমাতে পেস্ট করতে পারবেন-এর ফলে SVG সহ একটি ভেক্টর লেয়ার তৈরি হবে।
৩। SVG কোড হিসেবে ভেক্টরসমূহ কপি করুন
আপনার ডিজাইন থেকে যেকোনো ভেক্টর পছন্দ করুন, তারপর রাইট-ক্লিক করে তার উপর একটি প্রাসঙ্গিক বা কন্টেক্সট মেনু নিয়ে আসুন। Copy as > Copy as SVG-তে গিয়ে আপনার ক্লিপবোর্ডে SVG কোড কপি করতে পারবেন, এরপর আপনি যেকোনো ওয়েব প্রজেক্টে তা পেস্ট করতে পারবেন।
ফিগমা লার্নিং রিসোর্সসমূহ
এগুলো হচ্ছে ফিগমাতে ভেক্টর নিয়ে কাজ করার বেশ কিছু কুইক টিপস। ফিগমাতে আপনার দক্ষতা অন্যমাত্রায় নিয়ে যেতে টাটস+ এ আমাদের বেশ কিছু কোর্স সিরিজ আছে:
ইউআই ডিজাইনফিগমা পরিচিতি
ফিগমাবেসিকের চেয়েও বেশি কিছু: ফিগমা
ফিগমাফিগমাতে প্রটোটাইপিংয়ের উপর একটি নির্দেশিকা
- কারমেল ডিআমেসিস এবং ভ্যালেরি ভেটেটো এর নিয়মিত কমিউনিটি টিপসগুলো দেখুন!
- blog.figma.com
- www.figma.com
- কোডপেনে যক্সেলের তৈরি SVG Car
