ফিগমা স্টার্টার

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

ফিগমা খুললেই আমরা সোজাসুজি চলে আসব ড্যাশবোর্ডে। এখানেই আমরা নতুন ফাইল তৈরি করব, আর আগে তৈরি করা ফাইলগুলোতেও পৌঁছাতে পারব। যদি আমরা কোনো টিমের সঙ্গে কাজ করি, তাহলে আমরা যেকোনো ফাইলে অ্যাক্সেস পাব, যেগুলো আমাদের সঙ্গে শেয়ার করা হয়েছে।

এই ড্যাশবোর্ডটাকে একটু ভেবে দেখুন, এটা আপনার ডিজিটাল ডিজাইন স্টুডিওর মতো, যেখানে সব কাজ শুরু হয়!

আপনার প্রথম ফিগমা ফাইল তৈরি করার জন্য, ড্যাশবোর্ডের উপরে ডান কোণায় “Create new file” বাটনে ক্লিক করুন। এবার আপনার নতুন ফাইলের জন্য একটা নাম দিন, আর তারপর ক্লিক করুন “Create”.

“ড্যাশবোর্ডের সবচেয়ে আকর্ষণীয় ফিচার হলো কমিউনিটি। এটি Figma ব্যবহারকারীদের তৈরি করা এক বিশাল রিসোর্সের ভান্ডার। এখানে আপনি Plugin , File Templet, Icon, Icon Set, UI কিট এবং আরও অনেক কিছু সম্পূর্ণ বিনামূল্যে পাবেন। মনে করুন, এটি ডিজাইনারদের জন্য এক স্বপ্নের বাজার!”

কমিউনিটিতে আপনি কী কী পাবেন?

এক নজরে:

Plugin: ফিগমার ব্যবহার আরো সহজ এবং দ্রুত করার জন্য ছোট ছোট টুল। কল্পনা করুন আপনি একটা আইকন লাইব্রেরি তৈরি করতে চান। একটা প্লাগিন ব্যবহার করে আপনি কয়েক ক্লিকেই একটা সম্পূর্ণ লাইব্রেরি তৈরি করে ফেলতে পারবেন। অথবা আপনি আপনার ডিজাইনের রঙের প্যালেট এক ক্লিকেই পরিবর্তন করতে চান, সেটাও একটা প্লাগিন ব্যবহার করে করা যায়।

File Templet: আগে থেকে তৈরি করা ফাইলের ডিজাইন যা আপনি আপনার প্রোজেক্টে ব্যবহার করতে পারেন। ধরুন আপনি একটা ওয়েবসাইটের ল্যান্ডিং পেজ ডিজাইন করতে চান। কমিউনিটি থেকে আপনি একটা ল্যান্ডিং পেজ টেম্পলেট ডাউনলোড করে নিয়ে সেটাকে আপনার নিজের ব্র্যান্ডের সাথে ম্যাচ করে নিতে পারেন। এর ফলে আপনাকে শুরু থেকে সবকিছু নতুন করে ডিজাইন করতে হবে না।

Widget: আপনার প্রোটোটাইপে যোগ করার জন্য ইন্টারেক্টিভ উপাদান। আপনি যদি আপনার প্রোটোটাইপে একটা ক্যালেন্ডার, ম্যাপ অথবা চ্যাট ইন্টারফেস যোগ করতে চান, তাহলে কমিউনিটি থেকে তৈরি করা উইজেট ব্যবহার করতে পারেন। এগুলো ইতিমধ্যেই তৈরি এবং কাজ করছে, তাই আপনাকে শুরু থেকে কোড লিখতে হবে না।

সবচেয়ে ভালো জিনিস হলো এই সবকিছুই সম্পূর্ণ বিনামূল্যে!

তাই আর দেরি না করে কমিউনিটিতে গিয়ে একবার ঘুরে আসুন। আপনার প্রয়োজনীয় সবকিছুই এখানে খুঁজে পাবেন।

ডিজাইন শুরু করার জন্য, আমরা উপরে “New Design File” বাটনে ক্লিক করব, এটা আমাদের ফিগমা এডিটরে নিয়ে যাবে।

