বিজ্ঞাপন

একটি ভাইব বর্ণনা করুন এবং একটি সম্পূর্ণ UI থিম পান: একটি মিলে যাওয়া গ্রেডিয়েন্ট এবং এক্সপোর্টের জন্য প্রস্তুত সেমান্টিক ডিজাইন টোকেনের সম্পূর্ণ সেট।

আপনি যে ইন্টারফেস চান তার মুড ও ব্যক্তিত্ব।
একটি ব্র্যান্ড রঙকে কেন্দ্র করে থিম তৈরি করুন, বা খালি রাখুন।
সাইন ইন

এই টুল ব্যবহার করতে সাইন ইন করুন।

একটি ভাইব বর্ণনা করুন এবং AI একটি সম্পূর্ণ UI থিম তৈরি করবে: গ্রেডিয়েন্ট এবং এক্সপোর্ট করা যায় এমন সেমান্টিক টোকেন সহ। প্রতিটি জেনারেশনে ক্রেডিট খরচ হয়।

আপনার AI-জেনারেটেড ফলাফল এখানে দেখাবে।

কার্ড সারফেস

কার্ড সারফেস

একটি নমুনা লিঙ্ক
success warning danger

বিজ্ঞাপন

AI থিম ও গ্রেডিয়েন্ট জেনারেটর সম্পর্কে

AI থিম ও গ্র্যাডিয়েন্ট সাজেস্টার একটি লিখিত বর্ণনা থেকে একটি সম্পূর্ণ UI থিম ডিজাইন করে। আপনি যে ইন্টারফেসটি তৈরি করছেন তার অনুভূতি বলুন ("friendly, energetic SaaS dashboard", "premium minimal portfolio") আর এটি একটি মিলে যাওয়া গ্র্যাডিয়েন্ট এবং সিমান্টিক ডিজাইন টোকেনের একটি সম্পূর্ণ সেট ফেরত দেয়।

টোকেন সেটটি একটি প্রকৃত ইন্টারফেসের যা প্রয়োজন তা কভার করে: primary ও surface রঙ, text ও border টোন, এবং success, warning ও danger স্টেট। একটি ঐচ্ছিক বেস রঙ পুরো থিমটিকে একটি বিদ্যমান ব্র্যান্ড রঙের সাথে সংযুক্ত করে, তাই AI শূন্য থেকে শুরু না করে আপনার কাছে যা আছে তার চারপাশে ডিজাইন করে।

একটি লাইভ প্রিভিউ তৈরি হওয়া থিমে একটি বাটন, একটি কার্ড সারফেস ও একটি লিংক রেন্ডার করে যাতে আপনি তাৎক্ষণিকভাবে বিচার করতে পারেন, এবং ফলাফলগুলো CSS ভ্যারিয়েবল বা একটি স্বতন্ত্র গ্র্যাডিয়েন্ট হিসেবে এক্সপোর্ট হয়। জেনারেশন একটি AI মডেলের মাধ্যমে সার্ভারে চলে এবং আপনার অ্যাকাউন্ট থেকে ক্রেডিট ব্যবহার করে; ব্যর্থ রান চার্জ করা হয় না।

AI থিম ও গ্রেডিয়েন্ট জেনারেটর কীভাবে ব্যবহার করবেন

  1. সাইন ইন করুন এবং আপনার কাঙ্ক্ষিত ইন্টারফেসের অনুভূতি বর্ণনা করুন।
  2. ঐচ্ছিকভাবে থিমটিকে আপনার ব্র্যান্ডের সাথে সংযুক্ত করতে একটি বেস রঙ সেট করুন।
  3. "Generate"-এ ক্লিক করুন এবং গ্র্যাডিয়েন্ট ও ডিজাইন টোকেন পর্যালোচনা করুন।
  4. বাটন, কার্ড ও লিংক স্টাইলের লাইভ প্রিভিউ পরীক্ষা করুন।
  5. CSS ভ্যারিয়েবল বা গ্র্যাডিয়েন্ট কপি করুন, বা পুনরাবৃত্তি করতে আবার তৈরি করুন।

সচরাচর জিজ্ঞাসিত প্রশ্ন

একটি সমন্বিত গ্র্যাডিয়েন্ট প্লাস একটি সিমান্টিক টোকেন সেট (primary, surface, text, border এবং success/warning/danger রঙ) একটি লাইভ UI প্রিভিউ সহ উপস্থাপিত এবং CSS কাস্টম প্রপার্টি বা একটি স্বতন্ত্র গ্র্যাডিয়েন্ট মান হিসেবে এক্সপোর্টযোগ্য।

না: প্রতিটি জেনারেশন আপনার অ্যাকাউন্ট থেকে ক্রেডিট ব্যবহার করে, কারণ থিমটি সার্ভারে একটি AI মডেল দ্বারা ডিজাইন করা হয়। প্রতি-জেনারেশন খরচ পেজে দেখানো হয়, এবং একটি ব্যর্থ জেনারেশনের জন্য আপনার কাছ থেকে কখনো চার্জ নেওয়া হয় না।

হ্যাঁ। ঐচ্ছিক বেস রঙ পূরণ করুন এবং AI এর চারপাশে গ্র্যাডিয়েন্ট ও টোকেন তৈরি করে, আপনার ব্র্যান্ড হিউকে কেন্দ্রীয় রেখে সামঞ্জস্যপূর্ণ সারফেস, টেক্সট টোন ও স্টেট রঙ ডিজাইন করে।

"Copy CSS variables"-এ ক্লিক করুন এবং ব্লকটি আপনার স্টাইলশিটের :root-এ পেস্ট করুন: তারপর আপনার কম্পোনেন্টগুলো সরাসরি টোকেনগুলো রেফারেন্স করতে পারে। শুধু গ্র্যাডিয়েন্ট চাইলে, "Copy gradient" আপনাকে শুধু সেই মানটি দেয়।

চেহারার বদলে উদ্দেশ্য বর্ণনা করে এমন নামযুক্ত কালার ভ্যারিয়েবল (surface, text, border, success, danger) যাতে কম্পোনেন্টগুলো কাঁচা HEX মানের বদলে রোল রেফারেন্স করে। এটি একটি ইন্টারফেসকে সামঞ্জস্যপূর্ণ রাখে এবং ভবিষ্যতে থিম পরিবর্তনকে শুধু টোকেন মান বদলানোর বিষয়ে পরিণত করে।

শেয়ার করুন

জনপ্রিয় অনুসন্ধান
ai থিম জেনারেটর ai ui থিম ai গ্রেডিয়েন্ট পরামর্শদাতা ডিজাইন টোকেন জেনারেটর ai রঙ থিম প্রম্পট থেকে ui থিম ai থিম ও গ্রেডিয়েন্ট সাজেস্টার
সাহায্য দরকার?
এই টুলে কোনো সমস্যা পেয়েছেন? আমাদের দলকে জানান।
সমস্যা রিপোর্ট করুন

আপনার নিজের ওয়েবসাইটে এই বিনামূল্যের টুলটি যোগ করুন: নিচের কোডটি কপি করে পেস্ট করুন।