প্রি-কনফিগার করা Figma ফাইল ডাউনলোড করুন
ফিগমাতে একটি উপাদান তৈরি করে শুরু করা যাক। এই টিউটোরিয়ালের জন্য আমরা একটি উদাহরণ হিসাবে ব্যবহার করার জন্য একটি বিদ্যমান ফিগমা ফাইল ব্যবহার করব। এই ফাইলটিতে একটি ছবি এবং শিরোনাম সহ একটি অটোলেআউট ফ্রেম রয়েছে৷ আপনি আপনার ফিগমা অ্যাকাউন্টে লগ ইন করেছেন তা নিশ্চিত করুন।
- আপনার কম্পিউটারে এই Figma ফাইলটি ডাউনলোড করুন: HelloFigma.fig ।
ফিগমার ফাইল ব্রাউজারে, ড্রাফ্টের উপর হোভার করুন। A + আইকন প্রদর্শিত হবে। + ক্লিক করুন, তারপর আমদানি করুন... এবং HelloFigma.fig ফাইলটি নির্বাচন করুন যা আপনি এইমাত্র ডাউনলোড করেছেন।
ফিগমাতে আমদানি করা ফাইলটি খুলুন।
একটি উপাদান তৈরি করুন
রিলে ফর ফিগমা প্লাগইনের সাথে আমদানি করা ডিজাইনটি ব্যবহার করতে, আমাদের প্রথমে এটিকে একটি উপাদানে রূপান্তর করতে হবে। হ্যালো কার্ড ফ্রেম নির্বাচন করুন এবং টুলবার থেকে, কম্পোনেন্ট তৈরি করুন ক্লিক করুন।
একটি UI প্যাকেজ তৈরি করুন
ফিগমার জন্য রিলে প্লাগইন উপাদানটিতে অতিরিক্ত তথ্য যোগ করে যাতে আপনি আপনার বিকাশকারীদের সাথে কাজ করতে পারেন যারা তাদের কোডে উপাদানটি ব্যবহার করতে পারে।
আপনার ফাইলে ফিগমা প্লাগইনের জন্য রিলে খুলুন (ফিগমা মেনুতে: প্লাগইনস > ফিগমার জন্য রিলে )। শুরু করুন ক্লিক করুন।
উপাদানটি নির্বাচন করুন এবং UI প্যাকেজ তৈরি করুন ক্লিক করুন।
UI প্যাকেজ নির্বাচিত হলে, সারাংশে একটি বিবরণ যোগ করুন। উদাহরণস্বরূপ: "হ্যালো কার্ড উপাদান চিত্র এবং শিরোনাম সামগ্রী প্রদর্শন করতে ব্যবহৃত হয়"
পরবর্তী স্ক্রিনে যেতে ডায়ালগের নিচের ডানদিকের কোণায় ডেভেলপারের সাথে শেয়ার করুন ক্লিক করুন।
বিকাশকারী প্রবাহের সাথে শেয়ার করুন
এখন আপনি একটি UI প্যাকেজ তৈরি করেছেন, আপনার উপাদানটি ডেভেলপমেন্ট টিমের সাথে ভাগ করার জন্য প্রস্তুত করুন।
কম্পোনেন্ট ফাইলের ফাইলের একটি নতুন নামযুক্ত সংস্করণ তৈরি করুন। কম্পোনেন্টের নামকৃত ভার্সন ব্যবহার করা অবাঞ্ছিত পরিবর্তনগুলিকে প্রোডাকশন কম্পোনেন্টগুলিকে প্রভাবিত করতে বাধা দেয়।
উপাদানটির এই প্রথম সংস্করণের জন্য একটি নাম এবং বিবরণ লিখুন, তারপর সংরক্ষণ করুন ক্লিক করুন।
এরপরে, একটি শেয়ারযোগ্য উপাদান লিঙ্ক তৈরি করুন এবং একটি Mac-এ CMD-L বা Windows-এ CTRL-L লিখে ক্লিপবোর্ডে অনুলিপি করুন৷
পরবর্তী ধাপ
এখন, আপনি অ্যান্ড্রয়েড স্টুডিওতে আপনার UI উপাদান হস্তান্তর করতে প্রস্তুত।
এই টিউটোরিয়ালের পরবর্তী অংশটি সম্পূর্ণ করতে অ্যান্ড্রয়েড স্টুডিও খুলুন।
অ্যান্ড্রয়েড স্টুডিওতে ডিজাইনগুলিকে কোডে রূপান্তর করুন