Figma ডিজাইন থেকে চালু অ্যাপ তৈরি করুন
সংক্ষেপেFigma-এ File → Save local copy… দিয়ে একটি .fig ফাইল নিন। প্রকল্প পৃষ্ঠায় Figma বোতামে ক্লিক করে ফাইলটি দিন। MonstarX আপনার ব্রাউজারেই এটি পড়ে প্রতিটি স্ক্রিন দেখায়; যেগুলো তৈরি করতে চান সেগুলোতে টিক দিন (সর্বোচ্চ 30টি), ডিজাইনে যা দেখা যায় না তা লিখুন, তারপর এই অ্যাপটি তৈরি করুন চাপুন — অথবা তৈরির আগে কয়েকটি প্রশ্নের উত্তর দিতে আগে পরিকল্পনা চাপুন।
আপনার অ্যাপের ডিজাইন যদি আগেই Figma-এ তৈরি থাকে, MonstarX সরাসরি সেই ডিজাইন থেকেই অ্যাপ তৈরি করতে পারে। আপনি পাবেন একটি চালু অ্যাপ, যা দেখতে হুবহু আপনার স্ক্রিনের মতো — ডিজাইনের আসল ছবি ও আইকন, রং ও ফন্ট, আর প্রোটোটাইপের নেভিগেশনসহ — সঙ্গে স্ক্রিনগুলো থেকে বোঝা যায় এমন ডেটা, ফর্ম আর সাইন-ইন।
কী লাগবে?
“কী লাগবে?” অংশআপনার ডিজাইনের একটি .fig ফাইল। Figma-এ ডিজাইনটি খুলে File → Save local copy… ব্যবহার করুন — এতে সেই ফাইলটি সংরক্ষিত হয়, যা MonstarX পড়ে। এটি অবশ্যই একটি Figma Design ফাইল হতে হবে: FigJam বোর্ড আর Figma Slides ডেক সমর্থিত নয়, আর এমন ফাইল দিলে MonstarX জানিয়ে দেয়।
Figma ফাইল থেকে কীভাবে তৈরি করব?
“Figma ফাইল থেকে কীভাবে তৈরি করব?” অংশ-
প্রকল্প পৃষ্ঠায় ইমপোর্ট বোতামের পাশের Figma বোতামে ক্লিক করুন (এটি ইমপোর্ট মেনুতেও আছে)। প্রম্পট বক্সে একটি
.figটেনে এনে ছাড়তে বা পেস্টও করতে পারেন। -
আপনার
.figফাইলটি টেনে এনে ছাড়ুন, অথবা বেছে নিন। MonstarX আপনার ব্রাউজারেই এটি পড়ে — “ফাইল পড়া হচ্ছে…”, “প্রতিটি পৃষ্ঠা খোলা হচ্ছে…”, “স্ক্রিনগুলো আঁকা হচ্ছে…” — আর এখনো কিছু আপলোড হয় না। -
যে স্ক্রিনগুলো তৈরি করতে চান সেগুলোতে টিক দিন। ফাইলের প্রতিটি পৃষ্ঠার তালিকা থাকে, সঙ্গে তার ফ্রেমগুলোর ছোট ছবি। যে ফ্রেমগুলো স্ক্রিনের মতো দেখায় সেগুলোতে শুরু থেকেই টিক থাকে; আর যে পৃষ্ঠাগুলো অ্যাপের স্ক্রিন নয় বলে মনে হয় (কভার, ডিজাইন সিস্টেম, আর্কাইভ) সেগুলো ভাঁজ করা ও টিকবিহীন অবস্থায় শুরু হয়। প্রতিটি পৃষ্ঠায় সব টিক দিন বা সবগুলোর টিক সরান ব্যবহার করুন।
-
অ্যাপটি কী কাজ করবে? (ঐচ্ছিক) ঘরে লিখুন ডিজাইনে যা দেখা যায় না: কারা এটি ব্যবহার করবেন, ডেটা কোথা থেকে আসে, কেউ সাইন আপ করলে বা পেমেন্ট করলে কী হয়।
-
নিচে বাঁ কোণের মডেলটি দেখে নিন (এটি প্রম্পট বক্সে বেছে নেওয়া মডেলই; চাইলে এখানে বদলাতে পারেন)।
-
এই অ্যাপটি তৈরি করুন · 4টি স্ক্রিন চাপুন — অথবা আগে পরিকল্পনা চাপুন, যাতে MonstarX তৈরির আগে স্ক্রিনগুলো খুঁটিয়ে দেখে ডিজাইনে যা দেখা যায় না তা নিয়ে প্রশ্ন করে।
স্ক্রিনগুলো আপলোড হয় (“ডিজাইন আপলোড হচ্ছে…”), ফাইলের নাম অনুসারে প্রকল্পটি তৈরি হয়, আর প্রথম তৈরির কাজ শুরু হয়।
MonstarX আমার ডিজাইন থেকে কী কী নেয়?
“MonstarX আমার ডিজাইন থেকে কী কী নেয়?” অংশ- প্রতিটি স্ক্রিনের ছবি — যাতে MonstarX-এর এজেন্ট ঠিক দেখতে পায় আপনি কী এঁকেছেন, আর কাজ করতে করতে অ্যাপের পৃষ্ঠাগুলো তার সঙ্গে মিলিয়ে দেখে।
- প্রতিটি স্ক্রিনের নিখুঁত বর্ণনা — লেআউট, ফাঁকা জায়গা, প্রতিটি লেখার ফন্ট ও আকার, রং, সীমানা, কোণ, ছায়া।
- আপনার ছবি ও আইকন — ডিজাইনের প্রতিটি ছবি ও আইকন অ্যাপে একটি ফাইল হয়ে যায়, তাই কোনো কিছুই স্টক ছবি দিয়ে বদলানো হয় না।
- আপনার ডিজাইন সিস্টেম — রঙের ভেরিয়েবল (লাইট ও ডার্ক), ফন্ট, কোণের বক্রতা আর ছায়া।
- কম্পোনেন্ট — দশটি স্ক্রিনে ব্যবহৃত একটি বোতাম অ্যাপে একটিই কম্পোনেন্ট হয়ে যায়।
- প্রোটোটাইপের লিঙ্ক — কোথায় ট্যাপ করলে কোথায় যায়, তা আসল নেভিগেশনে পরিণত হয়।
একই নামের স্ক্রিনগুলো (যেমন একটি ফ্লোর সব ফ্রেমের নাম “Desktop”) তাদের প্রথম কয়েকটি শব্দ দিয়ে আলাদা করা হয়, যাতে কোনটি কোন স্ক্রিন বুঝতে পারেন।
চ্যাটে কী দেখা যায়?
“চ্যাটে কী দেখা যায়?” অংশআপনার প্রথম অনুরোধটি হয় এমন, যেমন “আমার Figma ডিজাইন ‘bloom.fig’ (4টি স্ক্রিন: Welcome, Home, Plant detail, Add plant) থেকে এই অ্যাপটি তৈরি করুন — দেখতে যেন হুবহু ডিজাইনের মতো হয়, আর সত্যিই কাজ করে।”, আর তার নিচে স্ক্রিনগুলোর একটি সারি। কোনো স্ক্রিনে ক্লিক করলে সেটি পূর্ণ আকারে দেখা যায়, সঙ্গে তার আকার, পৃষ্ঠা আর ফাইলের নাম। তৈরির সময় চ্যাটে “Home-এর ডিজাইন দেখা হচ্ছে” আর “Home-এর ডিজাইনের সঙ্গে / তুলনা করা হয়েছে”-এর মতো ধাপ দেখা যায়।
পরে কি আরও স্ক্রিন যোগ করা যায়?
“পরে কি আরও স্ক্রিন যোগ করা যায়?” অংশহ্যাঁ। প্রকল্পের চ্যাটে একটি .fig টেনে এনে ছাড়ুন, পেস্ট করুন বা সংযুক্ত করুন — Figma থেকে স্ক্রিন যোগ করুন খুলে যাবে। নতুন স্ক্রিনগুলোতে টিক দিন, সেগুলো কী করবে লিখুন, তারপর এই স্ক্রিনগুলো তৈরি করুন চাপুন। এগুলো প্রকল্পের ডিজাইনে যুক্ত হয়, আর অ্যাপের বাকি অংশের সঙ্গে মিলিয়ে তৈরি হয়। একটি প্রকল্পে সর্বোচ্চ 60টি ডিজাইন স্ক্রিন রাখা যায়।
সীমাগুলো কী?
“সীমাগুলো কী?” অংশ| সীমা | পরিমাণ |
|---|---|
| প্রতিবার তৈরিতে স্ক্রিন | সর্বোচ্চ 30টি |
| প্রতি প্রকল্পে স্ক্রিন | সর্বোচ্চ 60টি |
| প্রতি ডিজাইনে ছবি ও আইকন | সর্বোচ্চ 400টি ফাইল ও মোট 150 MB (প্রতিটি 8 MB) |
একটি .fig সর্বোচ্চ 250 MB হতে পারে, তবে খুব বড় ফাইল (যেমন পুরো একটি ডিজাইন সিস্টেম কিট) তবুও ব্রাউজারের পক্ষে খোলা কঠিন হতে পারে। অ্যাপের স্ক্রিনগুলো ডিজাইন সিস্টেমের পৃষ্ঠা ছাড়া আলাদা একটি ফাইলে সরিয়ে নিন, তারপর সেটির লোকাল কপি সংরক্ষণ করুন।
সাধারণ জিজ্ঞাসা
“সাধারণ জিজ্ঞাসা” অংশফাইলের বদলে কি Figma-এর লিঙ্ক পেস্ট করা যায়?
এই উইন্ডোতে নয় — এটি সরাসরি .fig ফাইল পড়ে। Figma-এ File → Save local copy… ব্যবহার করুন। (কিছু ডিজাইন টুল তাদের কাজ কোডিং এজেন্ট দিয়েও পাঠাতে পারে।)
ডিজাইন দেওয়ার সঙ্গে সঙ্গেই কি আপলোড হয়?
না। ফাইলটি আপনার ব্রাউজারে পড়া হয়; শুধু যে স্ক্রিনগুলোতে টিক দিয়েছেন সেগুলোই আপলোড হয়, তৈরির বোতাম চাপলে।
অ্যাপটি কি দেখতে হুবহু ডিজাইনের মতো হবে?
লক্ষ্য সেটাই: MonstarX-এর এজেন্ট প্রতিটি স্ক্রিনের নিখুঁত মান ধরে মেলায়, আর তৈরির সময় অ্যাপের পৃষ্ঠাগুলো আপনার স্ক্রিনের সঙ্গে তুলনা করে। কোনো পার্থক্য চোখে পড়লে চ্যাটে বলুন, অথবা সম্পাদনা মোড দিয়ে ঠিক করুন।
আমার ডিজাইনে শুধু ফোনের স্ক্রিন আছে। কম্পিউটারে কী হবে?
ফোনের ডিজাইন চওড়া স্ক্রিনে মাঝখানে একটি কলাম হিসেবে তৈরি হয়, তাই কম্পিউটারেও অ্যাপটি কাজ করে।
MonstarX বলছে আমার ফাইলটি Figma ফাইল নয়। কেন?
এটি হয়তো একটি FigJam বোর্ড, Figma Slides ডেক, অথবা অন্য কোনো প্রোগ্রামের .fig ফাইল। Figma-এ ডিজাইনটি খুলে File → Save local copy… দিয়ে একটি Figma Design ফাইল সংরক্ষণ করুন।