Advertisement
  1. Web Design
  2. Figma

ফিগমা লেআউট টিপস

Scroll to top
Read Time: 2 min
This post is part of a series called Figma Tips and Tricks.
Figma Component Tips
Figma Handoff and Testing Tips

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

ফিগমাতে লেআউট নিয়ে কাজ করার সময় (যা আপনাকে প্রায়শই করতে হবে) আপনাকে রিসাইজিং, মেজারমেন্ট বা পরিমাপ, স্পেসিং, এলাইনমেন্ট এবং মাস্কিং সম্পর্কে সাবলীল হতে হবে। এ ব্যপারে আপনাকে সাহায্যের জন্য পাঁচটি টিপস দেয়া হলো! 

টিপস দেখুন

১। সহজে সমমানের আকৃতি পরিবর্তনের জন্য শেপসমূহ স্কিউ করা

যদি আপনি ফিগমাতে সমমানের ইলাস্ট্রেশন নিয়ে কাজ করেন, তাহলে আপনার শেপসমূহ স্কিউ এবং আরও কার্যকরভাবে রিসাইজ করার একটি অসাধারণ উপায় আছে। এটা করতে, একটি অবজেক্ট নিন (যেমন, একটি স্কয়ার) এবং তা 45° ঘুরান- SHIFT চেপে ধরুন এবং কর্নারটি ধীরে ধীরে ঘুরান। 

স্কয়ার বা বর্গক্ষেত্রটি সম্পূর্ণ ঘুরিয়ে দিতে আপনাকে প্রথমে এটা (নিজের অংশ দিয়ে) গ্রুপ করতে হবে, যাতে বাউণ্ডারি বক্সটিও এই প্রক্রিয়ায় কার্যকরভাবে রিসেট হয়ে যায়। এবার যখন আপনি এটা সিলেক্ট করবেন তখন X এবং Y অক্ষে বরাবর সমতল করতে সমর্থন হবেন।

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

Skew Shapes For Easy Isometric ResizingSkew Shapes For Easy Isometric ResizingSkew Shapes For Easy Isometric Resizing

২। কুইক কলাম লেআউটসমূহ

স্ন্যাপিং এবং ডিস্ট্রিবিউশন ব্যবহার করে আপনি খুব দ্রুত একটি কলাম লেআউট তৈরি করতে পারেন। যেমন একটি আর্টবোর্ডের দুই প্রান্তে দুটি বর্গক্ষেত্রের স্ন্যাপ করুন, তারপর ভিতরের দিকে কিছুটা দূরে দূরে এগুলোর প্রতিলিপি তৈরি করুন। এগুলোর মাঝে আরও কিছু শেপ যুক্ত হলে, তারপর সবগুলো একত্রে সিলেক্ট করুন এবং Main menu > Arrange > Distribute Horizontal Spacing এ যান। বেশ! এবার একটি নিখুঁত কলাম লেআউট দিয়ে কাজ শুরু করুন।

Quick Column Layouts in FigmaQuick Column Layouts in FigmaQuick Column Layouts in Figma

৩। আইটেমসমূহের মাঝের স্পেস মুছে ফেলুন

বেশ কিছু অবজেক্টের মাঝখান থেকে সমস্ত খালি জায়গা খুব দ্রুত মুছে ফেলা সম্ভব। প্রয়োজনীয় অবজেক্ট সিলেক্ট করুন, তারপর Main menu > Arrange > Pack Horizontal এ গিয়ে সমস্ত আনুভূমিক খালি জায়গা মুছে ফেলুন। উলম্বভাবেও তা করা সম্ভব, এজন্য Main menu > Arrange > Pack Vertical এ যেতে হবে।

এই অপশনগুলো এলাইনমেন্ট টুলের সাথে ব্যবহার করে আপনি সারি ও কলাম ভিত্তিক লেআউট তৈরি করতে পারবেন।

Remove Space Between Items in FigmaRemove Space Between Items in FigmaRemove Space Between Items in Figma

৪। এলাইনমেন্ট বা সামঞ্জস্যগুলো খুব সুনির্দিষ্ট করা

অবজেক্টসমূহ সুনির্দিষ্টভাবে এলাইন করার জন্য আপনাকে (SHIFT + R) চেপে রুলারসমূহ চালু আছে কিনা তা নিশ্চিত হতে হবে এবং তারপর যখন আপনি কোনও শেপ সরাবেন তখন দেখবেন এটার প্রস্থ ও উচ্চতা রুলারে প্রদর্শন করা হচ্ছে।

Make Alignment Extra Precise with rulers in FigmaMake Alignment Extra Precise with rulers in FigmaMake Alignment Extra Precise with rulers in Figma
রুলারে কি নীল রঙের চিহ্ন দেখতে পাচ্ছেন?

৫। দ্রুত মাস্ক তৈরি করুন

ফিগমাতে দ্রুত মাস্ক তৈরি করতে কোনও অবজেক্টে রাইট-ক্লিক করুন এবং Use Mask পছন্দ করুন। তবে, আপনাকে প্রথমে যেই অবজেক্টের উপর মাস্ক তৈরি করতে চাচ্ছেন তার সাথে নির্দিষ্ট অবজেক্টটি কি গ্রুপ করা আছে কিনা তা নিশ্চিত হতে হবে।

Create Masks Quickly in figmaCreate Masks Quickly in figmaCreate Masks Quickly 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.
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.