Lovable AI ऐप बिल्डर: प्राइसिंग और इमेज जनरेशन कैसे जोड़ें

Lovable एक सादी अंग्रेज़ी में लिखे विवरण को काम करने वाली वेब ऐप में बदल देता है, और पहला डेमो चलते ही दो सवाल तुरंत उठते हैं: इसकी लागत कितनी होगी, और क्या मेरी ऐप खुद तस्वीरें बना सकती है? प्लान $0 से शुरू होते हैं, असली प्रोजेक्ट आम तौर पर $25 प्रति माह पर पहुँचते हैं, और इमेज जनरेशन या तो एक प्रॉम्प्ट (बिल्ट-इन कनेक्टर) से होता है या एक एज फ़ंक्शन (आपकी ऐप के पीछे एक समर्पित इमेज मॉडल) से। नीचे आपको हर बिंदु के हिसाब से प्राइसिंग, यह समझ कि एक क्रेडिट क्या खरीदता है, और दोनों तरीकों से बनी एक काम करने वाली इमेज फ़ीचर मिलेगी, जिसका कोड आप आज ही चिपका सकते हैं।

Lovable क्या अच्छा करता है

Lovable एक चैट-आधारित ऐप बिल्डर है। आप एक स्क्रीन का वर्णन करते हैं, वह React और Tailwind कोड लिखता है, अपने क्लाउड बैकएंड के ज़रिए डेटाबेस और साइन-इन जोड़ता है, और नतीजे को एक लाइव URL पर प्रकाशित करता है। आपका हर संदेश एक बिल्ड है, और हर बिल्ड क्रेडिट खर्च करता है, इसीलिए यहाँ प्राइसिंग एक सामान्य सॉफ़्टवेयर सब्सक्रिप्शन से ज़्यादा मायने रखती है।

प्रॉम्प्ट से काम करने वाली ऐप तक

तीन बातें पहले घंटे को तेज़ महसूस कराती हैं:

• एक चैट, पूरा टूल्स का सेट। पेज, फ़ॉर्म, टेबल और साइन-इन एक ही बातचीत से बाहर आते हैं।
• तुरंत प्रीव्यू। ऐप लिखे जाते समय ही आप उसमें क्लिक करके देख सकते हैं, इसलिए गलत लेआउट दूसरा क्रेडिट खर्च होने से पहले पकड़ में आ जाता है।
• आपका अपना कोड। प्रोजेक्ट एक GitHub रिपॉज़िटरी में सिंक होता है, इसलिए बाद में प्लेटफ़ॉर्म छोड़ना संभव है।

जहाँ यह कमज़ोर पड़ता है

• "make it look better" जैसे अस्पष्ट प्रॉम्प्ट अंदाज़ों पर क्रेडिट खर्च कर देते हैं।
• एक ज़िद्दी बग डीबगिंग लूप में पूरे दिन के क्रेडिट खा सकता है।
• बाहरी सेवाओं को कॉल करने के लिए बैकएंड फ़ंक्शन चाहिए, और शुरुआती लोग अक्सर यह कदम छोड़ देते हैं। इमेज जनरेशन ठीक यहीं अटकती है।

अक्टूबर 2026 में Lovable की प्राइसिंग

Lovable चार प्लान बेचता है। इन सभी में क्रेडिट का एक ही पूल साझा होता है, जो बिल्डिंग, क्लाउड होस्टिंग और आपकी प्रकाशित ऐप के भीतर के AI फ़ीचर का खर्च उठाता है।

💡 पैसे देने से पहले जाँचें। Lovable समय-समय पर अलॉटमेंट और क्षेत्रीय सीमाएँ बदलता है। इस टेबल को अक्टूबर 2026 का स्नैपशॉट मानें और जिस दिन आप खरीदें, उस दिन प्लान पेज ज़रूर पढ़ें।

सबसे ज़्यादा लोग जिस हिस्से को मिस कर देते हैं, वह है साझा पूल। क्रेडिट काम की इकाई है, संदेश नहीं, इसलिए एक बड़ा अनुरोध दस छोटे अनुरोधों से ज़्यादा लागत का हो सकता है, और आपकी प्रकाशित ऐप से होने वाली AI कॉल भी आपके अगले एडिट वाले उसी बैलेंस से खर्च होती है। कोई टियर चुनने से पहले दोनों के लिए बजट बनाएँ।

