รีวิวทดสอบเครื่องมือสร้างเว็บไซต์ด้วย AI รุ่นล่าสุด

• เดิมใช้กระบวนการแบบดั้งเดิม "Figma → รีวิวโดยทีม → นักพัฒนาลงมือสร้าง"
• ครั้งนี้ได้ทดสอบว่า เครื่องมือสร้างเว็บไซต์ด้วย AI (Cursor, v0, Lovable, Bolt) มีประโยชน์แค่ไหนในโปรเจ็กต์จริง
• เป้าหมายของการทดลองนี้คือการตรวจสอบว่า AI จะช่วยทำให้กระบวนการนี้ง่ายขึ้นได้มากแค่ไหน และ ลดช่องว่างจากงานออกแบบไปสู่งานพัฒนา รวมถึงทำให้การทำงานร่วมกันราบรื่นขึ้นได้หรือไม่
• ใช้พรอมป์ต์สั้น ๆ เดียวกันกับทุกแพลตฟอร์มเพื่อเปรียบเทียบ:
  • "ต้องการแลนดิ้งเพจสำหรับผลิตภัณฑ์ซอฟต์แวร์จำลองชื่อ CodeYam ให้คล้ายกับเว็บไซต์เดิม แต่ดูเป็นมืออาชีพมากขึ้น"
  • "I need a landing page for a product we are building. It's a software simulator called 'CodeYam'. This is the website we currently have. Can you create something similar but more professional looking?"

ผลการลองใช้งานแยกตามเครื่องมือสร้างเว็บไซต์ด้วย AI

Cursor

💡 เน้นนักพัฒนา จุดเด่นคือการเชื่อมต่อกับ GitHub

• ต้องติดตั้งแอป Cursor และเชื่อมต่อ GitHub
• มี งานเชิงเทคนิคค่อนข้างมาก เช่น การรันคำสั่งและการเชื่อมต่อกับ Git
• มีพรีวิวให้ผ่านลิงก์ภายนอก
• ผลลัพธ์อยู่ในระดับการจัดวางองค์ประกอบเดิมใหม่เป็นหลัก และ ขาดข้อเสนอเชิงสร้างสรรค์
• ต้องตั้งค่าซับซ้อนเกินไปสำหรับการสร้างหน้าเว็บแบบง่าย ๆ

v0 by Vercel

💡 มอบประสบการณ์ใช้งานและฟังก์ชันที่ดีที่สุด

• UI ดูดีและใช้งานง่าย
• มีฟังก์ชันบันทึกและสลับประวัติโปรเจ็กต์
• มี พรีวิวแบบเรียลไทม์ ระหว่างแชต และตอบสนองต่อการเปลี่ยนแปลงได้ดี
• มีฟังก์ชันแชร์ลิงก์ ทำให้ เก็บฟีดแบ็กได้ง่าย
• ยังมีแอปและไลบรารีคอมโพเนนต์หลากหลายให้ใช้งานด้วย (ไม่ได้ใช้ในการทดสอบ)

Lovable

💡 โดดเด่นด้านการสร้างคอนเทนต์และการสื่อสารข้อความ

• อินเทอร์เฟซเรียบง่ายมาก (หน้าต่างแชต + พรีวิว)
• แม้การควบคุมโดยตรงจะมีจำกัด แต่ก็ สร้างคอนเทนต์คุณภาพสูงได้ด้วยอินพุตเพียงเล็กน้อย
• ให้ผลลัพธ์ที่น่าประทับใจที่สุดในด้านการสื่อสารข้อความ

Bolt.new

💡 เรียบง่ายที่สุด แต่ผลลัพธ์อ่อนที่สุด

• UI คล้ายกับ Lovable แต่ ผลลัพธ์เรียบง่ายกว่า
• คุณภาพทั้งด้านดีไซน์และคอนเทนต์ต่ำกว่า และ ไม่มีจุดเด่นที่โดดเด่น
• แม้จะพรีวิวแบบเรียลไทม์ได้ แต่ ทั้งความคิดสร้างสรรค์และคุณภาพยังขาดอยู่

ความเห็นโดยรวม

• เครื่องมือทั้งหมด ยกเว้น Cursor นั้น ผู้ที่ไม่ใช่นักพัฒนาก็ใช้งานได้ง่าย
• ผลลัพธ์ส่วนใหญ่ ดูเป็นมืออาชีพแต่ค่อนข้างธรรมดา และมีแนวโน้มว่าจะดีขึ้นหากใช้พรอมป์ต์ที่ละเอียดมากขึ้น
• ไม่พบอาการหลอนของ AI, เนื้อหาที่สร้างขึ้นทั้งหมดมีเหตุผลและเหมาะสม
• ทุกแพลตฟอร์ม สามารถตรวจสอบและแก้ไขโค้ดได้ จึงเอื้อต่อการทำงานร่วมกับฝ่ายพัฒนา

สรุปการประเมินขั้นสุดท้าย

