ক্যানভাস সম্পাদক
ওয়্যারফ্রেম সম্পাদনার ক্যানভাস হল সেই স্থান, যেখানে আপনি আপনার স্ক্রিন ডিজাইন এবং পরিমার্জন করতে পারেন। বাম সাইডবারে সমস্ত অঙ্কন এবং নির্বাচন সরঞ্জাম রয়েছে, মাঝখানে ক্যানভাসে আপনি উপাদানগুলি স্থাপন এবং সাজাতে পারেন এবং ডান সাইডবারে নির্বাচিত উপাদানের বৈশিষ্ট্যগুলি দেখানো হয়।
সরঞ্জাম
নির্বাচন করুন
ক্যানভাসে উপাদান নির্বাচন এবং সরানোর জন্য ক্লিক করুন। নির্বাচিত উপাদানগুলির বৈশিষ্ট্যগুলি ডান সাইডবারে দেখানো হয়।
বর্গক্ষেত্র
ক্যানভাসে আয়তাকার ধারক উপাদান আঁকুন।
বৃত্ত
ক্যানভাসে বৃত্তাকার উপাদান আঁকুন।
টেক্সট
টেক্সট লেবেল এবং বিষয়বস্তু ব্লক যুক্ত করুন।
ছবি
ছবি
ছবি স্থানধারক উপাদান যুক্ত করুন।
বোতাম
ইনপুট
ইনপুট
ফর্ম ইনপুট ক্ষেত্র যুক্ত করুন।
+ (স্ক্রিন যুক্ত করুন)
লক করা উপাদান
সমর্থন বিষয়বস্তু.সম্পাদক ক্যানভাস.লক করা উপাদান বডি এআই-জেনারেট করা স্ক্রিনগুলি ডিফল্টভাবে লক করা থাকে - আনলক না করা পর্যন্ত উপাদানগুলি সরানো বা পুনরায় আকার পরিবর্তন করা যায় না। বর্তমান স্ক্রিনের সমস্ত উপাদান আনলক করতে Ctrl + D চাপুন, যা আপনাকে সেগুলি পুনর্বিন্যাস এবং সম্পাদনা করার সম্পূর্ণ নিয়ন্ত্রণ দেবে।
স্টোরিবোর্ড মোড
স্টোরিবোর্ড বৈশিষ্ট্য
স্টোরিবোর্ড মোড
ফ্রেমের সারসংক্ষেপ
ফ্রেম ওভারভিউ
সেট মোডাল
সেট মোডাল
সম্পাদনা করার জন্য ক্লিক করুন
ক্লিক করে সম্পাদনা করুন
জুম কন্ট্রোল
জুম নিয়ন্ত্রণ
ফ্লো সংযোগ
ফ্লো সংযোগ
উপাদান বৈশিষ্ট্য
সমর্থন বিষয়বস্তু.সম্পাদক উপাদান বৈশিষ্ট্য.বডি ক্যানভাসে যেকোনো উপাদানের উপর ডাবল ক্লিক করে সেটিকে নির্বাচন করুন এবং ডান সাইডবারে এর বৈশিষ্ট্য প্যানেল খুলুন। প্যানেলটিতে তিনটি ট্যাব রয়েছে: বৈশিষ্ট্য, ফ্লো এবং রং। এখান থেকে আপনি প্রতিটি উপাদানের অবস্থান, আকার, স্টাইলিং এবং আচরণ সম্পাদনা করতে পারেন।
বৈশিষ্ট্য ট্যাব
অবস্থান (X, Y)
ক্যানভাসে উপাদানের সঠিক পিক্সেল অবস্থান সেট করুন।
আকার (প্রস্থ, উচ্চতা)
পিক্সেলের মধ্যে উপাদানের মাত্রা সেট করুন।
Z-ইনডেক্স (লেয়ার ক্রম)
কোন উপাদানগুলি অন্যের উপরে প্রদর্শিত হবে, তা নিয়ন্ত্রণ করুন।
বর্ডার রেডিয়াস
একটি সংখ্যাসূচক মান ব্যবহার করে কোণার রাউন্ডিং সেট করুন অথবা শার্প, রাউন্ডেড বা পিল প্রিসেট ব্যবহার করুন।
টেক্সট বিষয়বস্তু
উপাদানের ভিতরে প্রদর্শিত টেক্সট সম্পাদনা করুন।
রঙ ট্যাব
নির্বাচিত উপাদানের জন্য ব্যাকগ্রাউন্ড, বর্ডার এবং টেক্সটের রঙ কাস্টমাইজ করুন।
ফ্লো
ফ্লোগুলি ক্রিয়া এবং স্ক্রিনের মধ্যে নেভিগেশন সংজ্ঞায়িত করে। একটি ফ্লো হল একটি ক্রিয়া, যেমন অন্য একটি পৃষ্ঠে নেভিগেট করা, একটি মোডাল খোলা বা অন্য একটি বিভাগে যাওয়া। ক্যানভাসে ছোট লিঙ্ক আইকনগুলি নির্দেশ করে যে কোন উপাদানগুলির সাথে ফ্লো সংযুক্ত আছে। ফ্রেমগুলি স্বয়ংক্রিয়ভাবে তৈরি হওয়ার সময় একে অপরের সাথে লিঙ্ক করা হয় এবং ফ্লো সংযোগগুলিও তৈরি করা হয়।
ফ্লো সেট আপ করা
একটি উপাদান নির্বাচন করুন
আপনি যে উপাদানে একটি ফ্লো যোগ করতে চান, সেটিতে ক্লিক করুন।
ফ্লো ট্যাব খুলুন
ডান সাইডবারে, ফ্লো ট্যাবে স্যুইচ করুন যাতে বিদ্যমান সংযোগগুলি দেখা যায় অথবা নতুন সংযোগ যোগ করা যায়।
সংযোগ যোগ করুন
একটি নতুন ফ্লো তৈরি করতে "প্রথম সংযোগ যোগ করুন" (অথবা + বোতামে) ক্লিক করুন। একটি টার্গেট স্ক্রিন বা ফ্রেমে লিঙ্ক করার জন্য নির্বাচন করুন।
ক্যানভাসে দেখুন
সমযুক্ত উপাদানগুলি ক্যানভাসে একটি ছোট লিঙ্ক আইকন দেখায়, যা নির্দেশ করে যে সেগুলির প্রবাহ ক্রিয়া রয়েছে।
ব্লক সংযোগ
ব্লক সংযোগগুলি আপনাকে ব্লক লাইব্রেরি থেকে ব্লকগুলিকে সরাসরি ওয়্যারফ্রেম উপাদানগুলির সাথে সংযুক্ত করতে দেয়। আপনি যখন কোনও উপাদানের উপর ডাবল-ক্লিক করেন এবং বৈশিষ্ট্য প্যানেলে নীচে স্ক্রোল করেন, তখন আপনি ব্লক সংযোগ বিভাগটি খুঁজে পাবেন। একটি ব্লক (HTML, উপাদান বা টেমপ্লেট) উপাদানটির সাথে লিঙ্ক করতে + ব্লক যোগ করুন-এ ক্লিক করুন। এআই দিয়ে কোড তৈরি করার সময় সংযুক্ত ব্লকগুলি উল্লেখ করা হয়, যা ওয়্যারফ্রেম উপাদানগুলির সাথে নির্দিষ্ট HTML বা উপাদান কোড সংযুক্ত করা সহজ করে তোলে।
এআই সম্পাদনা
ক্যানভাসের নীচে এআই প্রম্পট বার আপনাকে স্ক্রিন সম্পাদনা বা তৈরি করতে এআই ব্যবহার করতে দেয়। বাম দিকের ড্রপডাউন থেকে আপনার এআই মডেল নির্বাচন করুন, আপনি যে পরিবর্তনগুলি চান তা বর্ণনা করুন এবং এআই আপনার জন্য ওয়্যারফ্রেমটি পরিবর্তন করবে। আপনি উন্নত সম্পাদনার জন্য ভয়েস ইনপুট বা CLI সম্পাদনা করুন বোতামটিও ব্যবহার করতে পারেন।
প্রসঙ্গ-সচেতন প্রম্পটিং
একক স্ক্রিন
যখন আপনি একটি একক স্ক্রিন সম্পাদনা করেন, তখন প্রম্পট বার "স্ক্রিনের নাম সম্পাদনা করা হচ্ছে" দেখায় এবং এআই পরিবর্তনগুলি শুধুমাত্র সেই স্ক্রিনে প্রয়োগ করা হয়।
স্টোরিবোর্ড
যখন আপনি স্টোরিবোর্ড মোডে থাকেন, তখন এআই একই সাথে সমস্ত ফ্রেম সম্পাদনা করতে পারে অথবা বিদ্যমান ফ্রেমগুলি ব্যবহার করে নতুন ফ্রেম তৈরি করতে পারে।
ভয়েস ইনপুট
ভয়েস ইনপুট এবং কাস্টম হটকী
সিএলআই সম্পাদনা
কাস্টম প্যাকেজ এবং টেমপ্লেট
রপ্তানি ও ইন্টিগ্রেশন
ওয়্যারফ্রেমগুলি রপ্তানি, আমদানি করা যায় অথবা প্রকল্প তৈরি করার সময় বা এমনকি প্রজেক্ট হাবের মধ্যেই সরাসরি ব্যবহার করা যেতে পারে। এটি ওয়্যারফ্রেম ডিজাইন থেকে একটি কার্যকরী প্রকল্পে যাওয়া সহজ করে তোলে, যেখানে আপনাকে ম্যানুয়ালি লেআউট পুনরায় তৈরি করতে হবে না।