क्रेडिट कैसे खर्च होते हैं

Lovable का अपना FAQ एक अनुरोध के लिए तीन संदर्भ बिंदु देता है:

इन दरों पर, Pro प्लान के 100 क्रेडिट हर अनुरोध के आकार के हिसाब से लगभग 60 से 200 प्रॉम्प्ट तक चलते हैं। उस पूल के साथ दो और चीज़ें हैं: बैकएंड उपयोग के लिए 20 Cloud क्रेडिट का मासिक ग्रांट, और डिप्लॉय की गई ऐप के भीतर AI फ़ीचर के लिए 4-क्रेडिट का मासिक AI ग्रांट। उपयोग पहले ग्रांट से होता है, फिर आपके सामान्य बैलेंस से।

सालाना बिलिंग का हिसाब

सालाना बिलिंग में दो महीने मुफ़्त मिलते हैं। 100 क्रेडिट वाला Pro सालाना $300 की जगह $250 प्रति वर्ष पड़ता है, यानी लगभग $21 प्रति माह। बड़े टियर हर प्लान के भीतर स्केल होते हैं: Pro $25 पर 100 क्रेडिट से लेकर $2,250 प्रति माह पर 10,000 क्रेडिट तक चलता है, और Business उसी रेंज को $50 से लेकर $4,300 तक कवर करता है। मासिक बिलिंग पर, बिना इस्तेमाल हुए मासिक क्रेडिट अगले एक चक्र के लिए रोलओवर होते हैं, जबकि सालाना बिलिंग में वे और लंबे समय तक जमा रह सकते हैं।

सोलो बिल्डर और साइड प्रोजेक्ट

Free से शुरू करें। महीने के तीस क्रेडिट लगभग 18 से 60 प्रॉम्प्ट के लिए काफ़ी हैं, जिससे एक-दो स्क्रीन वाला प्रोटोटाइप बन सकता है, पर तैयार प्रोडक्ट नहीं। जिस हफ़्ते आपकी डेडलाइन हो, उसी हफ़्ते Pro पर जाएँ, क्योंकि रोलओवर और टॉप-अप भारी दिनों को संभाल लेते हैं।

क्लाइंट वर्क और छोटी टीमें

वर्कस्पेस हर प्लान पर असीमित सदस्यों की अनुमति देते हैं, और प्रति-सीट कीमत नहीं है, इसलिए एक छोटी एजेंसी Pro पर बनी रह सकती है। ऐप चलाने के लिए Business की लागत Pro जितनी ही है; आप केवल SSO, इंटरनल पब्लिशिंग और साझा डिज़ाइन टेम्पलेट के लिए अतिरिक्त भुगतान करते हैं।

Lovable के भीतर इमेज जनरेशन

दो रास्ते हैं, और वे अलग-अलग प्रोजेक्ट्स के लिए ठीक बैठते हैं।

बिल्ट-इन AI कनेक्टर

Lovable के डॉक्स के अनुसार, किसी वर्कस्पेस के लिए AI कनेक्टर डिफ़ॉल्ट रूप से चालू होता है। इमेज सूची में डिफ़ॉल्ट के रूप में GPT Image 2 होता है, उसी परिवार के नए वर्ज़न जुड़ते हैं, और Gemini इमेज मॉडल भी शामिल हैं। कॉल एक बैकएंड फ़ंक्शन के ज़रिए चलती हैं, और Lovable आपके लिए प्रोजेक्ट क्रेडेंशियल बनाता और संभालता है, इसलिए कोई सीक्रेट चिपकाने की ज़रूरत नहीं होती।

