ফিগমা ইমেজ টিপস
Bengali (বাংলা) translation by Bint Salim (you can also view the original English article)
ফিগমা ছবি আমদানি, ক্যানভাসে স্থাপন, এবং সঠিক অবস্থানে বসানোর পর পরিবর্তনের জন্য বেশ কিছু শর্টকাট ও নিয়ন্ত্রণ প্রদান করে। চলুন দেখা যাক!
টিপস দেখুন
১। ইমেজের সাইজ নিয়ন্ত্রণের জন্য Fill সেটিংসসমূহ ব্যবহার করুন
যখন আপনি ফিগমাতে কোনও ইমেজ নিয়ে আসেন, তখন আসলে একটি আয়তক্ষেত্র তৈরি হয়, তারপর ইমেজটি এই আয়তক্ষেত্রের ব্যাকগ্রাউন্ডকে পূর্ণ করে। এই ইমেজটি কিভাবে প্রদর্শিত হবে তা পরিবর্তন করতে, Properties প্যানেল থেকে rectangle’s fill properties এ যান।
এটা অনেকটা আমরা যেভাবে সিএসএসের মাধ্যমে ব্যাকগ্রাউন্ড ইমেজ নিয়ন্ত্রণ করি সেরকমই। এখানে আমরা চিত্রটি নিন্মোক্ত ক্ষেত্রে পরিবর্তন করতে পারি:
- Fill: ইমেজটি আনুভূমিক অথবা উলম্বভাবে ক্রপ করা যাবে তাই এটা অবজেক্টকে সম্পূর্ণরূপে পূর্ণ করবে।
- Fit: সম্পূর্ণ ইমেজটি দৃশ্যমান হবে, যার ফলে প্রায়শই আয়তক্ষেত্রের একটি এরিয়া খালি থেকে যাবে।
- Crop: এর ফলে ইমেজটি আয়তক্ষেত্রের সাথে সাথে বিস্তৃত বা সংকুচিত হয়ে যাবে।
- Tile: আয়তক্ষেত্রটি পূর্ণ করতে ইমেজের টাইলস। কিছু সেকেণ্ডারি সাইজিং হ্যান্ডেলের মাধ্যমে এই টাইলসগুলোর আকার পরিবর্তন করা যাবে।



২। ইমেজের সম্পূর্ণ সেট আমদানি করুন
ইমেজের সম্পূর্ণ সেটটি আমদানি করতে আপনি ইমেজের ক্যানভাসে নির্দিষ্ট ফোল্ডারটি মাউস দিয়ে টেনে এনে ছেড়ে দিতে পারেন, তাহলে সবগুলো ইমেজই স্বয়ংক্রিয়ভাবে আমদানি হয়ে যাবে।



৩। একসাথে বেশ কিছু ইমেজ আমদানি ও স্থাপন করুন
ইমেজের ব্যাচ আমদানিকে আরো সংগঠিত করতে, প্রথমে কিছু ফ্রেম সেটআপ করুন যেগুলোতে আপনি আপনার ইমেজ প্রদর্শন করবেন, তারপর (CMD or CTRL) + SHIFT + K, চাপুন, এবং প্রক্রিয়াটি শুরু করতে ক্যানভাসের যেকোনো জায়গায় ক্লিক করুন, তারপর স্ক্রিনে ভেসে উঠা ফাইল পিকার থেকে প্রয়োজনীয় ইমেজগুলো নির্বাচন করুন।
এরপর আপনি ঠিক যেই যেই জায়গায় ইমেজগুলো স্থাপন করতে চান সেই সেই জায়গায় একবার করে ক্যানভাসে ক্লিক করুন। নিচের স্ক্রিনশটে আপনি দেখতে পাচ্ছেন যে মাউস কার্সরের মাধ্যমে এখনও দুটি ইমেজ জায়গামত স্থাপন করা বাকি আছে।



ফিগমা লার্নিং রিসোর্সসমূহ
ফিগমাতে ইমেজ নিয়ে কাজ করার জন্য এগুলো হচ্ছে কিছু কুইক টিপস। আপনার দক্ষতাকে অন্যমাত্রায় নিয়ে যেতে টাটস+ এ ফিগমার উপর আমাদের বেশ কিছু কোর্স সিরিজ আছে:
- ইউআই ডিজাইনফিগমা পরিচিতিআদি পুরদিলা
- ফিগমাবেসিকেরও বেশি: ফিগমাআদি পুরদিলা
- ফিগমাফিগমাতে প্রোটোটাইপিংয়ের উপর একটি নির্দেশিকাআদি পুরদিলা
- কারমেল ডিআমেসিস এবং ভ্যালেরি ভেটেটো এর নিয়মিত কমিউনিটি টিপসগুলো দেখুন!
- blog.figma.com
- www.figma.com