17 điểm bởi GN⁺ 2025-03-31 | 2 bình luận | Chia sẻ qua WhatsApp
  • Trước đây dùng quy trình truyền thống: "Figma → review trong nhóm → developer triển khai"
  • Lần này thử nghiệm xem các công cụ AI website builder (Cursor, v0, Lovable, Bolt) hữu ích đến mức nào trong dự án thực tế
  • Mục tiêu của thử nghiệm này là kiểm tra AI có thể đơn giản hóa quy trình này đến đâu, liệu có thể giảm bớt bước chuyển từ thiết kế sang phát triển và làm cho việc cộng tác trơn tru hơn hay không
  • Tiến hành so sánh bằng cùng một prompt đơn giản trên mọi nền tảng:
    • "Cần một landing page cho sản phẩm mô phỏng phần mềm tên là CodeYam. Nó nên tương tự website hiện tại nhưng trông chuyên nghiệp hơn."
    • "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?"

Kết quả trải nghiệm theo từng công cụ AI website builder

Cursor

💡 Tập trung cho developer, mạnh ở tích hợp GitHub

  • Cần cài app Cursor và kết nối GitHub
  • Có nhiều thao tác kỹ thuật như chạy lệnh và tích hợp Git
  • Cung cấp bản xem trước qua liên kết bên ngoài
  • Kết quả chủ yếu ở mức sắp xếp lại các thành phần sẵn có, thiếu những đề xuất sáng tạo
  • Cần thiết lập quá phức tạp cho việc tạo một trang web đơn giản

v0 by Vercel

💡 Mang lại trải nghiệm người dùng và tính năng tốt nhất

Quảng cáo
  • UI tinh tế và dễ sử dụng
  • Hỗ trợ lưu và chuyển đổi lịch sử dự án
  • Cung cấp xem trước theo thời gian thực trong lúc chat, phản hồi tốt với các thay đổi
  • Có tính năng liên kết chia sẻ nên dễ thu thập phản hồi
  • Cũng cung cấp nhiều app và thư viện component khác nhau (không dùng trong bài test)

Lovable

💡 Xuất sắc về tạo nội dung và truyền tải thông điệp

  • Giao diện rất đơn giản (khung chat + preview)
  • Khả năng điều khiển trực tiếp còn hạn chế, nhưng vẫn tạo được nội dung chất lượng cao với đầu vào tối thiểu
  • Cho kết quả ấn tượng nhất về khả năng messaging

Bolt.new

💡 Đơn giản nhất nhưng kết quả còn yếu nhất

Quảng cáo
  • UI tương tự Lovable nhưng đầu ra đơn giản hơn
  • Chất lượng thiết kế và nội dung thấp hơn, không có điểm nào thực sự nổi bật
  • Có thể xem trước theo thời gian thực nhưng thiếu cả sáng tạo lẫn chất lượng

Cảm nhận chung

  • Ngoại trừ Cursor, các công cụ còn lại đều dễ dùng ngay cả với người không phải developer
  • Đầu ra nhìn chung chuyên nghiệp nhưng đơn điệu, có thể sẽ tốt hơn nếu dùng prompt cụ thể hơn
  • Không gặp AI hallucination, mọi nội dung được tạo ra đều hợp lý và phù hợp
  • Trên mọi nền tảng đều có thể xem và chỉnh sửa code, thuận lợi cho cộng tác phát triển

Tóm tắt đánh giá cuối cùng

  • Cursor: Thân thiện với developer nhưng hơi quá mức cho việc làm website đơn giản
  • v0 by Vercel: UX và tính thực dụng tốt nhất, là công cụ muốn tiếp tục thử nghiệm trong tương lai
  • Lovable: Mạnh ở tạo nội dung theo hướng messaging
  • Bolt.new: Không mang lại nhiều giá trị ngoài sự đơn giản

Nhìn chung, nếu muốn tạo một website đơn giản và chuyên nghiệp một cách nhanh chóng, các công cụ này có thể là lựa chọn phù hợp
Nhưng nếu muốn một thiết kế độc đáo và cao cấp, vẫn sẽ cần thêm công đoạn làm thủ công

2 bình luận

 
unqocn 2025-03-31

Giấc mơ thật sự của tự động hóa là có thêm thời gian rảnh, nhưng thực tế lại là phải làm nhiều việc hơn với tốc độ nhanh hơn.

Mỉa mai thật đấy... hahaha

 
GN⁺ 2025-03-31
Ý kiến trên Hacker News
  • Link các công cụ liên quan:
  • Lovable tạo cảm giác như có một yếu tố gì đó đặc biệt
    • Khả năng cao Claude3.7 là mô hình backend
    • Nếu tách riêng phần thiết kế và triển khai để làm việc thì phản hồi sẽ tốt hơn
    • Có xu hướng cho kết quả tốt hơn nếu nhắc nhiều đến thương hiệu hoặc triết lý thiết kế
  • Các công cụ như Lovable đang đe dọa thị trường bán template hiện có hoặc dịch vụ thiết kế cho startup giai đoạn đầu
    • Các nền tảng như Squarespace cũng trở nên bấp bênh
    • Startup nào không dùng các công cụ này thì sẽ bị tụt lại phía sau
    • Ngay cả bản thân là một lập trình viên full-stack giờ cũng dùng công cụ thay vì tự thiết kế nữa
  • Không đồng ý với lập luận rằng các công cụ tự động hóa sẽ khiến mọi dịch vụ hiện tại biến mất
    • Ngược lại, đây hoạt động như một cơ hội để làm được nhiều hơn với ít nguồn lực hơn
    • Giấc mơ thực sự của tự động hóa là có thêm thời gian rảnh, nhưng thực tế lại là phải làm nhiều việc hơn và nhanh hơn
  • Với tư cách là người bán template, công cụ AI đúng là một mối đe dọa mang tính sống còn, nhưng hiện tại chưa ảnh hưởng lớn đến doanh thu
  • Cần trực tiếp dùng thử Lovable để đối diện với thực tế. Đừng phớt lờ nỗi sợ, học hỏi mới là cách để chuẩn bị
  • Hiện tại UX của AI vẫn còn phức tạp và khả năng sử dụng cũng kém, nên chưa phải là mối đe dọa ngay lập tức
  • Hiệu năng tích hợp Gemini 2.5 trong Cursor cực kỳ ấn tượng. Đây là một dạng LLM mới còn đưa ra phản hồi với cả những chỉ dẫn vô lý
  • Cuối cùng liệu mọi sản phẩm có phải chỉ là cuộc chiến giữa các công ty thiết lập system prompt tốt nhất hay không?
    • Cursor cho phép chọn mô hình hoặc chỉ định API key, và cung cấp nhiều hơn một prompt đơn thuần. Điểm mấu chốt là nó dùng cấu trúc RAG để tận dụng nội dung trong kho mã làm ngữ cảnh
    • Cũng như khác biệt giữa Facebook và Friendster không chỉ nằm ở code, cuộc chơi không được quyết định chỉ bằng khác biệt về prompt
  • Cả UX designer, PM lẫn lập trình viên đều đang bất an về việc rốt cuộc nhóm nghề nào sẽ bị AI thay thế trước tiên