7 days of unlimited WordPress themes, plugins & graphics - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Web Design
  2. Figma

ফিগমা ভেক্টর টিপস

Read Time: 1 min
This post is part of a series called Figma Tips and Tricks.
Figma Image Tips
Figma Component Tips

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

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

টিপস দেখুন

১। জটিল শেপের জন্য ভেক্টর নেটওয়ার্ক ব্যবহার করুন

ফিগমাতে বেশ কিছু অসাধারণ ইউনিক ভেক্টর ফিচার আছে, যার একটি হচ্ছে "ভেক্টর নেটওয়ার্ক"।

যেমন, তারার মত কোনও জটিল বহুভূজের ক্ষেত্রে তা সিলেক্ট করুন, তারপর Edit Object বাটনে ক্লিক করে এটার নোড এবং পাথসমূহ আপনি সম্পাদনা করতে পারবেন। সাধারনত, অন্যান্য ভেক্টর ডিজাইন এপ্লিকেশনে, একটি নড থেকে দুইটি লাইন ছাড়া আর কিছুই দেখা যায় না। তবে, ফিগমাতে Pen Tool ব্যবহার করে প্রতিটি পয়েণ্ট থেকে অতিরিক্ত লাইন আঁকা যায়, এমনকি দুটি পয়েন্ট একসাথে জোড়াও লাগানো যায়।   নিচের স্ক্রিনশটে দেখুন, প্রতিটি নডের ভিতরে কীভাবে তিনটি করে লাইন তৈরি হয়েছে যা মূল বহুভুজের ভিতরেও কার্যকরভাবে একটি অতিরিক্ত আকার তৈরি করতে সক্ষম হয়েছে।

Use Figmas Vector Networks for Complex ShapesUse Figmas Vector Networks for Complex ShapesUse Figmas Vector Networks for Complex Shapes

২। সরাসরি SVG কোড পেস্ট করুন

এই ফিচারটি সত্যি সত্যিই উপকারী। ফিগমাতে আপনি বাইরের কোনও সোর্স থেকে SVG কোড কপি করে তা ফিগমাতে পেস্ট করতে পারবেন-এর ফলে SVG সহ একটি ভেক্টর লেয়ার তৈরি হবে। 

Paste SVG Code DirectlyPaste SVG Code DirectlyPaste SVG Code Directly
পেস্ট করা হয়েছে

৩। SVG কোড হিসেবে ভেক্টরসমূহ কপি করুন

আপনার ডিজাইন থেকে যেকোনো ভেক্টর পছন্দ করুন, তারপর রাইট-ক্লিক করে তার উপর একটি প্রাসঙ্গিক বা কন্টেক্সট মেনু নিয়ে আসুন। Copy as > Copy as SVG-তে গিয়ে আপনার ক্লিপবোর্ডে SVG কোড কপি করতে পারবেন, এরপর আপনি যেকোনো ওয়েব প্রজেক্টে তা পেস্ট করতে পারবেন।

Copy Vectors as SVG Code in FigmaCopy Vectors as SVG Code in FigmaCopy Vectors as SVG Code in Figma
কপি করা হয়েছে

ফিগমা লার্নিং রিসোর্সসমূহ

এগুলো হচ্ছে ফিগমাতে ভেক্টর নিয়ে কাজ করার বেশ কিছু কুইক টিপস। ফিগমাতে আপনার দক্ষতা অন্যমাত্রায় নিয়ে যেতে টাটস+ এ আমাদের বেশ কিছু কোর্স সিরিজ আছে:

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Web Design tutorials. Never miss out on learning about the next big thing.
Scroll to top
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.