1. Connectors खोलें, फिर AI चुनें, और Always allow या Ask each time चुनें। Never allow इसे ब्लॉक करता है।
2. इस तरह का प्रॉम्प्ट भेजें: "एक इमेज जनरेटर पेज जोड़ें। एक टेक्स्ट बॉक्स और एक Generate बटन प्रॉम्प्ट से तस्वीर बनाएँ और नीचे ग्रिड में दिखाएँ।"
3. प्रकाशित करें और लिंक साझा करने से पहले दो-तीन इमेज से टेस्ट करें।

प्रति इमेज लागत

AI गेटवे का उपयोग क्रेडिट में चार्ज होता है, जो मॉडल और किए गए काम पर निर्भर करता है: टोकन, बनी इमेज, वीडियो सेकंड। Free, Pro और Business वर्कस्पेस को पहले 4-क्रेडिट का मासिक ग्रांट मिलता है, और उससे आगे का खर्च आपके सामान्य बैलेंस से होता है। तो नियम सरल है: हर यूज़र के लिए इमेज की सीमा तय करें, टेस्टिंग के दौरान डिफ़ॉल्ट मॉडल रखें, और रीजेनरेट बटन को कभी बिना सीमा के न छोड़ें।

PicassoIA के साथ इमेज जनरेशन जोड़ें

जब आपको फ़ोटोग्राफ़िक आउटपुट, तय सेटिंग्स और अनुमानित बिल चाहिए, तब यह रास्ता चुनें। PicassoIA https://api.picassoia.com/v1 पर Replicate-style API देता है, और पैटर्न हमेशा एक जैसा रहता है: प्रेडिक्शन बनाएँ, उसकी स्थिति जाँचें, आउटपुट पढ़ें।

अलग इमेज API क्यों इस्तेमाल करें

• ज़्यादा सेटिंग्स। PicassoIA Image aspect_ratio (16:9, 9:16, 4:3, 3:4, 3:2, 2:3, 1:1) स्वीकार करता है, एक या दो आउटपुट, webp, jpg या png, और दोहराए जा सकने वाले नतीजों के लिए एक seed।
• लागत। API पेज बताता है कि प्रेडिक्शन अभी मुफ़्त हैं और कोई क्रेडिट नहीं लेते, लेकिन एक्सेस के लिए Infinite प्लान पर एक खाता चाहिए। उसके बिना API 403 plan_required जवाब देता है।
• सीमाएँ। प्रॉम्प्ट में अधिकतम 4,000 अक्षर हो सकते हैं, और एक खाते पर एक साथ अधिकतम 5 प्रेडिक्शन चलते हैं।

सीक्रेट को सुरक्षित रखें

1. API पेज पर एक टोकन बनाएँ। यह pia_sk_ से शुरू होता है।
2. Lovable में Cloud खोलें, फिर Secrets, और PICASSOIA_TOKEN नाम से एक जोड़ें।
3. इसे React कोड और चैट प्रॉम्प्ट से बाहर रखें। ब्राउज़र में जो भी है, वह हर विज़िटर को दिखता है, इसीलिए टोकन केवल फ़ंक्शन के भीतर रहता है।

इमेज बनाने वाला एज फ़ंक्शन

Lovable से generate-image नाम का एज फ़ंक्शन माँगें, फिर पक्का करें कि बॉडी इस वर्ज़न से मेल खाती है। फ़ाइल के सबसे ऊपर वह corsHeaders ब्लॉक रखें जो Lovable पहले ही बना चुका है।

const API = "https://api.picassoia.com/v1";

Deno.serve(async (req) => {
  if (req.method === "OPTIONS") return new Response(null, { headers: corsHeaders });

  const { prompt, aspectRatio = "16:9" } = await req.json();
  const auth = {
    Authorization: `Bearer ${Deno.env.get("PICASSOIA_TOKEN")}`,
    "Content-Type": "application/json",
  };

  const created = await fetch(`${API}/models/picassoia/picassoia-image/predictions`, {
    method: "POST",
    headers: auth,
    body: JSON.stringify({ input: { prompt, aspect_ratio: aspectRatio } }),
  });
  if (!created.ok) {
    return new Response(await created.text(), {
      status: created.status,
      headers: { ...corsHeaders, "Content-Type": "application/json" },
    });
  }

  let prediction = await created.json();
  while (!["succeeded", "failed", "canceled"].includes(prediction.status)) {
    const wait = (prediction.eta?.next_poll_in_seconds ?? 2) * 1000;
    await new Promise((r) => setTimeout(r, wait));
    prediction = await (await fetch(prediction.urls.get, { headers: auth })).json();
  }

  return new Response(
    JSON.stringify({ status: prediction.status, images: prediction.output }),
    { headers: { ...corsHeaders, "Content-Type": "application/json" } },
  );
});

