- Google Labs đã tái cấu trúc toàn diện Stitch thành một canvas thiết kế phần mềm AI-native, chuyển đổi ngôn ngữ tự nhiên thành thiết kế UI chất lượng cao
- Giới thiệu khái niệm "vibe design": không cần wireframe, chỉ cần mô tả mục tiêu kinh doanh hoặc trải nghiệm người dùng là có thể tạo ra thiết kế
- Trên canvas vô hạn, có thể đưa hình ảnh, văn bản và mã làm ngữ cảnh; design agent mới sẽ suy luận trên toàn bộ dự án
- Chuyển thiết kế tĩnh thành prototype tương tác ngay lập tức, đồng thời có thể chỉnh sửa thiết kế theo thời gian thực bằng giọng nói
- Đóng vai trò là cầu nối với các quy trình phát triển hiện có như Figma, AI Studio thông qua máy chủ MCP, SDK và định dạng DESIGN.md
"Vibe design" là gì
- Trong làn sóng AI đang thay đổi căn bản cách xây dựng phần mềm, Stitch đã tiến hóa để hiện thực hóa ý tưởng ngay từ quy trình thiết kế
- Thay vì bắt đầu bằng wireframe như trước, nay chỉ cần mô tả mục tiêu kinh doanh muốn đạt được, cảm xúc muốn truyền tải tới người dùng và các tài liệu tham chiếu truyền cảm hứng
- Đây là cách tiếp cận "vibe design" giúp khám phá nhanh nhiều ý tưởng khác nhau và dẫn tới kết quả đầu ra chất lượng cao hơn
Canvas thiết kế AI-native
- Giao diện Stitch đã được thiết kế lại hoàn toàn để cung cấp một giao diện AI-native dưới dạng canvas vô hạn (infinite canvas)
- Tạo ra không gian để ý tưởng phát triển từ giai đoạn khởi tạo ban đầu cho tới prototype có thể hoạt động
- Khuếch đại quá trình phân kỳ (diverge) và hội tụ (converge) vốn thường xuyên xảy ra trong quá trình thiết kế ngay trên canvas
- Có thể đưa trực tiếp ngữ cảnh vào canvas dưới mọi dạng như hình ảnh, văn bản và mã
Design agent mới
- Design agent mới, kết hợp với ngữ cảnh rộng khắp của canvas, có thể suy luận về toàn bộ tiến trình của dự án
- Giới thiệu Agent Manager để sử dụng khi muốn khám phá thêm nhiều hướng đi
- Có thể theo dõi tiến độ và làm việc song song trên nhiều ý tưởng mà vẫn giữ được trạng thái ngăn nắp
Hệ thống thiết kế với DESIGN.md
- Mở rộng bộ công cụ hệ thống thiết kế để có thể làm việc với ngữ cảnh sâu hơn
- Có thể trích xuất hệ thống thiết kế từ bất kỳ URL nào, hoặc xuất/nhập các quy tắc thiết kế dưới dạng DESIGN.md, một tệp Markdown thân thiện với agent
- Có thể áp dụng thiết kế cho các dự án Stitch khác nên không cần phải xây lại từ đầu mỗi lần
- Hỗ trợ chia sẻ các quy tắc thiết kế với các công cụ thiết kế và lập trình khác
Lặp nhanh và tạo prototype
- Chuyển thiết kế tĩnh thành prototype tương tác ngay lập tức để có thể trải nghiệm hành trình người dùng ngay
- Kết nối các màn hình bằng "Stitch" chỉ trong vài giây và nhấn nút "Play" để xem trước luồng ứng dụng tương tác
- Tự động tạo màn hình tiếp theo hợp lý dựa trên thao tác nhấp, giúp lập bản đồ hành trình người dùng dễ dàng
- Cung cấp vòng lặp phản hồi nhanh để chỉnh sửa từng thành phần hoặc thay đổi toàn bộ luồng chỉ với một cú nhấp
Cộng tác bằng giọng nói
- Giới thiệu tính năng nói trực tiếp với canvas
- Agent cung cấp phê bình thiết kế theo thời gian thực, thiết kế landing page theo kiểu phỏng vấn và cập nhật theo thời gian thực
- Có thể đưa ra các yêu cầu như "Hãy cho tôi xem 3 tùy chọn menu" hoặc "Hãy hiển thị màn hình này với bảng màu khác"
- AI đóng vai trò như một bảng cộng hưởng ý tưởng, giúp tìm ra ý tưởng tốt nhất thông qua phê bình động và đối thoại
- Hỗ trợ tương tác rảnh tay trong khi vẫn duy trì mạch sáng tạo
Từ thiết kế sang mã: MCP, Skills, xuất dữ liệu
- Thông qua máy chủ MCP và SDK của Stitch, có thể sử dụng các tính năng của Stitch như skills (2.4k stars) và công cụ
- Hỗ trợ xuất thiết kế sang các công cụ dành cho nhà phát triển như AI Studio, Antigravity
- Đóng vai trò là cầu nối với mọi công cụ trong quy trình làm việc của nhóm để mối quan hệ hợp tác giữa AI và nhà phát triển không bị gián đoạn
Đối tượng người dùng và khả năng tiếp cận
- Hướng tới cả nhà thiết kế chuyên nghiệp muốn khám phá hàng chục biến thể lẫn nhà sáng lập muốn hiện thực hóa ý tưởng phần mềm đầu tiên của mình
- Mục tiêu là thu hẹp khoảng cách từ ý tưởng tới hiện thực trong vài phút thay vì vài ngày
- Hiện khả dụng bằng tiếng Anh cho người dùng từ 18 tuổi trở lên tại các quốc gia có hỗ trợ Gemini
2 bình luận
Tôi đang thử dùng nhưng... cũng không rõ lắm.
Có thể là do prompt của tôi có vấn đề... nhưng font và thiết kế hơi xấu..
Chưa đến mức nói là “Google đã giết Figma”, nhưng trông khá gọn gàng.
Nếu không phải là power user của Figma thì có lẽ sẽ có khá nhiều người thấy thế này là đủ hài lòng.
Cổ phiếu Figma đang rớt khá mạnh.