• Cursor: เหมาะกับนักพัฒนา แต่เกินความจำเป็นสำหรับการสร้างเว็บไซต์ง่าย ๆ
• v0 by Vercel: UX และการใช้งานจริงดีที่สุด เป็นเครื่องมือที่อยากลองต่อในอนาคต
• Lovable: เด่นด้านการสร้างคอนเทนต์ที่เน้นการสื่อสารข้อความ
• Bolt.new: ยังให้คุณค่าได้ไม่มากไปกว่าความเรียบง่าย

โดยรวมแล้ว หากต้องการสร้าง เว็บไซต์ที่เรียบง่ายและดูเป็นมืออาชีพได้อย่างรวดเร็ว เครื่องมือเหล่านี้อาจเป็นตัวเลือกที่เหมาะสม
แต่หากต้องการ ดีไซน์ที่มีเอกลักษณ์และดูพรีเมียม ก็ยังจำเป็นต้องมีงานทำมือเพิ่มเติม

[unqocn]

ความฝันที่แท้จริงของระบบอัตโนมัติคือการมีเวลาว่างมากขึ้น แต่ความจริงกลับกลายเป็นว่าต้องทำงานให้มากขึ้นและเร็วขึ้นกว่าเดิม

ช่างย้อนแย้งจริง ๆ ...555

[GN⁺]

ความคิดเห็นบน Hacker News

• ลิงก์เครื่องมือที่เกี่ยวข้อง:
  • https://www.cursor.com/
  • https://v0.dev/
  • https://lovable.dev/
  • https://bolt.new/
• ดูเหมือนว่า Lovable จะมีอะไรบางอย่างที่พิเศษ
  • มีความเป็นไปได้สูงว่า Claude3.7 เป็นโมเดลฝั่งแบ็กเอนด์
  • ถ้าแยกงานออกแบบกับการทำ implementation ออกจากกัน การตอบสนองจะดีกว่า
  • มีแนวโน้มว่าจะได้ผลลัพธ์ที่ดีกว่าเมื่อพูดถึงแบรนด์หรือปรัชญาการออกแบบเยอะขึ้น
• เครื่องมืออย่าง Lovable กำลังคุกคามตลาดขายเทมเพลตเดิมและตลาดบริการออกแบบสำหรับสตาร์ทอัพระยะเริ่มต้น
  • แพลตฟอร์มอย่าง Squarespace ก็เริ่มสั่นคลอนเช่นกัน
  • ถ้าสตาร์ทอัพไม่ใช้เครื่องมือแบบนี้ก็อาจตามยุคไม่ทัน
  • แม้แต่ตัวเขาเองที่เป็น full-stack developer ก็เริ่มใช้เครื่องมือแทนการออกแบบเองแล้ว
• ไม่เห็นด้วยกับข้ออ้างที่ว่าบริการเดิมทั้งหมดจะหายไปเพราะเครื่องมืออัตโนมัติ
  • กลับมองว่ามันเป็นโอกาสให้ทำอะไรได้มากขึ้นด้วยทรัพยากรที่น้อยลง
  • ความฝันที่แท้จริงของระบบอัตโนมัติคือการมีเวลาว่างมากขึ้น แต่ความจริงกลับกลายเป็นว่าต้องทำงานมากขึ้นและเร็วขึ้น
• ในฐานะผู้ขายเทมเพลต เครื่องมือ AI ถือเป็นภัยคุกคามระดับอยู่รอดจริง แต่ตอนนี้ยังไม่กระทบรายได้มากนัก
• จำเป็นต้องลองใช้ Lovable ด้วยตัวเองเพื่อเผชิญกับความจริง อย่าเมินความกลัว แต่จงเรียนรู้เพื่อเตรียมรับมือ
• ตอนนี้ UX ของ AI ยังซับซ้อนและการใช้งานก็ยังไม่ดีนัก จึงยังไม่ใช่ภัยคุกคามในทันที
• ประสิทธิภาพของการผสาน Gemini 2.5 เข้ากับ Cursor นั้นยอดเยี่ยมมาก และยังเป็น LLM รูปแบบใหม่ที่ให้ feedback เมื่อได้รับคำสั่งที่ไร้เหตุผล
• ท้ายที่สุดแล้ว ทุกผลิตภัณฑ์อาจเป็นการแข่งขันกันว่าใครตั้งค่า system prompt ได้ดีที่สุดหรือไม่?
  • Cursor สามารถเลือกโมเดลหรือระบุ API key ได้ และมีฟังก์ชันที่มากกว่าพรอมป์ตธรรมดา จุดสำคัญคือโครงสร้าง RAG ที่ใช้เนื้อหาในรีโพซิทอรีเป็นบริบท
  • เช่นเดียวกับที่ความต่างระหว่าง Facebook กับ Friendster ไม่ได้มาจากโค้ดเพียงอย่างเดียว ชัยชนะก็ไม่ได้ตัดสินกันด้วยความต่างของพรอมป์ตเท่านั้น
• ทั้ง UX designer, PM และ developer ต่างก็กังวลว่าตำแหน่งงานไหนจะถูก AI แทนที่ก่อน