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 Properties Tips
Figma Vector Tips

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

ফিগমা ছবি আমদানি, ক্যানভাসে স্থাপন, এবং সঠিক অবস্থানে বসানোর পর পরিবর্তনের জন্য বেশ কিছু শর্টকাট ও নিয়ন্ত্রণ প্রদান করে। চলুন দেখা যাক!

টিপস দেখুন

১। ইমেজের সাইজ নিয়ন্ত্রণের জন্য Fill সেটিংসসমূহ ব্যবহার করুন

যখন আপনি ফিগমাতে কোনও ইমেজ নিয়ে আসেন, তখন আসলে একটি আয়তক্ষেত্র তৈরি হয়, তারপর ইমেজটি এই আয়তক্ষেত্রের ব্যাকগ্রাউন্ডকে পূর্ণ করে। এই ইমেজটি কিভাবে প্রদর্শিত হবে তা পরিবর্তন করতে, Properties প্যানেল থেকে rectangle’s fill properties এ যান।

এটা অনেকটা আমরা যেভাবে সিএসএসের মাধ্যমে ব্যাকগ্রাউন্ড ইমেজ নিয়ন্ত্রণ করি সেরকমই। এখানে আমরা চিত্রটি নিন্মোক্ত ক্ষেত্রে পরিবর্তন করতে পারি:

  • Fill: ইমেজটি আনুভূমিক অথবা উলম্বভাবে ক্রপ করা যাবে তাই এটা অবজেক্টকে সম্পূর্ণরূপে পূর্ণ করবে।
  • Fit: সম্পূর্ণ ইমেজটি দৃশ্যমান হবে, যার ফলে প্রায়শই আয়তক্ষেত্রের একটি এরিয়া খালি থেকে যাবে।
  • Crop: এর ফলে ইমেজটি আয়তক্ষেত্রের সাথে সাথে বিস্তৃত বা সংকুচিত হয়ে যাবে।
  • Tile: আয়তক্ষেত্রটি পূর্ণ করতে ইমেজের টাইলস। কিছু সেকেণ্ডারি সাইজিং হ্যান্ডেলের মাধ্যমে এই টাইলসগুলোর আকার পরিবর্তন করা যাবে।
Use Fill Settings on Images to Control SizeUse Fill Settings on Images to Control SizeUse Fill Settings on Images to Control Size
একটি চিত্র প্রদর্শনের পদ্ধতি পরিবর্তন করতে ফিগমার fill properties ব্যবহার করুন

২। ইমেজের সম্পূর্ণ সেট আমদানি করুন

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

Import Whole Sets of Images in FigmaImport Whole Sets of Images in FigmaImport Whole Sets of Images in Figma

৩। একসাথে বেশ কিছু ইমেজ আমদানি ও স্থাপন করুন

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

এরপর আপনি ঠিক যেই যেই জায়গায় ইমেজগুলো স্থাপন করতে চান সেই সেই জায়গায় একবার করে ক্যানভাসে ক্লিক করুন। নিচের স্ক্রিনশটে আপনি দেখতে পাচ্ছেন যে মাউস কার্সরের মাধ্যমে এখনও দুটি ইমেজ জায়গামত স্থাপন করা বাকি আছে।

Import and Place Multiple Images with FigmaImport and Place Multiple Images with FigmaImport and Place Multiple Images with 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.