ফিগমা এডিটরকে চারটি অংশে ভাগ করা যায়:

• টুলব্যার: এটা উপরে থাকা সেই ছোট্ট নীল রঙের বার, যেখানে আপনি বিভিন্ন ডিজাইন টুল পাবেন, যেমন লাইন টুল, টেক্সট টুল, শেপ টুল, ইত্যাদি।
• লেয়ার প্যানেল: এটা বাম দিকের লাইট গ্রে প্যানেল, যেখানে আপনার ডিজাইনের সব উপাদান লিস্ট আকারে দেখাবে। আপনি এখানে যেকোনো উপাদানে ক্লিক করে তাকে এডিট করতে পারবেন।
• প্রোপার্টিজ প্যানেল: এটা ডান দিকের লাইট গ্রে প্যানেল, যেখানে আপনি নির্বাচিত উপাদানের বৈশিষ্ট্য ঠিকঠাক করতে পারবেন। আপনি এখানে রঙ, আকার, ফন্ট, ইত্যাদি পরিবর্তন করতে পারবেন।
• ক্যানভাস: এটা মাঝখানে থাকা বড় আকারের সাদা এলাকা, যেখানে আপনি আপনার ডিজাইনটি তৈরি করবেন। আপনি টুলব্যার থেকে টুল নিয়ে এসে ক্যানভাসে কাজ করবেন।

এই চারটি অংশ মিলেই আপনার ফিগমা এডিটর।

এবার এডিটরের উপরে ডান দিকে নজর দিন, সেখানে “Design” এবং “Prototype” দুটো ট্যাব আছে। আমরা আমাদের প্রোজেক্ট শুরু করব “Design” মোডে, কারণ এখানেই ডিজাইন তৈরির জন্য সব টুল আছে। আজ এই পাঠে তোমরা একটা প্রোটোটাইপ তৈরি করবে, তাই আমরা ট্যুরের শেষের দিকে “Prototype” মোডে যাব। এখন, নিশ্চিত করুন যে আপনি “Design” মোডেই আছেন।

আমরা এই ডিজাইন ফাইলটিকে একটি descriptive নাম দেব, যাতে আমরা পরে সহজেই এটি খুঁজে পেতে পারি। উল্লেখ্য যে এই ফাইলের নাম যে কোন সময় আপডেট করা যেতে পারে।

Task

এই টাস্কে, আমরা ফিগমায় একটা নতুন ডিজাইন ফাইল তৈরি করব। চলুন একসাথে শুরু করা যাক!

১. ফিগমা খুলুন এবং লগ ইন করুন:

• আপনার ওয়েব ব্রাউজারে Figma খুলুন।
• আপনার অ্যাকাউন্টে লগ ইন করুন, অথবা একটা নতুন অ্যাকাউন্ট তৈরি করুন।

২. ড্যাশবোর্ডে যান:

• লগ ইন করার পর, আপনি ফিগমা ড্যাশবোর্ডে পৌছাবেন।
• এখানে আপনি আপনার সব ফাইল দেখতে পাবেন, এবং নতুন ফাইল তৈরি করতে পারবেন।

৩. নতুন ডিজাইন ফাইল তৈরি করুন:

• ড্যাশবোর্ডের উপরে ডান কোণায় “Create new file” বাটনে ক্লিক করুন।
• আপনার নতুন ফাইলের জন্য একটা নাম দিন, যেমন “কোড একাডেমি মোবাইল অ্যাপ ডিজাইন”।
• “Create” বাটনে ক্লিক করুন।

৪. ফাইলের নাম পরিবর্তন করুন:

• ডিজাইন এডিটরে, উপরে মাঝখানে “Untitled” টেক্সট দেখতে পাবেন।
• এটার উপর ক্লিক করুন এবং আপনার পছন্দমতো একটা নতুন নাম দিন।

এবার আমাদের নতুন ডিজাইন ফাইল তৈরি হয়ে গেছে। এখন আমরা এটাকে সাজিয়ে-গড়িয়ে নিতে পারি, আর শুরু করতে পারি আমাদের মোবাইল অ্যাপের ডিজাইন যাত্রা!