ফিগমা ফ্রেম টিপস
Bengali (বাংলা) translation by Bint Salim (you can also view the original English article)
ফ্রেমের মাধ্যমে আপনি লেয়ারসমূহকে কোনও একক প্যারেন্টের অধীনে একত্রিত করতে পারবেন। গ্রুপের মতই, ফিগমাতে ফ্রেমের জন্য সুস্পষ্টভাবে ডাইমেনশন বা মাত্রা সেট করা যায় (অনেকটা HTML iframe
এর মতই)। ফ্রেম নিয়ে কাজ করার জন্য এখানে বেশ কিছু অসাধারণ টিপস এবং ট্রিক্স দেয়া হলো।
টিপস দেখুন
১। চারপাশে ফ্রেম এঁকে অবজেক্টসমূহ নেস্ট বা একত্র করুন
আপনার ক্যানভাসের বেশ কিছু অবজেক্টের জন্য ফ্রেম আঁকতে Frame tool (F) ব্যবহার করুন; এর ফলে সিলেক্ট করা অবজেক্টগুলো তাৎক্ষনিক সেই ফ্রেমের অধীনে চাইল্ড অবজেক্টে পরিণত হবে, এজন্য আপনাকে সেই অবজেক্টগুলো একটি নতুন ফ্রেমে ম্যানুয়ালি টেনে আনতে হবে না।



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



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



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



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



ফিগমা লার্নিং রিসোর্সসমূহ
ফিগমাতে ফ্রেম নিয়ে কাজ করার জন্য এগুলো হচ্ছে কিছু কুইক টিপস। এ সম্পর্কে আরও কিছু জানার জন্য আমাদের কোর্স সিরিজগুলো দেখুন:
- ইউআই ডিজাইনফিগমা পরিচিতিআদি পুরদিলা
- ফিগমাবেসিকের চেয়েও বেশি: ফিগমাআদি পুরদিলা
- ফিগমাফিগমাতে প্রোটোটাইপিংয়ের জন্য একটি নির্দেশিকাআদি পুরদিলা
- কারমেল ডিআমেসিস এবং ভ্যালেরি ভেটেটো এর নিয়মিত কমিউনিটি টিপসগুলো দেখুন!
- blog.figma.com
- www.figma.com
- Groups & Frames: Figma docs
এই টিউটোরিয়ালে ব্যবহৃত ইউআই কিটটি ফিগমার সাথে সম্পূর্ণ সামঞ্জস্যপূর্ণ যা আপনি এনভেটো এলিমেন্টে পাবেন:


