Figma Make là gì?
Figma Make là một công cụ xây dựng ứng dụng AI được tích hợp trực tiếp vào nền tảng của Figma, nhận một prompt văn bản và tạo ra một ứng dụng front-end có thể chạy được, dựa trên mã nguồn, mà không cần bạn rời khỏi không gian làm việc của Figma hay thiết lập một công cụ riêng biệt nào.
Nó tạo ra các ứng dụng React với quyền truy cập đầy đủ vào mã nguồn, lịch sử phiên bản tự động và một URL xem trước trực tiếp, và nó khác với các công cụ xây dựng AI khác ở chỗ cho phép bạn chọn mô hình nền tảng đang thực hiện công việc: Claude Sonnet 4.6, Gemini 3 Flash, Gemini 3.1 Pro, hoặc GPT-5.5, thay vì khóa bạn vào một mô hình duy nhất mà không có khả năng nhìn thấy điều gì đang chạy.
Đầu ra không phải là một bản mockup hay một tệp thiết kế mà là mã thực, có thể chỉnh sửa, bạn có thể kiểm tra, sửa đổi và đẩy lên GitHub.
Figma Make dành cho ai?
- Các nhà thiết kế sản phẩm đã dùng Figma. Make nằm ngay trong công cụ bạn đang dùng, nên không có nền tảng mới nào để học hay một gói đăng ký mới nào chồng lên những gì bạn đã trả.
- Các nhà sáng lập không rành kỹ thuật cần bản demo nhanh. Một ứng dụng nhiều màn hình, phức tạp, có phân quyền theo vai trò và dữ liệu chân thực sẽ ra đời trong chưa đầy 10 phút, đủ nhanh để mang đến cuộc họp với nhà đầu tư đầu tiên.
- Các quản lý sản phẩm cần cho thấy, không chỉ nói suông. Figma Make tạo ra thứ bạn có thể thực sự đưa cho các bên liên quan và dẫn họ xem, thay vì một tệp PDF các màn hình.
- Các nhà phát triển muốn có một khung khởi đầu hoạt động được. Mã được tạo ra là React sạch sẽ với TypeScript, và toàn bộ mã nguồn có thể truy cập trên gói miễn phí, khiến nó trở thành một điểm khởi đầu thực sự chứ không phải một bản mẫu dùng rồi bỏ.
Ưu và nhược điểm của Figma Make
- Xây dựng các ứng dụng nhiều màn hình phức tạp từ một prompt duy nhất
- Gói miễn phí bao gồm quyền truy cập đầy đủ vào mã nguồn
- Chọn mô hình AI của bạn: Claude, Gemini, hoặc GPT
- Lịch sử phiên bản tự động lưu mọi lần lặp của bản dựng
- Xác thực theo vai trò được tạo tự động mà không cần thêm prompt
- Tích hợp GitHub và Supabase được tích hợp sẵn nguyên bản
- Trình chỉnh sửa trực quan và trình chỉnh sửa mã có sẵn trong cùng một không gian làm việc
- Bản dựng đầu tiên đi kèm cảnh báo mã
- Giới hạn tín dụng miễn phí hàng tháng cạn rất nhanh
- Tên miền tùy chỉnh cần gói Figma trả phí
Phân tích điểm số
Các điểm dưới đây phản ánh những gì Figma Make đang mang lại ngay lúc này, trong giai đoạn beta công khai. Với một sản phẩm ở giai đoạn này, chất lượng đầu ra cao hơn nhiều so với kỳ vọng của tôi, và với các nhóm đã có gói Figma trả phí, phép tính giá trị là điều khó mà tranh cãi vì không có gì phải trả thêm.
| Tính năng | Điểm (Trên 10) | Vì sao có điểm đó |
|---|---|---|
| Dễ sử dụng | 9.5 | Không cần thiết lập, nhập prompt là vào ngay, hai cách chỉnh sửa song song, và chu kỳ dựng trong 8 phút khiến đây là một trong những công cụ xây dựng AI ít đòi hỏi nhất để bắt đầu. |
| Tính năng & Chức năng | 9.8 | Xác thực theo vai trò, giao diện thanh toán Stripe, báo cáo đa biểu đồ, bảng điều khiển quản trị, chọn mô hình, và một tham chiếu REST API đầy đủ đều được tạo ra từ một prompt duy nhất. |
| Thiết kế & Tùy chỉnh | 9.4 | Đầu ra trực quan mặc định gọn gàng và chuyên nghiệp, với cả trình chỉnh sửa trực quan click-to-select và quyền truy cập đầy đủ vào mã nguồn, ngay cả trên gói miễn phí. |
| Giá trị so với chi phí | 9.4 | Quyền truy cập mã đầy đủ trên gói miễn phí là điều thực sự hiếm gặp, và người dùng gói trả phí được Make bao gồm trong một gói đăng ký Figma hiện có thay vì một khoản mục riêng. |
| Hiệu năng & Độ tin cậy | 9.9 | Tám phút để có một ứng dụng nhiều màn hình, nhận biết vai trò, với giao diện Stripe và một bảng điều khiển quản trị là tỷ lệ xây dựng-đến-đầu-ra hữu dụng nhanh nhất mà tôi từng thử nghiệm. |
| Tổng thể | 9.6 | Một sản phẩm beta nổi bật, hiện đã vượt qua nhiều công cụ xây dựng ứng dụng AI trưởng thành hơn về chất lượng đầu ra và độ sâu tính năng. |
Tính năng của Figma Make
- Build từ prompt thành app trong chưa đầy 10 phút
- Chọn nhiều mô hình gồm Claude, Gemini, và GPT
- Xác thực người dùng theo vai trò được tạo tự động
- Trình chỉnh sửa trực quan click-to-select với điều khiển kiểu dáng ngay trong dòng
- Mã nguồn React đầy đủ có thể chỉnh sửa trên gói miễn phí
- Tích hợp GitHub và Supabase có sẵn mà không cần cấu hình thêm
- Xuất bản chỉ với một cú nhấp lên tên miền phụ figma.site
Đánh giá chân thực của tôi về Figma Make: những gì tôi phát hiện sau khi thử nghiệm
Màn hình khởi đầu lập tức không làm phiền bạn
Màn hình đích là một hộp prompt duy nhất với một dòng mô tả ngắn: “Make your ideas real with AI. Start with a design and prompt your way to a functional prototype, fast.” Bên dưới ô nhập, ba gợi ý bắt đầu xuất hiện:
- Onboarding flow
- Data dashboard
- Gradient gallery
Bạn có thể bỏ qua cả ba và gõ bất cứ thứ gì bạn muốn.
Tôi đã gửi prompt này nguyên văn:
“Create a property management platform for landlords and tenants. Include user authentication, property listings, lease management, rent payments, maintenance requests, document uploads, messaging, notifications, admin dashboard, reporting, Stripe integration, PostgreSQL database, REST API, responsive design, and deployment instructions. The application should be production-ready and scalable.”
Công cụ chấp nhận nó mà không hề gây cản trở và đi thẳng vào quá trình build. Không có trình chọn loại dự án, không có thư viện template, không có bất kỳ cấu hình kiến trúc nào trước đó.
Kết luận: Điểm vào gần như không có ma sát như bất kỳ công cụ xây dựng AI nào tôi từng thử. Cái giá phải trả là nếu prompt quá mơ hồ thì đầu ra cũng mơ hồ. Trần của những gì bạn nhận được hoàn toàn do những gì bạn đưa vào quyết định.
Đăng ký rất nhanh và không đặt một bức tường trả phí giữa bạn và đầu ra
Nhấp vào nút mũi tên trước khi đăng nhập sẽ bật một hộp thoại “Welcome to Figma”. Hai lựa chọn:
- Continue with Google (một cú nhấp, dưới 10 giây)
- Continue with email (nhập email, xác minh, tổng cộng dưới 30 giây)
Cả hai đường đi đều đưa bạn vào không gian làm việc Figma Make với bản dựng của bạn đã được xếp hàng. Không có màn hình chọn gói, không có yêu cầu thẻ tín dụng, và không có bức tường nâng cấp ở giai đoạn này. Gói Starter miễn phí được kích hoạt tự động.
Nếu bạn đã có tài khoản Figma, hộp thoại này sẽ không xuất hiện, và bạn sẽ vào thẳng trình xây dựng.
Bản dựng chạy trong 8 phút và nói cho bạn biết chính xác nó đang làm gì
Không gian làm việc chia thành một cột chat bên trái và bản xem trước trực tiếp bên phải. Phần xem trước hiển thị một khung chờ với dòng chữ “Building your idea…” rồi “Working out the details…” khi công cụ tiến triển.
Điều khiến nó khác với một màn hình tải chung chung là bảng suy luận trong cột chat, ghi lại suy nghĩ của công cụ theo thời gian thực.
Trong lần build của tôi, bảng suy luận cho thấy:
- Công cụ đã gọi một theme tool trước khi viết một dòng mã nào
- Nó ghi “Worked with 3 files” trong khi xử lý prompt
- Nhật ký suy luận mô tả toàn bộ cách tiếp cận của nó: nó lập bản đồ các tính năng còn lại (lọc bất động sản, quản lý hợp đồng thuê, lịch sử thanh toán, yêu cầu bảo trì, nhắn tin, thông báo và bảng điều khiển quản trị), nêu rằng nó sẽ cấu trúc component React với type definitions trước, sau đó xây dựng mock data với chi tiết thực tế, rồi xử lý điều hướng và quản lý state cho các chế độ xem theo vai trò trên mọi phần
- Một thông báo trạng thái xuất hiện bên dưới suy luận: “Writing the component structure…”
Trình tự đó rất quan trọng. Công cụ lập kế hoạch type definitions trước khi viết bất kỳ UI nào, sau đó thêm mock data thực tế, rồi xây dựng điều hướng xung quanh nó. Đây là một cách tiếp cận có cấu trúc, không phải tạo ngẫu nhiên.
Thời gian build: 3:58 PM đến 4:06 PM. Tám phút.
Bộ chọn mô hình ở cuối bảng chat cho phép bạn chọn AI thực hiện quá trình build trước khi bắt đầu, hoặc chuyển đổi giữa các bản dựng:
| Mô hình | Mô tả |
|---|---|
| Default | Được Figma khuyến nghị (không công bố mô hình cụ thể) |
| Claude Sonnet 4.6 | Cân bằng, hiệu quả |
| Gemini 3 Flash | Nhanh, lặp nhanh |
| Gemini 3.1 Pro | Sâu, sáng tạo |
| GPT-5.5 | Có năng lực, nhanh |
Việc có thể chuyển từ một mô hình lặp nhanh sang một mô hình sâu hơn mà không cần rời khỏi công cụ hay build lại từ đầu là một lợi thế đáng kể về quy trình làm việc.
Bên cạnh bộ chọn mô hình, còn có một công tắc chế độ Build/Plan:
| Chế độ | Nó làm gì |
|---|---|
| Build | Tạo và lặp khi bạn làm việc |
| Plan | Đồng bộ về công việc phức tạp và vạch ra kiến trúc trước khi viết mã |
Với một prompt chi tiết như của tôi, chế độ Plan có lẽ đã tạo ra bản dựng đầu tiên sạch hơn với ít cảnh báo hơn. Tôi dùng chế độ Build và xử lý các cảnh báo trong lượt thứ hai.
Đầu ra hoàn chỉnh tự đặt tên là PropVault và xứng đáng với sự tự tin đó
Ứng dụng hoàn chỉnh, mà công cụ tự đặt tên là PropVault mà không được yêu cầu, là một nền tảng quản lý bất động sản nhiều màn hình với nhận diện hình ảnh nhất quán, thanh bên màu xanh hải quân đậm, kiểu chữ gọn gàng, và bằng chứng xã hội theo ngữ cảnh trên màn hình đăng nhập. Màn hình đăng nhập hiển thị:
- Một panel trái tối với logo PropVault, khẩu hiệu (“Property management, simplified.”), và ba chỉ số giả: 86 properties managed, 1,240 active tenants, $2.1M collected monthly
- Một panel phải với các tab Sign In / Create Account, email và mật khẩu được điền sẵn, và ba nút chọn vai trò: Landlord, Tenant, Admin
- Ghi chú chân trang: “Demo: click a role above, then sign in”
Mọi màn hình trong điều hướng bên trái đều mở ra một màn hình có nội dung và hoạt động. Đây là những gì đã được xây dựng trên toàn bộ ứng dụng:
| Màn hình | Đã xây dựng gì |
|---|---|
| Dashboard | Bốn thẻ KPI (doanh thu tháng, tỷ lệ lấp đầy, yêu cầu đang mở, tổng số bất động sản), biểu đồ đường doanh thu so với chi phí 12 tháng với huy hiệu “Live”, feed hoạt động gần đây, cảnh báo thanh toán quá hạn với nút Send Reminders, hợp đồng sắp hết hạn với các nút Renew riêng lẻ |
| Properties | Danh sách bất động sản với bộ lọc |
| Leases | Quản lý hợp đồng thuê với theo dõi trạng thái |
| Payments | Bảng lịch sử thanh toán với huy hiệu trạng thái, modal thanh toán an toàn được hỗ trợ bởi Stripe |
| Maintenance | Bảng Kanban (Open / In Progress / Completed) với huy hiệu mức độ ưu tiên và gán nhà cung cấp; form gửi yêu cầu của tenant |
| Messages | Giao diện chat hai cột với các chuỗi hội thoại chân thực và hỗ trợ gửi khi nhấn Enter |
| Documents | Vùng tải lên kéo-thả, các pill lọc danh mục, lưới tệp với hành động khi rê chuột |
| Reports | Biểu đồ cột, biểu đồ thanh ngang về tỷ lệ lấp đầy, biểu đồ tròn bảo trì, bảng chỉ số KPI, công tắc phạm vi ngày (3m / 6m / 12m) |
| Admin Console | Bảng quản lý người dùng, bảng sức khỏe hệ thống và tích hợp, tham chiếu REST API đầy đủ, hướng dẫn triển khai (PostgreSQL, Docker, Vercel, cấu hình webhook Stripe) |
Dữ liệu trên mọi màn hình đều là dữ liệu mô phỏng. Các kết nối backend cần được cấu hình trước khi bất kỳ thứ gì lưu hoặc truy xuất dữ liệu thật. Thứ bạn có sau tám phút là một khung front-end chất lượng sản xuất với đủ số lượng màn hình và mật độ dữ liệu để trình bày như một bản demo hoạt động.
Tất cả ba vai trò người dùng đều được phân chia chính xác, và mức độ chi tiết cho từng vai trò rất ấn tượng
Kiểm soát truy cập theo vai trò là nơi các công cụ AI thường cắt xén. Figma Make thì không. Mỗi vai trò đăng nhập vào một trải nghiệm hoàn toàn khác nhau với điều hướng riêng, chế độ xem dữ liệu riêng, và phạm vi riêng.
| Vai trò | Mục điều hướng | Trọng tâm Dashboard |
|---|---|---|
| Landlord (Marcus Hewitt) | Dashboard, Properties, Leases, Payments, Maintenance, Messages, Documents, Reports | Các chỉ số toàn nền tảng trên tất cả bất động sản và tenant |
| Tenant (Priya Nair) | Dashboard, Leases, Payments, Maintenance, Messages, Documents | Các chỉ số cá nhân chỉ dành cho tenant này |
| Admin (Cassandra Voss) | Tất cả mục của Landlord cộng thêm Admin | Giống dashboard của Landlord với quyền truy cập vào Admin Console |
Chi tiết dashboard của Landlord:
- Monthly Revenue: $41,900 (Apr 2024, +2.8% vs last month)
- Occupancy Rate: 88% (76/86 units, +1.2% vs last month)
- Open Requests: 5 maintenance tickets
- Total Properties: 6 properties, 86 total units
- Biểu đồ Revenue vs. Expenses trải dài từ May đến April (12 months)
- Feed hoạt động gần đây: rent received, overdue payments, new maintenance request, expiring lease, tenant message
- Banner cảnh báo: “2 overdue payments require attention” với Tomás Reyes ($2,100) và Fatima Al-Sayed ($2,650) được nêu tên, cùng nút hành động Send Reminders
Chi tiết dashboard của Tenant (Priya Nair):
- Next Payment: $1,850, due April 1, 2024
- Lease Status: Active, ends August 31, 2024
- Open Requests: 1 (HVAC repair pending)
- Messages: 2 unread
- Lịch sử thanh toán hiển thị Maple Grove #4B, $1,850, Paid
- Yêu cầu bảo trì hiển thị “HVAC not cooling,” huy hiệu In Progress, ngày March 28, 2024
Màn hình Payments của vai trò Tenant sẽ mở một modal mang thương hiệu Stripe khi nhấp vào “Pay Now”:
- Header: “Secure Payment. Powered by Stripe.”
- Dòng thanh toán: April Rent, Maple Grove #4B, $1,850.00
- Trường Card Number (được định dạng sẵn)
- Expiry (MM/YY) và CVC fields
- Nút Pay được gắn nhãn sẵn: “Pay $1,850.00”
- Chân trang: “256-bit SSL encryption · PCI DSS compliant”
Admin Console (Cassandra Voss):
Admin Console có bốn tab (Users, System, API Docs, Deployment) và mở ra ở bảng User Management.
Mỗi hàng có các nút thao tác edit và remove. Một nút Invite User nằm ở góc trên bên phải của bảng. Tomás Reyes được gắn cờ chính xác là Delinquent, khớp với cảnh báo thanh toán quá hạn đã hiển thị trên dashboard của Landlord.
Chỉnh sửa sử dụng hai công cụ song song và cả hai đều miễn phí để truy cập
Sau khi build hoàn tất, có hai đường chỉnh sửa đồng thời, không đường nào bị khóa sau gói trả phí.
Đường 1: Trình chỉnh sửa trực quan
- Nhấp vào bất kỳ phần tử nào trong bản xem trước trực tiếp để chọn nó và mở một thanh chỉnh sửa nổi
- Thanh chỉnh sửa bao gồm: bộ chọn font family, font size (với nút trừ và cộng), bold, italic, canh lề văn bản, điều khiển độ rộng, khoảng cách, và xóa phần tử
- Phần tử được chọn đồng thời được thêm vào trường nhập chat, nên việc nhấp vào một phần tử và gõ trong chat sẽ gửi một yêu cầu thay đổi với phần tử đó đã có sẵn trong ngữ cảnh
- Chọn một container sẽ hiển thị chính xác loại component và cấu trúc lồng nhau (ví dụ, “div x 4”) phía trên thanh công cụ, cung cấp ngữ cảnh bố cục chính xác mà không cần mở mã
Sự kết nối giữa bộ chọn trực quan và ô nhập chat là phần thực dụng nhất của quy trình chỉnh sửa này.
Bạn không phải chọn giữa hai thứ. Bạn nhấp để xác định phần tử, rồi gõ trong chat để mô tả thay đổi bạn muốn, và AI áp dụng nó với nhận biết đầy đủ phần component bạn đã chọn.
Đường 2: Trình chỉnh sửa mã
Nhấp vào biểu tượng mã ở trên cùng của không gian làm việc sẽ mở toàn bộ mã nguồn React. Cấu trúc tệp:
src/
app/
components/
App.tsx (1,300+ lines)
styles/
fonts.css
globals.css
index.css
tailwind.css
theme.css
guidelines/
ATTRIBUTIONS.md
default_shadcn_theme.css
package.json
pnpm-workspace.yaml
postcss.config.mjs
vite.config.ts
App.tsx được tổ chức thành các hàm view được đặt tên (DashboardView, ReportsView, MaintenanceView, và các hàm khác) với các chú thích phần ngăn cách từng màn hình.
Mã nguồn dễ đọc, có cấu trúc tốt, và có thể chỉnh sửa trực tiếp ngay trong trình duyệt. Không cần tải xuống hay IDE bên ngoài nào. Quyền truy cập mã nguồn đầy đủ này có sẵn trên gói miễn phí.
Những thay đổi thực hiện qua trình chỉnh sửa trực quan, chat, hoặc trình chỉnh sửa mã đều đổ vào cùng một bản xem trước trực tiếp và được phản ánh ngay lập tức.
Mười mấy cảnh báo ở bản dựng đầu tiên, được sửa chính xác chỉ với một cú nhấp
Sau khi bản dựng ban đầu hoàn tất, một banner xuất hiện ở cuối bảng chat: “10+ warnings” với nút “Fix for me” và biểu tượng đóng.
Mở console của trình duyệt (có thể truy cập qua biểu tượng console trong không gian làm việc) cho thấy nguyên nhân: các ID gradient SVG trùng lặp trong thư viện biểu đồ Recharts.
Nguyên nhân: phần Dashboard và Reports đều đăng ký cùng các tên gradient chung chung (revGrad, expGrad) dưới dạng phần tử SVG. Recharts đăng ký các gradient bằng ID vào namespace SVG, nên các tên chung chung từ nhiều thể hiện biểu đồ va chạm trong cùng một tài liệu. Console hiển thị một danh sách dài các tham chiếu JavaScript đã rút gọn, tất cả đều truy về xung đột này.
Nhấp vào “Fix for me” đã kích hoạt một lượt build thứ hai. Công cụ xác định ba vấn đề cụ thể và áp dụng các sửa lỗi có mục tiêu:
- Dashboard AreaChart: Đổi tên các ID gradient từ revGrad / expGrad chung chung thành các định danh duy nhất dash-area-rev / dash-area-exp, ngăn chặn xung đột namespace
- Occupancy BarChart: Chuyển các key của cell từ chỉ số số (key={i}) sang các key chuỗi ổn định bằng tên bất động sản (key={\occ-${entry.property}`}`), để mỗi cell có một key ổn định, duy nhất
- Maintenance PieChart: Áp dụng cùng sửa key bằng cách dùng tên entry (key={\pie-${entry.name}`}`)
Bản dựng này tự động lưu thành Version 2. Bảng lịch sử phiên bản (truy cập bằng cách nhấp vào nhãn version ở trên cùng của không gian làm việc) hiển thị một nhật ký rõ ràng:
| Phiên bản | Nhãn | Thời gian |
|---|---|---|
| Version 1 | Property Management Platform | 4:06 PM |
| Version 2 | Resolve code warnings | 4:19 PM |
Sau lượt thứ hai, console chỉ còn các thông báo hot-reload sạch của vite, và banner cảnh báo biến mất. Quay lại Version 1 chỉ mất một cú nhấp từ bảng lịch sử phiên bản.
Toàn bộ chu trình sửa lỗi từ bản dựng đầu tiên đến console sạch chỉ mất 13 phút, không cần chỉnh sửa mã thủ công.
Bảng cài đặt có độ sâu hơn bạn mong đợi từ một công cụ beta
Bảng cài đặt được truy cập thông qua biểu tượng bánh răng ở góc trên bên phải của không gian làm việc. Menu thả xuống tổ chức các tùy chọn thành hai nhóm:
Cài đặt Make:
- General
- Domains
- Fonts
- Chat preferences
- Audio
Tích hợp:
- GitHub
- Supabase
- Adjust guidelines
Cài đặt chung bao gồm trạng thái xuất bản và cấu hình SEO:
| Cài đặt | Chi tiết |
|---|---|
| Status | Chưa xuất bản (nút Publish có sẵn ngay trong giao diện) |
| Title | Tên dự án có thể chỉnh sửa |
| Meta description | Tự động điền từ ngữ cảnh build |
| Language | Trường mã ngôn ngữ ISO |
| Google Analytics ID | Kết nối một thuộc tính GA4 để theo dõi lưu lượng |
| Exclude from search engine results | Ô chọn, được tích sẵn trên gói miễn phí |
| Clear chat context | Xóa vĩnh viễn bộ nhớ hội thoại của Make; nhật ký lịch sử chat vẫn hiển thị |
Tùy chọn Clear chat context đáng để hiểu rõ. Nó xóa bộ nhớ của AI về cuộc hội thoại build mà không xóa nhật ký chat hiển thị. Điều này hữu ích khi một chuỗi build dài đang khiến AI bám quá nhiều vào ngữ cảnh trước đó trong các yêu cầu thay đổi mới.
Cài đặt Domains hiển thị:
- Base domain: example.figma.site (tên miền phụ miễn phí, sẽ hoạt động khi xuất bản)
- Connected domains: Tùy chọn thêm tên miền tùy chỉnh từ nhà cung cấp bên thứ ba (cần gói trả phí)
Tích hợp:
- GitHub: Xuất mã và đồng bộ kho lưu trữ
- Supabase: Kết nối backend và cơ sở dữ liệu thực để thay thế tầng dữ liệu mô phỏng
- Adjust guidelines: Thiết lập các chỉ dẫn tùy chỉnh mà AI sẽ tuân theo khi thực hiện thay đổi, bao gồm những thứ như quy ước thư viện component, tiêu chuẩn đặt tên, hoặc các ràng buộc thiết kế bạn muốn được tôn trọng xuyên suốt mọi bản dựng và lần lặp
Tùy chọn Adjust guidelines là một bổ sung đáng kể mà các phần khác của công cụ không làm nổi bật rõ. Nó cho phép bạn xác định cách AI nên hành xử trước khi một bản build bắt đầu, thay vì phải sửa các mẫu không mong muốn sau đó.
Xuất bản chỉ với một cú nhấp và URL gói miễn phí trông như một ứng dụng độc lập thực thụ
Nhấp vào nút Publish ở góc trên bên phải sẽ mở một bảng bao gồm mọi thứ cần để đi live:
| Trường | Chi tiết |
|---|---|
| Title | Tên dự án có thể chỉnh sửa |
| URL | example.figma.site |
| Status | Chưa xuất bản |
| Feature on Community | Công tắc để liệt kê ứng dụng trong thư viện Figma Community |
Công tắc Feature on Community mở rộng một phần xem trước cho thấy ứng dụng sẽ xuất hiện như thế nào trong Figma Community cùng với các ứng dụng đã xuất bản khác.
Từ đây:
- Bạn có thể chọn tối đa năm thẻ để phân loại ứng dụng (các tùy chọn gồm Apps, Dashboards, và nhiều hơn nữa qua “Show more”)
- Ô chọn “Show chat history” kiểm soát việc lịch sử build có hiển thị với người xem Community hay không
- Một ghi chú xác nhận: “By publishing to Community, you agree to Figma’s Creator Agreement”
Sau khi xuất bản, URL figma.site mở ứng dụng trong chế độ xem trình duyệt độc lập. Không có chrome của trình chỉnh sửa Figma, không có watermark, và cũng không có huy hiệu “built with Figma Make” nào hiển thị quanh ứng dụng. Nó tải và hoạt động như một ứng dụng web độc lập thực sự, chứ không phải một prototype bị đóng khung.
Xuất bản trên gói miễn phí bao gồm:
- Một URL tên miền phụ figma.site có thể chia sẻ
- Chế độ xem ứng dụng độc lập không có thương hiệu Figma hiển thị
- Khả năng đưa ứng dụng lên Figma Community
Xuất bản trên gói trả phí bổ sung:
- Một tên miền tùy chỉnh từ nhà cung cấp bên thứ ba
- Nhiều tín dụng AI hơn cho các bản build và lần lặp bổ sung
Giá và gói của Figma Make
Figma Make không được bán như một sản phẩm độc lập. Quyền truy cập đi kèm với các gói Figma Full seat, và các tín dụng AI được chia sẻ trên toàn bộ các tính năng AI của Figma, không chỉ Make. Một bản build trong Figma Make sẽ trừ vào cùng một hạn mức hàng tháng với các công cụ AI của Figma Design, chỉnh sửa hình ảnh, và bất kỳ hành động nào khác do AI hỗ trợ trên toàn nền tảng.
Gói Starter miễn phí bao gồm quyền truy cập Figma Make, nhưng ngưỡng tín dụng hàng tháng thấp đến mức một bản build phức tạp duy nhất sẽ tiêu tốn một phần lớn trong đó. Gói Starter phù hợp để đánh giá công cụ và chạy các thử nghiệm một lần, không phù hợp cho các nhóm sử dụng Make như một phần thường xuyên của quy trình build.
Các gói trả phí được cấu trúc theo loại seat. Các seat Full ở các cấp Professional, Organization, và Enterprise đều bao gồm số tín dụng AI hàng tháng nhiều hơn đáng kể, với mỗi cấp tăng dần hạn mức hàng tháng. Nếu bạn đang dùng một gói Figma trả phí chủ yếu cho Design, Make đã có sẵn mà không tốn thêm chi phí nào trong cùng hạn mức tín dụng hiện có của bạn.
Có thể mua thêm tín dụng AI như một tiện ích bổ sung trên tất cả các gói trả phí, điều này đáng cân nhắc nếu nhóm của bạn chạy nhiều bản build Make mỗi tuần cùng với việc sử dụng AI thường xuyên của Figma.
Không có bản dùng thử miễn phí riêng ngoài gói Starter, và Figma cũng không công bố đảm bảo hoàn tiền nào trong các điều khoản đã xuất bản. Việc hủy gói hàng năm không tạo ra khoản hoàn tiền cho thời hạn còn lại. Việc hủy gói Professional có thể thực hiện từ Admin Dashboard; việc hủy gói Organization và Enterprise cần liên hệ với đội ngũ bán hàng trực tiếp.
Đối chiếu gói thực tế: Gói Starter đủ cho việc đánh giá và sử dụng thỉnh thoảng. Một Full seat Professional là điểm vào tối thiểu hợp lý cho các nhóm muốn dùng Make hơn một hoặc hai lần mỗi tháng mà không chạm giới hạn tín dụng giữa chừng.
Các lựa chọn thay thế cho Figma Make
Đối thủ trực tiếp nhất của Figma Make hiện nay là Lovable. Trong khi Figma Make tạo ra một ứng dụng front-end ngay trong không gian làm việc Figma, Lovable là một công cụ xây dựng ứng dụng AI được thiết kế chuyên biệt, xử lý toàn bộ stack: front-end, back-end, cơ sở dữ liệu, xác thực, và triển khai chỉ với một cú nhấp, từ một nền tảng độc lập với hơn 8 triệu người dùng được báo cáo.
Với bất kỳ ai không đã có sẵn trong một gói Figma trả phí, hoặc cần một ứng dụng kết nối sản xuất thay vì một prototype được trau chuốt, Lovable đưa bạn đến một ứng dụng đã triển khai, có kết nối dữ liệu nhanh hơn và ít cấu hình hơn.
| Tính năng | Figma Make | Lovable |
|---|---|---|
| Dễ sử dụng | Nhập prompt trước, không cần thiết lập | Nhập prompt trước, không cần thiết lập |
| Phù hợp nhất cho | Các nhà thiết kế và nhóm đã có gói Figma trả phí | Các nhà sáng lập không rành kỹ thuật xây dựng và triển khai MVP |
| Backend & Dữ liệu | Chỉ front-end; Supabase có sẵn như một tích hợp | Backend Supabase tích hợp sẵn ngay từ đầu |
| Tính linh hoạt thiết kế | Trình chỉnh sửa trực quan, chỉnh sửa qua chat, và quyền truy cập đầy đủ vào mã nguồn | Chỉnh sửa dựa trên chat với khả năng xuất mã |
| Mô hình giá | Gói kèm Full seat Figma; chung pool tín dụng AI | Gói đăng ký độc lập với hệ thống tín dụng riêng |
Kết luận cuối cùng: Figma Make có đáng không?
Đối với bất kỳ ai đã trả tiền cho một Figma Full seat, câu trả lời rất rõ ràng: có, và với biên độ đáng kể. Chất lượng đầu ra đưa Figma Make vượt lên trên hầu hết các công cụ xây dựng ứng dụng AI đã có mặt trên thị trường lâu hơn nhiều.
Một prompt duy nhất đã tạo ra một nền tảng quản lý bất động sản nhiều màn hình, nhận biết vai trò, với modal thanh toán Stripe, dashboard phân tích trực tiếp, bảng Kanban bảo trì, giao diện nhắn tin hai cột, và một admin console đầy đủ với bảng quản lý người dùng, tài liệu REST API, và hướng dẫn triển khai. Tất cả chỉ trong tám phút, với quyền truy cập mã nguồn đầy đủ trên gói miễn phí và một URL xuất bản độc lập sạch sẽ. Không điều nào trong số đó là bình thường đối với một sản phẩm beta.
Đối với các nhóm hiện chưa ở trong Figma, phép tính đòi hỏi một cái nhìn trung thực về những gì bạn thực sự cần. Để có được quyền truy cập tín dụng có ý nghĩa vào Figma Make, bạn cần một Full seat trên gói Figma trả phí, đây là một khoản đầu tư nền tảng rộng hơn so với bất kỳ công cụ xây dựng AI độc lập nào yêu cầu. Nếu mục tiêu chính là phát hành một ứng dụng web hoạt động với cơ sở dữ liệu trực tiếp và người dùng thực thay vì một prototype, Lovable đưa bạn đến kết quả đó nhanh hơn, ít cấu hình hơn và không đòi hỏi một gói đăng ký nền tảng thiết kế.
Nhóm nhận được nhiều giá trị nhất từ Figma Make hiện tại là các nhà thiết kế và nhóm sản phẩm muốn thu hẹp khoảng cách giữa một prototype Figma tĩnh và một bản dựng tương tác dựa trên mã có thể kiểm thử, mà không cần đổi công cụ hay chờ một lập trình viên làm điều đó. Với trường hợp sử dụng cụ thể đó, Figma Make là lựa chọn tốt nhất hiện có.