प्रॉम्प्ट कॉपी करें

हर हिस्सा क्या करता है:

• OPTIONS लाइन ब्राउज़र की प्रीफ़्लाइट जाँच का जवाब देती है, ताकि आपका React पेज फ़ंक्शन को कॉल कर सके।
• !created.ok ब्लॉक त्रुटियों को सीधे वापस भेजता है, जिसमें 403 plan_required संदेश भी शामिल है, बजाय इसके कि विफल अनुरोध पर अनंत लूप चले।
• while लूप तैयार प्रेडिक्शन का इंतज़ार करता है और जाँच के बीच सुझाए गए अंतराल का पालन करता है।
• रिटर्न वैल्यू केवल स्टेटस और इमेज सूची भेजती है, ताकि कुछ भी संवेदनशील ब्राउज़र तक न पहुँचे।

परिणाम के लिए पोल करें

प्रेडिक्शन बनाने पर HTTP 201 मिलता है, जिसमें id, एक status और एक urls.get पता होता है। स्थिति starting और processing से होकर succeeded, failed या canceled तक पहुँचती है, और सफल होने पर output इमेज URL की सूची रखता है। eta.next_poll_in_seconds मान बताता है कि अगली जाँच कब करना सार्थक है, इसीलिए ऊपर वाला लूप उतनी देर इंतज़ार करता है, बजाय एंडपॉइंट को बार-बार कॉल करने के।

💡 फ़ाइल सहेजें। हर तैयार इमेज को अपने स्टोरेज बकेट में कॉपी करें और उस पते को अपनी टेबल में सहेजें। फिर आपकी गैलरी कभी किसी तीसरे पक्ष के लिंक के बने रहने पर निर्भर नहीं करेगी।

💡 बाद में क्लिप? Seedance 2.5 Lite उसी API पर वही create-and-poll पैटर्न इस्तेमाल करता है। URL में मॉडल पाथ बदलता है और इनपुट अलग होते हैं, इसलिए पहले मॉडल पेज जाँच लें। फिर "Make a short clip" बटन के लिए आपको एक और फ़ंक्शन चाहिए, नया आर्किटेक्चर नहीं।

Lovable से स्क्रीन बनवाएँ

फ़ंक्शन डिप्लॉय होने के बाद, इंटरफ़ेस के लिए बस एक और संदेश चाहिए:

"Studio नाम का एक पेज जोड़ें। एक फ़ॉर्म में एक प्रॉम्प्ट बॉक्स और 16:9, 1:1 और 9:16 वाला एक आस्पेक्ट रेशियो सेलेक्ट हो। सबमिट पर prompt और aspectRatio के साथ एज फ़ंक्शन generate-image को कॉल करें। एक लोडिंग स्केलेटन दिखाएँ, फिर लौटी इमेज को डाउनलोड बटन के साथ दिखाएँ। हर परिणाम को user id, prompt, image URL और created_at वाली generated_images नाम की टेबल में सहेजें। फ़ंक्शन विफल होने पर एरर टोस्ट दिखाएँ, और अनुरोध चलते समय बटन को डिसेबल रखें।"

वह आखिरी वाक्य मायने रखता है। हर खाते पर एक समय में पाँच प्रेडिक्शन की अनुमति होने से, डिसेबल बटन और प्रति-यूज़र छोटी कतार आपकी ऐप को व्यस्त दोपहर में सीमा तक पहुँचने से रोकती है।

जोड़ने लायक मॉडल

API चार मॉडल देता है: PicassoIA Image, PicassoIA Image Editor Pro, PicassoIA Video और Seedance 2.5 Lite। नीचे दिए बाकी मॉडल PicassoIA स्टूडियो में चलते हैं, जो कोड में डालने से पहले प्रॉम्प्ट टेस्ट करने के लिए उपयोगी हैं।

