3A.COM.VN

Công Cụ AI

Gemini Canvas: 3 bước vẽ phác thảo tay thành app chạy thử

Gemini Canvas biến ảnh chụp bản phác thảo tay thành app chạy được trong cửa sổ preview. Google công bố cách làm ngày 05/11, chỉ với 3 thao tác: chụp, chọn Canvas, hỏi Can you code this app?

Sản phẩm trong bài:
Gemini
Quang Minh· Trưởng ban Nghiên cứu & Đo kiểm AI6 phút đọc10/11/20260 lượt xem
Gemini Canvas: 3 bước vẽ phác thảo tay thành app chạy thử
Gemini

Gemini Canvas biến ảnh chụp bản phác thảo tay thành app chạy được trong cửa sổ preview. Google công bố cách làm ngày 05/11/2026, chỉ với 3 thao tác: chụp phác thảo, chọn Canvas, hỏi "Can you code this app?" Gemini đọc hình, viết code và cho thử app ngay trong cùng cửa sổ. Bài này phân tích cách tính năng hoạt động theo công bố của Google, kèm giới hạn và rủi ro cần nhớ.

3 thao tác từ phác thảo tới app chạy thử

Bước 1 là tải ảnh chụp bản phác thảo lên Gemini. Google nêu ví dụ gồm bản mock-up giao diện app, bảng theo dõi thói quen và bàn cờ trò chơi. Điểm chung của các ví dụ này là phác thảo thể hiện rõ bố cục: đâu là nút, đâu là ô nhập, đâu là bảng hiển thị.

Bước 2 là chọn công cụ Canvas rồi hỏi Gemini: "Can you code this app?" Canvas là không gian làm việc của Gemini, nơi kết quả được giữ lại để chỉnh sửa tiếp thay vì trôi đi như đoạn chat thường. Gemini đọc hình phác thảo rồi viết code cho app.

Dự án nội bộ · 3A AI Stack Advisor

Đừng trả tiền thừa cho SaaS AI — Nhận lộ trình công cụ & chi phí tối ưu trong 10 giây

Mô tả bài toán của doanh nghiệp bạn (CSKH Zalo OA, Coding, RAG tài liệu nội bộ, Báo cáo P&L). Hệ thống cố vấn của 3A sẽ đề xuất bộ công cụ đã qua kiểm thử thực chiến.

Bước 3 là thử app trong cửa sổ preview. Người dùng bấm thử các nút, xem app phản hồi ra sao, rồi yêu cầu chỉnh tiếp nếu chưa ưng. Toàn bộ vòng này diễn ra trong cùng một phiên làm việc, không cần mở thêm công cụ lập trình.

BướcThao tácKết quả theo blog Google
1Tải ảnh chụp phác thảo lên GeminiGemini nhận hình vẽ tay làm đầu vào
2Chọn Canvas, hỏi "Can you code this app?"Gemini đọc hình và viết code cho app
3Thử app trong cửa sổ previewChỉnh màu, chữ và tính năng theo thời gian thực

Cách làm này hạ thấp rào cản với người có ý tưởng nhưng không viết code. Trước đây, biến một bản vẽ tay thành app chạy được cần qua nhiều bước: vẽ lại bằng công cụ thiết kế, viết code, chạy thử. Nay Google gom 3 bước đó vào một câu hỏi duy nhất trong Canvas.

Chỉnh màu, chữ và tính năng ngay trong preview

Sau khi app chạy thử, Gemini có thể chỉnh màu sắc, phông chữ hoặc tính năng theo thời gian thực, theo yêu cầu bằng lời của người dùng. Người dùng thấy thay đổi ngay trong cửa sổ preview mà không cần chờ biên dịch hay tải lại trang.

Điểm đáng chú ý là vòng chỉnh sửa này không giới hạn ở bề mặt. Google nói Gemini có thể điều chỉnh cả tính năng, tức người dùng có thể yêu cầu thêm nút, đổi cách hiển thị hoặc sửa luồng thao tác. Mức độ chỉnh được tới đâu còn tùy vào độ phức tạp của app và độ rõ của phác thảo gốc.

Với người làm sản phẩm, đây là cách thử ý tưởng nhanh trước khi đầu tư làm bản thật. Một bản phác thảo trên giấy có thể thành bản demo bấm được trong vài phút, đủ để đưa cho đồng nghiệp xem và nhận phản hồi. Bản demo này chưa phải sản phẩm hoàn chỉnh, nhưng nó cụ thể hơn nhiều so với một bức vẽ tĩnh.

