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 On Canvas Tips
Figma Project, Page & Artboard Tips

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

ফ্রেমের মাধ্যমে আপনি লেয়ারসমূহকে কোনও একক প্যারেন্টের অধীনে একত্রিত করতে পারবেন। গ্রুপের মতই, ফিগমাতে ফ্রেমের জন্য সুস্পষ্টভাবে ডাইমেনশন বা মাত্রা সেট করা যায় (অনেকটা HTML iframe এর মতই)। ফ্রেম নিয়ে কাজ করার জন্য এখানে বেশ কিছু অসাধারণ টিপস এবং ট্রিক্স দেয়া হলো।

টিপস দেখুন

১। চারপাশে ফ্রেম এঁকে অবজেক্টসমূহ নেস্ট বা একত্র করুন

আপনার ক্যানভাসের বেশ কিছু অবজেক্টের জন্য ফ্রেম আঁকতে Frame tool (F) ব্যবহার করুন; এর ফলে সিলেক্ট করা অবজেক্টগুলো তাৎক্ষনিক সেই ফ্রেমের অধীনে চাইল্ড অবজেক্টে পরিণত হবে, এজন্য আপনাকে সেই অবজেক্টগুলো একটি নতুন ফ্রেমে ম্যানুয়ালি টেনে আনতে হবে না। 

Drawing frames around objects in FigmaDrawing frames around objects in FigmaDrawing frames around objects in Figma

২। তাৎক্ষনিক ফ্রেমসমুহ “Resize to Fit” করুন

বেশ কিছু অবজেক্টের চারপাশে যখন আপনি ফ্রেম তৈরি করবেন, তখন Resize to Fit বাটনে ক্লিক করলে সম্পূর্ণ গ্রুপের চারপাশে ফ্রেমটি সুন্দরভাবে বসে যাবে।  

৩। কিভাবে ফ্রেম এবং এর কন্টেন্টসমূহ ছোট বড় করবেন

স্বাভাবিকভাবে, যদি আপনি একটি ফ্রেম রিসাইজ করেন, এর কণ্টেন্টের উপর কোনও প্রভাব পড়বে না (কিন্তু কর্তন/ক্রপ হয়ে যায়)। তবে, যদি আপনি একইসাথে কণ্টেণ্টসমূহও স্কেল করতে চান, তাহলে Scale Tool (K) নিন এবং ফ্রেম রিসাইজ করুন, সকল কন্টেন্টসমূহ এর সাথে সাথে রিসাইজ হয়ে যাবে। 

scaling Figma frame contents with the scale toolscaling Figma frame contents with the scale toolscaling Figma frame contents with the scale tool

৪। ফ্রেমের বিষয়বস্তু কন্সট্রেইন্ট/আটকে রাখা

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

Resultant behavior from the Figma constraints panelResultant behavior from the Figma constraints panelResultant behavior from the Figma constraints panel

৫। একাধিক কন্সট্রেইন্ট সিলেক্ট করা

আপনি যদি চান তাহলে একটি অবজেক্টের সর্বদিক থেকে কন্সট্রেইন্ট সিলেক্ট করতে পারেন, তাই একটি চাইল্ড অবজেক্ট একটি কর্নার অথবা একক প্রান্তে আটকে রাখার পরিবর্তে, কার্যকরভাবে প্যারেণ্ট ফ্রেমের সবগুলো কর্নারেই এর প্রসারণ ঘটানো যায়।

Multiple constraints selected in a Figma documentMultiple constraints selected in a Figma documentMultiple constraints selected in a Figma document

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

ফিগমাতে ফ্রেম নিয়ে কাজ করার জন্য এগুলো হচ্ছে কিছু কুইক টিপস। এ সম্পর্কে আরও কিছু জানার জন্য আমাদের কোর্স সিরিজগুলো দেখুন:

এই টিউটোরিয়ালে ব্যবহৃত ইউআই কিটটি ফিগমার সাথে সম্পূর্ণ সামঞ্জস্যপূর্ণ যা আপনি এনভেটো এলিমেন্টে পাবেন:

First Order UIUX ToolFirst Order UIUX ToolFirst Order UIUX Tool
First Order UI/UX Tool

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.