Thiết kế trước — chọn giao diện trước khi xây dựng
Tóm tắtBật Thiết kế trước ở trang Dự án rồi nhấn Xây dựng. Trong vòng một phút, bạn thấy ba màn hình đầu tiên trông như thật cho ý tưởng của mình, mỗi màn hình một phong cách, trên máy tính và điện thoại. Tải thêm, xem biến thể, tinh chỉnh màu sắc, góc bo và phông chữ, hoặc yêu cầu điều chỉnh — rồi nhấn Xây dựng với màn hình bạn thích nhất, và cả ứng dụng sẽ theo giao diện đó.
Lần xây dựng đầu tiên phải đoán giao diện thường là lần mọi người hay làm lại nhất. Thiết kế trước cho bạn xem vài màn hình đầu tiên hoàn chỉnh của ý tưởng — được các mô hình AI nhanh vẽ cùng lúc, trước khi xây dựng bất cứ thứ gì. Bạn chọn màn hình mình thích, và cả ứng dụng sẽ được xây dựng theo đúng giao diện đó: màu sắc, phông chữ, góc bo và cách đóng khung ảnh.
Làm sao để dùng Thiết kế trước?
Phần tiêu đề “Làm sao để dùng Thiết kế trước?”-
Ở trang Dự án, mô tả ứng dụng trong ô nhập câu lệnh.
-
Bật Thiết kế trước. Nút chuyển sang màu cam, viền ô nhập và nút Xây dựng cũng vậy. Dòng gợi ý dưới ô nhập ghi “Enter để thiết kế”.
-
Nhấn Xây dựng. Cửa sổ Thiết kế trước mở ra — chưa có gì được tạo.
-
Xem các màn hình xuất hiện. Màn hình xong đầu tiên được đưa lên khung lớn; các màn hình khác lấp đầy hàng ảnh thu nhỏ bên dưới. Nhấp vào ảnh thu nhỏ bất kỳ để đưa lên khung lớn.
-
Khi thấy một màn hình ưng ý, nhấn “Xây dựng tên” (ví dụ Xây dựng Brookhaven Đặt Chỗ). Dự án được tạo theo giao diện đó và lần xây dựng đầu tiên bắt đầu.
Tôi đang xem gì trên màn hình?
Phần tiêu đề “Tôi đang xem gì trên màn hình?”- Phần trên cùng hiển thị bản mô tả của bạn và một đồng hồ: đếm giây trong lúc vẽ, sau đó là Sẵn sàng xây dựng.
- Khung lớn hiển thị một màn hình cỡ lớn. Mỗi màn hình là một trang hoàn chỉnh — không phải khung dây (wireframe) — dùng chính câu chữ của bạn. Một trang web (nơi mọi người tìm đến để khám phá, đặt chỗ hoặc mua hàng) được vẽ thành trang đích; một công cụ (thứ được mở ra để làm việc) được vẽ thành màn hình làm việc chính, đầy nội dung như thật.
- Hàng ảnh thu nhỏ hiển thị mọi màn hình kèm tên sản phẩm và phong cách, như “Pastel dịu nhẹ”, “Sang trọng tinh tế” hay “Tối giản kiểu Thụy Sĩ”, cùng bộ đếm kiểu “3 đã sẵn sàng · 0 đang vẽ”. Bạn có thể chọn một màn hình ngay khi màn hình đó hiện lên, kể cả khi vẫn đang vẽ.
- Máy tính / Điện thoại hiển thị cùng một trang ở chiều rộng máy tính hoặc trong khung điện thoại. Mọi màn hình đều được vẽ để dùng tốt ở cả hai kích thước.
Trước khi màn hình đầu tiên xuất hiện, khung lớn hiển thị vài ghi chú ngắn về những gì đang diễn ra — “Đang đọc bản mô tả của bạn…”, “Chưa xây dựng ứng dụng: đây mới chỉ là giao diện.” Nếu trang web cần ảnh chụp, MonstarX vẽ vài ảnh một lần và mọi màn hình dùng chung những ảnh đó.
Tôi có xem thêm phương án được không?
Phần tiêu đề “Tôi có xem thêm phương án được không?”- Tải thêm 3 hiển thị thêm ba hướng thiết kế theo phong cách khác (được vẽ trong lúc bạn xem các màn hình đầu tiên). Bạn có thể xem tối đa chín hướng.
- Xem 5 biến thể làm lại màn hình trên khung lớn theo năm cách — cùng sản phẩm, câu chữ và các phần, trong năm phong cách mới: “Kính”, “Mực”, “Đêm”, “Phong cách tạp chí” và “Tín hiệu”. Các biến thể mở thành một nhóm mới, ảnh thu nhỏ đầu tiên là bản gốc; chuyển giữa các nhóm bằng mũi tên ở trên cùng. Bạn có thể yêu cầu biến thể ba lần trong một phiên.
Làm sao để thay đổi một màn hình?
Phần tiêu đề “Làm sao để thay đổi một màn hình?”Tinh chỉnh — có hiệu lực ngay, không cần AI. Bảng bên cạnh khung lớn thay đổi toàn bộ trang cùng lúc:
- Màu chính — chín ô màu, bắt đầu bằng màu của chính màn hình đó, hoặc bất kỳ màu nào bạn chọn.
- Góc — Vuông, Bo nhẹ hoặc Bo tròn.
- Kiểu chữ — mười cặp phông chữ.
Ảnh thu nhỏ thay đổi theo, và quá trình xây dựng sẽ dùng các tinh chỉnh của bạn. Đặt lại tinh chỉnh đưa bản gốc trở lại.
Điều chỉnh — mô tả thay đổi bằng lời, như “ấm hơn”, “tối hơn” hay “dùng màu xanh của chúng tôi #2F6B4F”, rồi nhấn Điều chỉnh. Màn hình đang chọn được vẽ lại theo thay đổi đó và đặt ngay bên cạnh, kèm chú thích điều bạn yêu cầu. Bạn có thể điều chỉnh tối đa sáu lần trong một phiên.
Khi tôi nhấn xây dựng thì chuyện gì xảy ra?
Phần tiêu đề “Khi tôi nhấn xây dựng thì chuyện gì xảy ra?”MonstarX tạo dự án với tên của màn hình đã chọn, tải tệp đính kèm lên, lưu màn hình (ở cỡ máy tính và điện thoại) làm thiết kế của dự án, rồi bắt đầu lần xây dựng đầu tiên. Tác nhân MonstarX làm theo thiết kế đó:
- Giao diện — màu sắc, phông chữ, góc bo, nền sáng hay tối — được áp dụng xuyên suốt mọi trang của ứng dụng.
- Trang có trong bản mẫu (trang chủ của một trang web, hoặc màn hình chính của một công cụ) theo đúng bố cục và thứ tự của bản mẫu, và tác nhân MonstarX đối chiếu kết quả với bản mẫu trong lúc làm.
- Các trang và tính năng vẫn lấy từ mô tả của bạn. Bản mẫu chỉ thể hiện một trang; ứng dụng có mọi thứ bạn đã yêu cầu.
- Ảnh chụp trong bản mẫu trở thành hình ảnh của chính ứng dụng.
Tin nhắn đầu tiên của bạn trong cuộc trò chuyện có thẻ Thiết kế trước ghi tên, phong cách và màu sắc. Nhấp vào thẻ để xem màn hình đã chọn ở kích thước đầy đủ, ở chiều rộng máy tính và điện thoại.
Tôi có bỏ qua hoặc đóng được không?
Phần tiêu đề “Tôi có bỏ qua hoặc đóng được không?”- Bỏ qua và xây dựng ngay xây dựng mà không có giao diện được chọn, như khi Thiết kế trước đang tắt.
- Đóng cửa sổ (nút ×, phím Esc hoặc nhấp ra ngoài) sẽ hỏi lại trước — “Đóng Thiết kế trước? Mọi thiết kế, biến thể và điều chỉnh trong phiên này sẽ bị mất.” Mô tả và tệp của bạn vẫn nằm trong ô nhập câu lệnh.
- Tải lại trang với cùng mô tả sẽ hiển thị lại các màn hình cũ, và chỉ vẽ tiếp những màn hình chưa xong.
Phím tắt: ← và → hoặc 1–9 để chuyển giữa các màn hình, Enter để xây dựng.
Thiết kế trước có dùng điểm sử dụng của tôi không?
Phần tiêu đề “Thiết kế trước có dùng điểm sử dụng của tôi không?”Có — vẽ màn hình là việc của AI, được tính vào gói như các yêu cầu khác. Mục này được ghi trong Mức sử dụng với tên “Thiết kế trước”, trong nhóm Không thuộc ứng dụng nào, và không bao giờ tính vào hạn mức mô hình cao cấp, vì bạn không tự chọn các mô hình này. Một phiên xem hết mọi biến thể sẽ dùng nhiều hơn phiên chỉ chọn trong ba màn hình đầu. Nếu gói của bạn đã hết hạn mức, cửa sổ sẽ không vẽ được.
Câu hỏi thường gặp
Phần tiêu đề “Câu hỏi thường gặp”Bản mẫu có quyết định ứng dụng của tôi có những trang nào không?
Không. Bản mẫu quyết định giao diện và bố cục của đúng một trang mà bản mẫu thể hiện. Các trang và tính năng lấy từ mô tả của bạn, và mô tả luôn được ưu tiên ở bất cứ chỗ nào hai bên khác nhau.
Tôi có đính kèm logo hay ảnh chụp màn hình một trang web tôi thích được không?
Được. Ảnh đính kèm theo bản mô tả (tối đa ba ảnh) được gửi cho các mô hình thiết kế, để lấy màu sắc và phong cách từ đó.
Vì sao tôi không thấy Thiết kế trước?
Tính năng này chỉ có trong ô nhập câu lệnh ở trang Dự án khi bạn đã đăng nhập, không có ở trang chủ. Một yêu cầu chỉ gồm tài liệu, không có chữ, sẽ được xây dựng như bình thường — hãy gõ một câu để có cơ sở thiết kế.
Sau khi xây dựng, tôi có đổi giao diện được không?
Được. Hãy yêu cầu trong cuộc trò chuyện — ví dụ “bo tròn các nút và làm màu xanh đậm hơn” — hoặc dùng Chế độ chỉnh sửa.
Mở các màn hình này có an toàn không?
Có. Mọi màn hình đều được làm sạch trước khi hiển thị: mã script và nội dung bên ngoài bị loại bỏ, nên màn hình chỉ có thể hiển thị.