ওয়্যারফ্রেম
স্বাগতম
ওয়্যারফ্রেম এলাকা আপনাকে দৃশ্যমানভাবে আপনার UI লেআউট ডিজাইন এবং প্রোটোটাইপ তৈরি করতে দেয়। কোডিং করার আগে আপনার অ্যাপ্লিকেশনের কাঠামো পরিকল্পনা করতে ওয়্যারফ্রেম তৈরি করুন। আপনি যখন প্রথম ওয়্যারফ্রেম খুলবেন, তখন আপনি একটি ওয়্যারফ্রেম তৈরি করুন কার্ড দেখতে পাবেন, যা আপনাকে শুরু করতে সাহায্য করবে, অথবা উপরের ডান কোণে + নতুন ওয়্যারফ্রেম বোতামটি ব্যবহার করুন।
প্রকল্প গ্রিড
ম্যানুয়াল ডিজাইন
ভিজ্যুয়াল ক্যানভাস এডিটরের সাহায্যে হাতে-কলমে ওয়্যারফ্রেম তৈরি করুন — আপনার স্ক্রিন ডিজাইন করতে উপাদানগুলি টেনে আনুন এবং ছেড়ে দিন।
এআই-চালিত জেনারেশন
আপনি কী চান তা বর্ণনা করুন এবং এআইকে স্বয়ংক্রিয়ভাবে ওয়্যারফ্রেম ডকুমেন্টেশন এবং ফ্রেম তৈরি করতে দিন।
ভয়েস ইনপুট
ভয়েস দিয়ে ওয়্যারফ্রেমের বর্ণনা তৈরি করতে বিল্ট-ইন মাইক্রোফোন বোতামটি ব্যবহার করুন অথবা মাঝের বোতামে ক্লিক করুন।
ওয়্যারফ্রেম থেকে কোড
আপনার ওয়্যারফ্রেম প্রস্তুত হয়ে গেলে, এটিকে সরাসরি কোড জেনারেশনে পাঠান — ডিজাইন থেকে কার্যকরী কোডে এক নিরবচ্ছিন্ন প্রক্রিয়ার মাধ্যমে যান।
একটি ওয়্যারফ্রেম তৈরি করা
ওয়্যারফ্রেম তৈরি করুন অথবা + নতুন ওয়্যারফ্রেম ক্লিক করে ক্রিয়েশন ডায়ালগ খুলুন। আপনি একটি শিরোনাম লিখবেন, লক্ষ্য প্ল্যাটফর্ম (মোবাইল, ডেস্কটপ বা ওয়েব) নির্বাচন করবেন, আপনার ওয়্যারফ্রেমের একটি বিবরণ লিখবেন এবং ম্যানুয়াল অথবা AI-চালিত মোড থেকে একটি বেছে নেবেন।
প্রকল্প সেটআপ ক্ষেত্র
শিরোনাম
আপনার ওয়্যারফ্রেম প্রকল্পের একটি নাম দিন, যাতে আপনি পরে ওয়্যারফ্রেমের তালিকায় এটি সনাক্ত করতে পারেন।
প্ল্যাটফর্ম
লক্ষ্য প্ল্যাটফর্ম নির্বাচন করুন — মোবাইল, ডেস্কটপ বা ওয়েব — যাতে ওয়্যারফ্রেমের লেআউট এবং সীমাবদ্ধতাগুলি সেই অনুযায়ী তৈরি করা যায়।
বর্ণনা
আপনি কী তৈরি করতে চান তা বর্ণনা করুন। এটি এআই-চালিত মোড দ্বারা ডকুমেন্টেশন এবং ফ্রেম তৈরি করতে ব্যবহৃত হয়। মাইক্রোফোন বোতামের মাধ্যমে ভয়েস ইনপুট সমর্থন করে।
মোড
সরাসরি ক্যানভাস সম্পাদকে যেতে ম্যানুয়াল নির্বাচন করুন, অথবা এআইকে ডকুমেন্টেশন এবং ফ্রেম তৈরি করতে দিন, সেক্ষেত্রে এআই-চালিত মোড নির্বাচন করুন।
ম্যানুয়াল মোড
আপনি যখন ম্যানুয়াল ট্যাব নির্বাচন করেন এবং তৈরি করুন ক্লিক করেন, তখন আপনাকে সরাসরি ওয়্যারফ্রেম ক্যানভাস সম্পাদকে নিয়ে যাওয়া হবে, যেখানে আপনি অবিলম্বে আপনার স্ক্রিন তৈরি করা শুরু করতে পারবেন। যখন আপনার লেআউটের একটি সুস্পষ্ট ধারণা থাকে এবং শুরু থেকেই সম্পূর্ণ নিয়ন্ত্রণ রাখতে চান, তখন এটি সেরা বিকল্প।
ম্যানুয়াল মোড কখন ব্যবহার করবেন
আপনার মাথায় একটি নির্দিষ্ট ডিজাইন আছে এবং আপনি নিজে এটি তৈরি করতে চান।
আপনি প্রথমে একটি মোটামুটি লেআউট তৈরি করতে চান এবং পরে এটিকে আরও উন্নত করতে চান।
আপনি শুরু থেকেই প্রতিটি উপাদানের উপর সম্পূর্ণ নিয়ন্ত্রণ রাখতে পছন্দ করেন।
এআই-চালিত মোড
আপনি যখন AI-চালিত ট্যাব নির্বাচন করেন, তখন অতিরিক্ত বিকল্প প্রদর্শিত হবে। আপনি আপনার বিবরণ লিখতে বা বলতে পারেন, ঐচ্ছিকভাবে পৃথক ফ্রেম সংজ্ঞায়িত করতে পারেন, উপরের ড্রপডাউন থেকে আপনার পছন্দের AI মডেল নির্বাচন করতে পারেন এবং তারপর তৈরি করুন ক্লিক করে AI-কে আপনার ওয়্যারফ্রেম ডকুমেন্টেশন তৈরি করতে দিতে পারেন।
কীভাবে কাজ করে
টেক্সট: বিবরণ লিখুন
টেক্সট: শিরোনাম লিখুন, একটি প্ল্যাটফর্ম নির্বাচন করুন এবং আপনার প্রকল্পের একটি বিবরণ লিখুন।
টেক্সট: ফ্রেম সংজ্ঞায়িত করুন (ঐচ্ছিক)
টেক্সট: এআই দ্বারা তৈরি করতে চান এমন স্বতন্ত্র স্ক্রিন বা দৃশ্য নির্দিষ্ট করতে "ফ্রেম সংজ্ঞায়িত করুন" ট্যাবে যান।
এআই মডেল নির্বাচন করুন
ড্রপডাউন থেকে আপনার পছন্দের এআই মডেলটি নির্বাচন করুন (যেমন, ক্লড কোড, অপাস ৪.৬)।
জেনারেট করুন
এআই ডকুমেন্টেশন তৈরি শুরু করতে জেনারেট-এ ক্লিক করুন। ডকুমেন্টেশন তৈরি হওয়ার সময় ওয়্যারফ্রেম প্রকল্পটি আপনার তালিকায় প্রদর্শিত হবে।
ফ্রেম তৈরি করুন
ডকুমেন্টেশন সম্পন্ন হওয়ার পরে, আপনি ওয়্যারফ্রেম এডিটর থেকে প্রতিটি পৃথক ফ্রেম তৈরি করা শুরু করতে পারেন।
"প্রকল্প তৈরি করুন" -এ ক্লিক করুন
AI-চালিত মোডে, AI দিয়ে উন্নত করুন বোতামে ক্লিক করলে একটি ডায়ালগ খুলবে, যা আপনাকে AI ব্যবহার করে আপনার বিবরণ উন্নত করতে দেবে। এটি বিবরণের ক্ষেত্রে আপনি যা লিখেছেন, সেটিকে আপনার নির্দেশনার উপর ভিত্তি করে আরও বিস্তারিত, সুসংগঠিত বা সম্পূর্ণ করে তুলবে, যাতে ওয়্যারফ্রেম তৈরি করার আগে এটিকে উন্নত করা যায়।
উন্নত করার বিকল্প
এআই মডেল
আপনার বর্ণনার উন্নতি করার জন্য কোন এআই মডেল ব্যবহার করতে হবে তা নির্বাচন করুন (যেমন, Claude Code, Opus 4.6)।
উন্নত করার নির্দেশনা
ঐচ্ছিকভাবে, এআই কীভাবে বর্ণনাটিকে উন্নত করবে, সে সম্পর্কে নির্দিষ্ট নির্দেশনা দিন। ভয়েস ইনপুট সমর্থন করে।
বর্ণনা উন্নত করুন
উন্নত করতে ক্লিক করুন। এআই আপনার ইনপুট এবং নির্দেশনার উপর ভিত্তি করে বর্ণনাটিকে পুনরায় লিখবে এবং উন্নত করবে।
ডকুমেন্টেশন তৈরি
AI-চালিত মোডে তৈরি করুন ক্লিক করার পরে, আপনার ওয়্যারফ্রেম প্রকল্পটি ওয়্যারফ্রেম তালিকায় ডকুমেন্টেশন তৈরি করা হচ্ছে... স্ট্যাটাস সহ প্রদর্শিত হবে। AI আপনার প্রকল্পের শিরোনাম, প্ল্যাটফর্ম, বিবরণ এবং আপনি সংজ্ঞায়িত করা যেকোনো ফ্রেমের উপর ভিত্তি করে একটি সুসংগঠিত ডকুমেন্টেশন তৈরি করছে।
এরপর কী হবে
ডকুমেন্টেশন তৈরি
এআই আপনার বর্ণনার উপর ভিত্তি করে প্রতিটি স্ক্রিন, উপাদান এবং লেআউট সংজ্ঞায়িত করে একটি কাঠামোগত ডকুমেন্ট তৈরি করে।
ফ্রেম তৈরি
ডকুমেন্টেশন সম্পন্ন হওয়ার পরে, আপনি ওয়্যারফ্রেমটি খুলতে পারেন এবং এডিটর থেকে প্রতিটি পৃথক ফ্রেম তৈরি করা শুরু করতে পারেন।
পরিশোধন
ফ্রেম তৈরি হওয়ার পরে, আপনি ক্যানভাস সম্পাদকে উপাদানগুলি ম্যানুয়ালি সামঞ্জস্য করতে, যোগ করতে বা অপসারণ করতে পারেন, যাতে নকশাটিকে আরও নিখুঁত করা যায়।