Tính năng này nối tiếp hướng đi của các công cụ AI biến mô tả thành sản phẩm thử được. Bài học từ ChatGPT Atlas cho thấy công cụ AI chỉ thật sự có ích khi người dùng kiểm lại kết quả bằng tay, xem bài ChatGPT Atlas đã dừng: trình duyệt AI thua thói quen. Với Canvas, khâu kiểm lại chính là cửa sổ preview: thử từng nút, đọc từng chữ, rồi mới quyết định giữ hay sửa.

Lập trình viên làm việc với giao diện ứng dụng trên laptop
Lập trình viên làm việc với giao diện ứng dụng trên laptopNguồn chính hãng / Kho ảnh bản quyền mở · Official / Free Commercial License

*Lập trình viên làm việc với giao diện ứng dụng trên laptop. Ảnh: Olia Danilevich, Pexels, giấy phép Pexels, ngày đăng trên Pexels 2020-07-28.*

Google chưa công bố độ chính xác và gói dùng được

Bài công bố của Google rất ngắn và không nêu độ chính xác của việc đọc phác thảo. Hãng không nói Gemini đọc đúng bao nhiêu phần trăm bố cục, chữ viết tay mờ hay chữ viết ẩu có đọc được không. Người dùng nên thử với phác thảo của chính mình thay vì tin rằng mọi bản vẽ đều chuyển thành app ngay lần đầu.

Google cũng không nói tính năng này dùng được ở gói nào, có cần gói trả phí hay không, và có giới hạn số lần tạo app mỗi ngày hay không. Bài công bố chỉ nói "thử ngay" mà không kèm bảng giá hay điều kiện sử dụng. Đây là khoảng trống thông tin cần ghi rõ, vì người đọc có thể tưởng tính năng có sẵn cho mọi tài khoản.

Một giới hạn khác là blog không nói gì về xuất code hay triển khai app. Bài không hứa người dùng lấy được mã nguồn để đưa lên máy chủ riêng, cũng không hứa app tạo ra dùng được lâu dài ngoài cửa sổ preview. Ai cần app chạy thật cho khách dùng thì chưa có căn cứ từ bài công bố này để kết luận Canvas đáp ứng được.

Cách kiểm soát token khi nối công cụ lập trình qua chuẩn MCP được phân tích trong bài tối ưu token Claude Code MCP. Khi chuyển mã nguồn từ bản thử sang chạy thật, đội ngũ vẫn cần tự kiểm thử theo bài viết test bằng AI: loại test nào vẫn phải viết tay.

Canvas cho phép chia sẻ app qua link. Trước khi gửi link cho người khác, hãy kiểm tra kỹ vì người có link có thể xem và chỉnh dữ liệu trong app. Đừng đưa dữ liệu thật, dữ liệu khách hàng hay thông tin nhạy cảm vào app thử nghiệm rồi chia sẻ link công khai.

Quy tắc an toàn là dùng dữ liệu giả khi thử tính năng chia sẻ, và chỉ chia sẻ link với người thật sự cần xem. Nếu app chứa dữ liệu không muốn người khác sửa, đừng gửi link công khai. Kiểm tra lại quyền chia sẻ trước mỗi lần gửi, vì một link đã gửi đi thì khó thu hồi hoàn toàn.

Nguồn

Nguồn

1. Google, "Turn sketches into apps with Gemini", 2026-11-05. Link: https://blog.google/innovation-and-ai/products/gemini-app/turn-drawings-into-apps-gemini/ 2. TuttoAndroid, "Canvas è lo strumento di Gemini che permette di trasformare un disegno in un'app", 2026-11-05. Link: https://www.tuttoandroid.net/news/2026/11/05/gemini-canvas-trasforma-disegno-in-app-1181360/

  • Ảnh bìa: Amina Filkins, Pexels, giấy phép Pexels, ngày đăng trên Pexels 2021-05-13: https://www.pexels.com/photo/7859472/
  • Ảnh thân bài: Olia Danilevich, Pexels, giấy phép Pexels, ngày đăng trên Pexels 2020-07-28: https://www.pexels.com/photo/4974912/
— Quang Minh, từ phòng đo kiểm 3A.

Bài liên quan