Chuyển đến nội dung chính
Screenshot 2026 05 06 At 14 25 48
Các thiết kế Flowstep có thể chỉnh sửa hoàn toàn sau khi tạo. Bạn không bị khóa vào những gì AI tạo ra lần đầu tiên — bạn có thể điều chỉnh hình ảnh trực tiếp trong trình chỉnh sửa, sử dụng chat để mô tả các thay đổi bằng ngôn ngữ tự nhiên, hoặc yêu cầu Flowstep tạo các biến thể và màn hình mới. Hãy sử dụng phương pháp phù hợp nhất với thay đổi bạn muốn thực hiện.

Hai cách để chỉnh sửa

Thực hiện các thay đổi trực tiếp trên bảng vẽ bằng cách chọn và sửa đổi các phần tử. Phương pháp này hoạt động tốt nhất cho các điều chỉnh chính xác — di chuyển một thành phần, thay đổi màu, cập nhật nhãn hoặc tinh chỉnh khoảng cách.
1

Chọn phần tử bạn muốn thay đổi

Nhấp vào bất kỳ thành phần hoặc lớp nào trong thiết kế của bạn để chọn nó.
2

Thực hiện các thay đổi của bạn

Sử dụng các điều khiển của trình chỉnh sửa để điều chỉnh các thuộc tính như màu, kích thước, vị trí hoặc nội dung văn bản.
3

Xem xét kết quả

Các thay đổi của bạn được áp dụng ngay lập tức trên bảng vẽ. Tiếp tục chỉnh sửa hoặc chuyển sang màn hình tiếp theo.

Chỉ chỉnh sửa một phần của màn hình

Bạn không cần chỉnh sửa toàn bộ màn hình. Chọn một phần tử con — một thẻ, một nút, một nhãn văn bản — và prompt chat của bạn chỉ áp dụng cho nó, để phần còn lại của màn hình không bị ảnh hưởng.
  • Chuyển sang chế độ Lựa chọn Trực tiếp với Shift+V (hoặc trình đơn thả xuống trên nút thanh công cụ Chọn) để chọn phần tử sâu nhất dưới cú nhấp của bạn. Nhấn V để lựa chọn bình thường, hoặc giữ Cmd (Mac) / Ctrl (Windows) để sử dụng lựa chọn trực tiếp tạm thời. Escape thoát khỏi lựa chọn trực tiếp.
  • Chọn phần tử con trên nhiều màn hình với Cmd+Shift — một prompt duy nhất có thể chỉnh sửa tối đa 6 màn hình cho mỗi tin nhắn.
Khi một phần tử hình ảnh được chọn (bên ngoài chế độ wireframe), một bảng Hình ảnh xuất hiện trong bảng thuộc tính: xem trước hình ảnh, hoán đổi nó bằng cách kéo một tệp hình ảnh mới lên bản xem trước hoặc nhấp vào Pick image, hoặc lưu nó bằng Download image.

Sao chép và dán phần tử

Sao chép một vùng chọn và dán lại ở bất cứ nơi nào bạn cần — trong cùng một tệp, trong tệp khác, hoặc trong một tab trình duyệt khác, vì các bản sao được lưu vào clipboard hệ thống của bạn.
  • Sao chép bằng Cmd+C (Mac) / Ctrl+C (Windows), cắt bằng Cmd+X / Ctrl+X, và dán bằng Cmd+V / Ctrl+V.
  • Nhân bản một vùng chọn ngay tại chỗ bằng Cmd+D / Ctrl+D.
  • Các phần tử được dán sẽ xuất hiện hơi lệch so với bản gốc để không che khuất chúng.
Các phím tắt này tác động lên các phần tử đã chọn; khi bạn đang chỉnh sửa văn bản, chúng sẽ chuyển sang chức năng sao chép và dán văn bản thông thường.

Đặt tên màn hình trên canvas

