تا حالا شده ظاهر یک سایت را روی کاغذ بکشید و بخواهید همان طرح را به یک سایت واقعی تبدیل کنید؟ 🤯
با Lovable میتوانید حتی از روی یک اسکچ یا تصویر، یک وبسایت واقعی بسازید!
🔹 مرحله 1 | ورود به Lovable
ابتدا وارد سایت Lovable شوید و با حساب کاربری خود Sign up / Log in کنید.
⚠️ نکته:
برای استفاده از Lovable ممکن است به فیلترشکن نیاز داشته باشید.
🔗 ورود به Lovable
🔹 مرحله 2 | ایجاد پروژه
یک پروژه جدید ایجاد کنید و وارد محیط ساخت سایت شوید.
🔹 مرحله 3 | آپلود نقاشی یا اسکچ
حالا تصویری که از طرح روی کاغذ گرفتهاید را در پروژه آپلود کنید.
مثلاً فرض کنید روی کاغذ این موارد را کشیدهاید:
📌 منوی بالای سایت
📌 تصویر اصلی
📌 دکمه ورود
📌 بخش محصولات
📌 فوتر
ابزار Lovable میتواند ساختار این طرح را بررسی کند و آن را به یک رابط کاربری واقعی تبدیل کند.
🔹 مرحله 4 | نوشتن Prompt
بعد از اضافه کردن تصویر، در بخش چت برای Lovable توضیح دهید که دقیقاً چه چیزی میخواهید.
مثلاً:
«این تصویر، طرح اولیه صفحه اصلی سایت من است. ساختار، چیدمان و سبک بصری آن را حفظ کن و یک صفحه وب مدرن، زیبا و کاملاً ریسپانسیو بر اساس آن ایجاد کن.»
✨ میتوانید جزئیات بیشتری هم اضافه کنید؛ مثلاً:
«رنگ اصلی سایت آبی باشد، فونت فارسی استفاده شود، دکمهها گوشههای گرد داشته باشند و طراحی برای موبایل و دسکتاپ ریسپانسیو باشد.»
🔹 مرحله 5 | ساخت سایت توسط هوش مصنوعی
حالا Lovable شروع به ساخت سایت میکند و نتیجه را در محیط پروژه به شما نشان میدهد.
در واقع فقط یک تصویر طراحیشده تحویل نمیگیرید؛ بلکه یک وبسایت واقعی و قابل اجرا ساخته میشود.
🔹 مرحله 6 | مشاهده Preview 👀
میتوانید Preview سایت را ببینید و بررسی کنید که نتیجه چقدر به طرح اولیه نزدیک شده است.
اگر چیزی مناسب نبود، لازم نیست دوباره طراحی کنید!
فقط در چت بنویسید:
«رنگ دکمهها را آبی کن.»
یا:
«بخش محصولات را به صورت کارت نمایش بده.»
یا:
«این صفحه را برای موبایل بهتر و کاملاً ریسپانسیو کن.»
|ابزار Lovable تغییرات را روی پروژه اعمال میکند. 🚀
🔹 مرحله 7 | دریافت و استفاده از کد 💻
یکی از نکات جالب Lovable این است که کدی که برای پروژه تولید شده متعلق به شماست و میتوانید پروژه را با GitHub همگامسازی کنید و کد را در محیطهای دیگر ادامه دهید.
یعنی میتوانید از Lovable برای ساخت اولیه استفاده کنید و بعداً خودتان یا یک برنامهنویس، کد پروژه را توسعه دهید.
💰ابزار Lovable رایگان است یا پولی؟
هر دو! 😉
ابزار Lovable در حال حاضر یک پلن رایگان دارد که برای شروع مناسب است. در پلن رایگان، اعتبارهای محدودی برای ساخت پروژه در اختیار شما قرار میگیرد؛ طبق اطلاعات فعلی Lovable، پلن Free شامل ۵ اعتبار ساخت روزانه، تا سقف ۳۰ اعتبار در ماه است.
اگر پروژههای بیشتری بسازید یا به اعتبار بیشتری نیاز داشته باشید، میتوانید از پلنهای پولی استفاده کنید.
💡 بنابراین برای امتحان کردن تبدیل یک نقاشی ساده به سایت، لازم نیست از ابتدا هزینهای پرداخت کنید.
📖 آموزش هوش مصنوعی
➖➖➖➖➖
🆔 : @StudentAI