ऐसे प्रॉम्प्ट जो काम की इमेज बनाएँ

आपके यूज़र चार शब्द टाइप करेंगे, और चार शब्द आम तस्वीरें देते हैं। इसे फ़ंक्शन में ठीक करें: मॉडल तक पहुँचने से पहले यूज़र के टेक्स्ट को एक फ़ोटोग्राफ़िक टेम्पलेट में लपेटें।

टेम्पलेट: [subject and action], [setting], [light direction], [camera and lens], [texture and film look]

उदाहरण के लिए, यूज़र "coffee shop" टाइप करता है, और आपका फ़ंक्शन यह भेजता है: "लकड़ी के काउंटर के पीछे सिरेमिक कप में दूध डालता बरिस्ता, बाईं खिड़की से सुबह की रोशनी, 50mm लेंस f/1.8 पर, दिखती भाप और लकड़ी की बनावट, Kodak Portra 400 फ़िल्म ग्रेन।" नतीजा स्टॉक इलस्ट्रेशन की जगह एक फ़ोटो जैसा दिखता है।

फ़्री-फ़ॉर्म इनपुट के लिए एक अतिरिक्त कदम जोड़ें। छोटे टेक्स्ट को Claude Sonnet 5 को भेजें, इस निर्देश के साथ कि उसे 50 शब्दों के फ़ोटोग्राफ़िक प्रॉम्प्ट में फैलाए, फिर उसे इमेज मॉडल को दें। 4,000-अक्षर की सीमा के नीचे के प्रॉम्प्ट के लिए इसमें भरपूर जगह बची रहती है।

वे गलतियाँ जो क्रेडिट बर्बाद करती हैं

1. ब्राउज़र से इमेज API को कॉल करना। CORS इसे ब्लॉक करता है और टोकन लीक हो जाता है। हमेशा फ़ंक्शन के ज़रिए जाएँ।
2. एक लाइन के बदलाव के लिए पूरा पेज दोबारा लिखवाना। सिर्फ़ एक बदलाव माँगें; 0.5 क्रेडिट वाला अनुरोध 1.7 क्रेडिट वाले से बेहतर है।
3. प्रति-यूज़र सीमाएँ छोड़ना। लूप वाला एक जिज्ञासु विज़िटर आपका AI ग्रांट मिनटों में खाली कर सकता है।
4. हर क्लिक से प्रेडिक्शन बनने देना। काम चलते समय बटन डिसेबल करें, और एक साथ पाँच की सीमा का सम्मान करें।
5. परिणाम सहेजना नहीं। खोई हुई इमेज को दोबारा बनाने में समय और नया प्रेडिक्शन लगता है।
6. सीक्रेट चैट में चिपकाना। चैट हिस्ट्री कोई तिजोरी नहीं है। Secrets का इस्तेमाल करें।

आज ही अपना पहला इमेज फ़ीचर बनाएँ

अब आपके पास पूरी जानकारी है: परखने के लिए एक फ़्री टियर, प्रोजेक्ट असली होने पर $25 वाला Pro, और अपनी ऐप को अपना कैमरा देने के दो साफ़ तरीके। छोटे से शुरू करें। तुरंत जाँचने के लिए बिल्ट-इन कनेक्टर जोड़ें, फिर फ़ोटोग्राफ़िक नियंत्रण चाहिए तो भारी काम PicassoIA इमेज API को सौंप दें।

Picasso IA खोलें, वही प्रॉम्प्ट PicassoIA Image और ऊपर दिए बाकी मॉडलों में से दो-तीन पर चलाएँ, और कोड की एक लाइन लिखने से पहले देखें कि कौन-सा आपके प्रोडक्ट में फ़िट बैठता है। फिर एज फ़ंक्शन चिपकाएँ, स्क्रीन वाला प्रॉम्प्ट Lovable को दें, और एक ऐसी ऐप शिप करें जो अपनी तस्वीरें खुद बनाए।