Mỗi màn hình hiển thị tên của nó trên một nhãn phía trên màn hình trên canvas. Màn hình chưa được đặt tên sẽ hiển thị Screen.
  • Nhấp đúp vào nhãn để đổi tên màn hình, sau đó nhấn Enter để lưu — nhấp ra ngoài cũng sẽ lưu. Tên có thể dài tối đa 100 ký tự.
  • Nhấp vào nhãn một lần để chọn màn hình, sau đó kéo để di chuyển màn hình quanh canvas.

Điều chỉnh độ mờ, chế độ hòa trộn và góc bo

Chọn một phần tử để tinh chỉnh giao diện của nó trong bảng thuộc tính:
  • Opacity (độ mờ) — đặt mức độ trong suốt của phần tử, từ 0 đến 100%. Cùng bảng này có chế độ hòa trộn (Normal, Multiply, Screen, Overlay, và nhiều chế độ khác) để kiểm soát cách phần tử hòa với những gì nằm phía sau nó.
  • Corners (góc) — bo tròn các góc của phần tử. Đặt một Corner radius duy nhất cho cả bốn góc, hoặc bật Per corner để cho góc trên bên trái, trên bên phải, dưới bên phải và dưới bên trái có bán kính riêng. Mỗi giá trị có thể là một Token từ theme của bạn hoặc một số lượng Custom.

Phóng to đến từng pixel

Phóng to canvas lên đến 25,600% để kiểm tra khoảng cách và căn chỉnh một cách chi tiết. Khi vượt quá 200%, các đường lưới căn theo pixel sẽ xuất hiện và rõ hơn khi bạn phóng to thêm, giúp bạn căn chỉnh các phần tử chính xác tuyệt đối.

Khôi phục phiên bản trước đó

Mỗi thế hệ AI trong lịch sử chat giữ kết quả ban đầu của nó. Nếu một màn hình đã được chỉnh sửa hoặc xóa kể từ khi nó được tạo, tin nhắn chat của nó sẽ hiển thị nút Restore — Restore original để hoàn nguyên các chỉnh sửa, hoặc Restore / Restore all để đưa lại các màn hình bị xóa. Sử dụng nó để quay lại trạng thái đã biết là tốt sau khi chỉnh sửa đi sai hướng. Di chuột qua bất kỳ tin nhắn nào trong bảng chat để xem thời gian gửi. Các tin nhắn gần đây hiển thị thời gian; những tin nhắn cũ hơn hiển thị bao lâu kể từ khi chúng được gửi (ví dụ, “1 ngày trước”), với ngày và giờ đầy đủ trong một mẹo công cụ.

Hành động một cú nhấp

Screenshot 2026 05 06 At 14 29 34
Ngoài các chỉnh sửa trực tiếp, bạn có thể yêu cầu Flowstep khám phá các lựa chọn thay thế:
  • Thử lại từ đầu — yêu cầu Flowstep tạo phiên bản mới của màn hình hiện tại với bố cục hoặc hướng hình ảnh khác.
  • Hiển thị màn hình tiếp theo — yêu cầu Flowstep tạo những gì logic tiếp theo trong luồng người dùng.
  • Làm cho nó đẹp mắt — điều chỉnh khoảng cách, căn chỉnh và màu sắc trên thiết kế. Bố cục vẫn như cũ.
Những tùy chọn này cho phép bạn lặp lại nhanh chóng mà không cần phải viết prompt mỗi lần.

Lặp lại để tinh chỉnh

Thiết kế hiếm khi hoàn hảo ngay lần đầu tiên. Sử dụng chỉnh sửa dựa trên chat cho mỗi vòng phản hồi — mô tả những gì đang hoạt động và những gì không hoạt động, và Flowstep sẽ điều chỉnh từ đó. Không có giới hạn về số lần bạn có thể lặp lại một màn hình.
Khi lặp lại thông qua chat, hãy tham chiếu đến các phần tử cụ thể theo tên hoặc vị trí để có kết quả chính xác hơn. Ví dụ: “Di chuyển nút hành động chính đến cuối màn hình và làm cho nó toàn chiều rộng” hiệu quả hơn so với “sửa nút.”