Lovable ใช้ทำอะไร?
แพลตฟอร์ม Lovable (อ่านว่า “เลิฟเวเบิล” ) เป็นเครื่องมือประเภท Vibe Coding หรือการเขียนโค้ด โดยใช้ AI ช่วยโปรแกรม ทำให้เราสามารถเขียนระบบต่างๆได้โดยไม่ต้องมีความรู้เรื่องภาษาคอมเลย ทำให้สร้างเว็บ เว็บแอพ แอพบลิเคชั่น ต่างๆที่ต้องการมาใช้งานได้ โดยความพิเศษของ Lovable.dev คือ
- เขียนระบบโดยไม่ต้องโค้ด Vibe Coding – พิมพ์ภาษาไทย ภาษาพูดนี่แหละ ต้องการอะไรทำงานยังไงก็เล่าให้มันฟัง
- Unlimited lovable.app domains – เมื่อเขียนเสร็จ ได้ระบบที่คิดว่าใช้งานได้แล้ว ก็สามารถใช้งาน Sub-Domain ของเขาเองก็จะเป็นลิ้ง เช่น www.Name.lovable.app
- สามารถซื้อโดเมนผ่าน lovable ใช้กับ lovable.app ได้เลย เครื่องมือที่เราสร้างก็จะใช้ผ่านชื่อเว็บใหม่ที่เราซื้อ ราคาดี
- ต้องการอะไร lovable.app จัดให้ – เมื่อเราสร้างเครื่องมือ SaaS ซักตัวมันจะสร้างฐานข้อมูล Login เขียนระบบเสร็จพร้อมใช้งาน เรามีหน้าที่แค่กดปุ่ม Publish
- พัฒนาต่อ อัพเดทระบบ – ถ้าเรามีแก้ไขหรือทำระบบเพิ่มเราสามารถพิมพ์ๆ สั่งๆ ปรับแต่งจนรู้สึกว่ามัน OK แล้ว ค่อยกดปุ่ม Publish แล้วเวอร์ชั่นที่ใช้อยู่จะอัพเดทเป็นล่าสุดทันที (เจ๋งมาก)
- ใช้งานฟรี ก็ได้นะ – เราสามารถสร้างบัญชีฟรีใช้ได้เลยไม่ต้องกรอกบัตรเครดิต มี Daily credits 5 เครดิต/วัน รีเซตทุกๆ 24 ชม ถ้าไม่ใช้มัน
Lovable (อ่านว่า “ลัฟ’วะเบิล”) adj. น่ารัก, น่าชื่นชอบ
ระบบเครดิต lovable.app
เวลาเราจะพิมพ์แชท เพื่อสั่งให้ lovable ทำอะไรหรือคุยกับมันต้องใช้เครดิตในระบบ ถ้าไม่มีเครดิตคุยอะไรไม่ได้เลย แล้วอย่าไปถามอะไรสั้นๆ เหมือนถาม ChatGPT นะมันคิดเครดิตหมดเลย ฮ่าๆๆ จะสั่งงานอะไรหรือถามอะไรมัน ให้พิมพ์ยาวๆหนึ่งหน้า A4 ถึงจะคุ้มเครดิต 5 เครดิต/วัน นะครับ
ส่วนการนับเครดิตของมัน จะแบ่งออกเป็น 3 อย่างคือ
- AI edits count – เครดิต AI ที่มีการแก้ไขโปรเจ็ค ที่ไม่ใช่สร้างฟีเจอร์ใหม่
- Messages count – เครดิตที่เราคุยกับมัน สิ้นเปลียงมากกกกกกก
- Credits used – เครดิตที่ใช้ในโปรเจ็คนี้ไปทั้งหมด
มีเครดิตฟรีให้ใช้ต่อวัน
lovable มีระบบเครดิตให้ใช้ฟรีๆ 5 เครดิต/วัน จะรีเซตใหม่ทุกๆ 24 ชม. แปลว่าถ้าเราไม่ได้ใช้มันจะหายไปเสียเปล่า ดังนั้นเรามีโอกาศใช้มันทุกๆวัน เมื่อรับแล้วก็จะมี 5×30 = 150 เครดิต
- สมัครครั้งแรกจะได้ 5 เครดิต/วัน + 10 Extra (Bonus Credits) = 15 เครดิต เพียงพอที่จะสร้างอะไรก็ได้เป็นรูปเป็นร่างให้เห็นได้
- หลังจากนั้นวันละ 5 เครดิต/วัน ทุกๆวัน (จนเราอดใจไม่ไหวต้องซื้อ)
- 5 เครดิต/วัน จะได้ตอนที่เราสมัครบัญชีฟรี 30 วัน และในอีก 30 วันเมื่อเราจ่ายเงิน
- ถ้าเราสมัครบัญชีฟรี จะได้ 5 เครดิต/วัน เป็นเวลา 30 วันหลังจากนั้นไม่มีเครดิตแล้ว = 0 เครดิต/วัน ตลอดกาล
- ถ้าเราซื้อ/จ่ายเงินรายเดือน ระบบ 5 เครดิต/วัน จะกลับมาอีกครั้งเป็นระยะเวลา 30 วันๆละ 5 เครดิต
- สรุป คือ 5 เครดิต/วัน จะได้ก็ต่อเมื่อเราจ่ายตังซื้อรายเดือนมันถึงจะยอมให้เราทุกๆวัน หยุดจ่ายเงินก็ไม่ได้เครดิตต่อวัน
ซื้อเครดิต
หากเรารอ 5 เครดิต/วันไม่ไหว อยากให้งานเสร็จเร็วๆ เรามีทางออก คือ จ่ายเงินซื้อเครดิต ซึ่งจะมี ราคา+จำนวนเครดิตต่อเดือน ให้เราเลือกซื้อ ขึ้นอยู่กับว่าเรามีโปรเจ็คหรืองานที่จะสร้างมากน้อยแค่ไหน เราก็เลือกจำนวนเครดิตที่เราคิดว่าเพียงพอในการใช้แต่ละเดือนได้เลย
มีเครดิตให้เลือกซื้อ 2 รูปแบบ คือ
- Plan Pro $25/เดือน
- โดยจะมีตัวเลือกเพิ่มคือจำนวนเครดิต/เดือน ดังนี้
- 100 เครดิต/เดือน = $25/เดือน | รายปี $21/เดือน
- 200 เครดิต/เดือน = $50/เดือน | รายปี $42/เดือน
- 400 เครดิต/เดือน = $100/เดือน | รายปี $84/เดือน
- 800 เครดิต/เดือน = $200/เดือน | รายปี $167/เดือน
- 1,200 เครดิต/เดือน = $294/เดือน | รายปี $245/เดือน
- 2,000 เครดิต/เดือน = $480/เดือน | รายปี $400/เดือน
- 3,000 เครดิต/เดือน = $705/เดือน | รายปี $588/เดือน
- 4,000 เครดิต/เดือน = $920/เดือน | รายปี $767/เดือน
- 5,000 เครดิต/เดือน = $1125/เดือน | รายปี $938/เดือน
- 7,500 เครดิต/เดือน = $1688/เดือน | รายปี $1407/เดือน
- 10,000 เครดิต/เดือน = $2250/เดือน | รายปี $1875/เดือน
- สิ่งได้ใน Plan Pro นี้ก็คือ
- 10000 monthly credits
- 5 daily credits (up to 150/month)
- Usage-based Cloud + AI
- Credit rollovers
- On-demand credit top-ups
- Unlimited lovable.app domains
- Custom domains
- Remove the Lovable badge
- User roles & permissions
- โดยจะมีตัวเลือกเพิ่มคือจำนวนเครดิต/เดือน ดังนี้
- Plan Business $50/เดือน
- แบบ Business ก็จะมีเครดิตต่อเดือนให้เลือกเหมือนกัน ดังนี้
- 100 เครดิต/เดือน = $50/เดือน | รายปี $42/เดือน
- 200 เครดิต/เดือน = $100/เดือน | รายปี $84/เดือน
- 400 เครดิต/เดือน = $200/เดือน | รายปี $167/เดือน
- 800 เครดิต/เดือน = $400/เดือน | รายปี $334/เดือน
- 1,200 เครดิต/เดือน = $588/เดือน | รายปี $490/เดือน
- 2,000 เครดิต/เดือน = $960/เดือน | รายปี $800/เดือน
- 3,000 เครดิต/เดือน = $1410/เดือน | รายปี $1175/เดือน
- 4,000 เครดิต/เดือน = $1840/เดือน | รายปี $1534/เดือน
- 5,000 เครดิต/เดือน = $2250/เดือน | รายปี $1875/เดือน
- 7,500 เครดิต/เดือน = $3300/เดือน | รายปี $2750/เดือน
- 10,000 เครดิต/เดือน = $4300/เดือน | รายปี $3584/เดือน
- สิ่งที่ได้ใน Plan Business ก็คือ
- All features in Pro, plus: – ทุกอย่างที่ได้จากแผน Pro และเพิ่มด้วยด้านล่างนี้
- 100 monthly credits – อันนี้เครดิตต่อเดิน
- Internal publish – เปิดให้โปรเจ็คที่สร้างใช้งานได้ภายในทีมเท่านั้น ไม่ใช่แบบ Publish ถึงจะใช้ได้แบบปกติ (อันนี้ดีสำหรับสร้างมาใช้ในองค์กร)
- SSO – ระบบยืนยันตัวตน (Single Sign-On) ที่ใช้ผ่านหลายอุปกรณ์ได้
- Team workspace – สามารถแยกพื้นที่ทำงานกับทีมได้ ทำให้คนอื่นๆ เห็นเฉพาะโปรเจ็คที่รับผิดชอบเท่านั้น
- Personal projects – โปรเจ็คส่วนตัวแยกจากทีมงาน
- Design templates – สามารถออกแบบเทมเพลต ที่จะใช้กับโปรเจ็คต่างๆได้
- Role-based access – สามารถจำกัดสิทธิ์การเข้าถึง
- Security center – ระบบความปลอดภัยแบบรวมศูนย์
- แบบ Business ก็จะมีเครดิตต่อเดือนให้เลือกเหมือนกัน ดังนี้
ซื้อเครดิต เป็นของขวัญ
ถ้าเราใช้ lovable และเพื่อนหรือคนที่เรารักเขาก็ใช้ lovable เหมือนกัน เราสามารถส่งเงิน USD เป็นของขวัญให้เขาเอาไว้ซื้อเครดิตได้ด้วย
วิธีใช้งาน Lovable
วิธีการใช้งาน Lovable นั้นไม่ยากเลยครับ เหมือนกับการแชทคุยกับ ChatGPT, Gemini ทั่วไป แต่ก่อนที่เราจะสร้างอะไรนั้น เราควรที่จะมีภาพทั้งหมดที่เสร็จแล้วในหัวเราก่อนนะครับ เพื่อที่เราจะได้สั่งงานได้ถูกต้องและให้ Lovable เข้าใจภาพรวมก่อนว่าเราต้องการอะไร ทำอะไรอยู่และกำลังจะสร้างเครื่องมืออะไร พอเราบอกความต้องการทั้งหมดภาพรวมแล้ว Lovable จะรู้ว่าต้องออกแบบ UX/UI หน้าหน้าเริ่มต้นอย่างไร เพื่อให้เราพัฒนาต่อจากสิ่งที่ Lovable ขึ้นต้นให้เราไว้ครับ โดยรวมผมสรุปแบบร้ให้เป็นข้อๆ
- ก่อนที่จะแชทสั่ง Lovable ครั้งแรก เราควรมีภาพในหัวก่อน เพื่อที่เราจะสื่อสารให้ Lovable เข้าใจตั้งแต่สั่งในแชทครั้งแรก เช่น เขียนอธิบายระบบว่ามันเอาไว้ทำอะไร ทำงานอย่างไร ใครใช้งานบ้าง มีเมนูอะไร แสดงผลอะไร เก็บข้อมูลอะไร ประมวลผล วิเคราะห์ ผูกสูตร อัพเดท มีหลังบ้านให้อนุมัติอะไร
- หนึ่งย่อหน้า สำหรับการทำงานของระบบที่เราจะสร้าง ทำอะไรได้ เพื่อใช้ทำอะไร มีใครต้องใช้มันบ้าง หน้าที่แต่ละคนที่ใช้ระบบทำอะไร
- รายละเอียดระบบ ให้เขียนเป็นหัวข้อ แต่ละหัวข้อมีรายละเอียด เช่น เมนู Header มีอะไร แต่ละเมนูทำอะไรแสดงผลอะไร (อธิบายความต้องการ หรือ อธิบายหน้าที่ การทำงาน กดหนดชื่อปุ่มเมนูได้เองเลย)
- ระบบ Backend ถ้าเราต้องการระบบหลังบ้านที่เอาไว้จัดการ ให้บอกว่าสร้าง Backend ที่มีเมนูชื่ออะไรบ้าง แต่ละเมนูเอาไว้ทำอะไร เช่น ระบบจัดการสมาชิก ระบบธีม ระบบ import/export ไฟล์จาก Excel ระบบสิทธิ์การเข้าถึงแต่ละเมนู ระบบจัดการ Logo Brands เป็นต้น
- จากหัวข้อแรก ให้เราส่งข้อความระบบทั้งหมดที่เราเขียนมาเป็นภาษาไทย หรือภาษาอังกฤษ หรือมีรูปตัวอย่างระบบจากคนอื่นๆ หรือไฟล์ Excel ที่จะให้ Lovable ให้เราแนบไฟล์ไปด้วย โดยแนบได้สูงสุด 10 ไฟล์ พร้อมกับข้อความสั่งให้สร้างระบ หลังจากนั้น Lovable จะเริ่มขั้นตอนสร้าง Prototype (ต้นแบบ) ให้เราเห็นด้านขวามมือ
- บางครั้งหลังจากเราส่งคำสั่งแรกไป Lovable จะมี Message box กล่องข้อความขึ้นมาในแชทเป็นคำถามให้เราเลือก ตัดสินใจให้มัน บางอย่างจะถามเราว่าใช่แบบนี้ไหม เอาแบบนี้ดีไหม เราก็ติ๊กข้อที่ตรงกับความต้องการของเราหรือถ้าไม่ตรงมันมีให้พิมพ์ใส่ หลังจาก Lovable ได้ข้อมูลการตัดสินใจเราครบแล้วก็จะเริ่ม ขั้นตอนสร้าง Prototype (ต้นแบบ) เราจะรอหรือปิดหน้าแชทนั้นทิ้งไปทำอย่าอื่นได้เลย
- หลังจากเราเห็น Prototype (ต้นแบบ) แล้วถ้าเครดิตยังเหลือ หรือเราจะซื้อเครดิต เพื่อทำต่อปรับแต่ง แก้ไขให้เสร็จได้เลย อันไหนไม่ตรงหรือจะปรับแก้ไข เพิ่มฟีเจอร์ เราสามารถสั่งงานมันได้จากแชท แล้วด้านขวามือ Prototype (ต้นแบบ) จะรีเฟรชอัพเดทตามให้เรา
- ด้านขวามมือด้านบนจะมีปุ่ม Publish เพื่อสร้าง URL สำหรับใช้งานจริง เราสามารถเล่นผ่าน Publish URL ได้เลย เมื่อมีการ Dev ปรับแก้ไขในหลังบ้านของระบบ Lovable มันจะแสดงผลด้านขวามือให้เราลองคลิกเล่นดูก่อน ถ้าถูกใจแล้วเราค่อยกด Publish เพื่ออัพเดท Link ที่ใช้งานจริงให้ตรงกับที่เราพัฒนาอยู่
- Note ถ้าเราพัฒนายังไม่ครบหรือเสร็จ อย่าเพิ่งกด Publish ก็ได้ แต่ถ้าฟีเจอร์แรกใช้งานได้แล้วก็กด Publish ทีละนิดๆเรื่อยๆ ได้เลย ไม่เสียเครดิตในส่วนของ Publish
- เทคนิค ถ้าหากเราต้องการสร้างระบบหลายอันพร้อมกัน ให้เปิดบัญชีใหม่ Lovable แยกอีเมลสำหรับแต่ละโปรเจ็ค เพราะมันจะได้ 15 เครดิตแรกสำหรับตั้งต้น Prototype (ต้นแบบ) แต่ถ้าเราเอาทุกโปรเจ็คมาไว้ในบัญชีเดียว เราจะใช้เครดิตฟรีในการพัฒนาไม่พอ หากเราตั้งใจจะซื้อเครดิตอยู่แล้วก็สามารถขึ้นโปรเจ็คในบัญชีเดียวได้เลยครับ อันนี้แนวทางสำหรับสายใช้เครดิตฟรีๆ
วิธีเชื่อม Lovable กับ Domain
หลังจากเราพัฒนาเว็บไซต์ หรือเว็บแอพเราจนเป็นที่น่าพอใจแล้ว เราสามารถใช้งานผ่าน www.Subdomain.Lovable.app ได้ตลอดไปในเวอร์ชั่นฟรีๆ หรือถ้าเราอยากได้โดเมน ชื่อเว็บสวยๆ เพื่อที่จะได้เข้าผ่านชื่อเว็บได้เลย ทาง Lovable เขาก็มีโดเมนขายให้เราซื้อผ่าน Lovable ได้เลย เราแค่ตัดบัตรจ่ายค่าโดเมน ระบบจะ Auto Config DNS ให้เรา รอประมาณ 2 นาที โดเมนนั้นก็พร้อมใช้งานได้แล้ว
สรุป
- Lovable ถือว่าเป็นเครื่องมือ Vide Coding ได้ดีมาก โดยเฉพาะถ้าใครจะพิมพ์ไทย สั่งให้ทำหรือแก้ไขอะไร ภาษาไทยตลอดได้เลย
- สร้างเครื่องมือได้ทุกสิ่งเลย เหมาะกับสร้าง Tool ใช้ในองค์กร
- เทียบกับ https://script.google.com แล้วทำ UX/UI ได้ดีกว่ามาก แถม Lovable เป็น AI ชนะขาด (เสียอย่างเดียว เสียเงินนี่แหละ)
- เขามี 3 เว็บ นะครับถ้าใครยัง งงๆ อยู่
- www.lovable.dev – เว็บหลัก
- www.lovable.app – เว็บ Production เผยแพร่เว็บที่เสร็จแล้ว
- www.lovable.ai – เว็บการตลาด
ใครสนใจไปลองฟรี! ได้ที่ >> www.lovavlr.dev ครับ
