> ## Documentation Index
> Fetch the complete documentation index at: https://docs.flowstep.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Chỉnh sửa và lặp lại các thiết kế của Flowstep qua chat hoặc canvas

> Tinh chỉnh bất kỳ màn hình được tạo bởi Flowstep thông qua chỉnh sửa trực quan hoặc các prompts dựa trên chat — lặp lại bao nhiêu lần cần thiết cho đến khi thiết kế chính xác.

<Frame>
  <img src="https://mintcdn.com/flowstep/iVYFuG-E2bJvmdDE/images/Screenshot-2026-05-06-at-14.25.48.png?fit=max&auto=format&n=iVYFuG-E2bJvmdDE&q=85&s=0a67045dde91f73cae39afde3d359269" alt="Screenshot 2026 05 06 At 14 25 48" width="2338" height="1510" data-path="images/Screenshot-2026-05-06-at-14.25.48.png" />
</Frame>

Các thiết kế của 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 các 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ữ đơn giản hoặc yêu cầu Flowstep tạo các biến thể và màn hình mới. 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

<Tabs>
  <Tab title="Chỉnh sửa trực quan thủ công">
    Thực hiện các thay đổi trực tiếp trên canvas 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 để thực hiện các điều chỉnh chính xác—di chuyển một thành phần, thay đổi màu sắc, cập nhật nhãn hoặc điều chỉnh khoảng cách.

    <Steps>
      <Step title="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ó.
      </Step>

      <Step title="Thực hiện các thay đổi của bạn">
        Sử dụng các điều khiển trình chỉnh sửa để điều chỉnh các thuộc tính như màu sắc, kích thước, vị trí hoặc nội dung văn bản.
      </Step>

      <Step title="Xem xét kết quả">
        Các thay đổi của bạn áp dụng ngay lập tức trên canvas. Tiếp tục chỉnh sửa hoặc chuyển sang màn hình tiếp theo.
      </Step>
    </Steps>
  </Tab>

  <Tab title="Chỉnh sửa dựa trên chat">
    Mô tả thay đổi bạn muốn bằng ngôn ngữ đơn giản và Flowstep cập nhật thiết kế cho bạn. Phương pháp này nhanh hơn để thực hiện các thay đổi rộng rãi hoặc có cấu trúc—điều chỉnh bố cục, suy nghĩ lại một phần hoặc áp dụng hướng kiểu dáng.

    <Steps>
      <Step title="Mở bảng chat">
        Chọn màn hình bạn muốn chỉnh sửa, sau đó mở đầu vào chat.
      </Step>

      <Step title="Mô tả thay đổi của bạn">
        Nhập những gì bạn muốn Flowstep cập nhật. Hãy cụ thể về những gì nên thay đổi và tại sao, nếu nó hữu ích.
      </Step>

      <Step title="Xem xét thiết kế được cập nhật">
        Flowstep áp dụng thay đổi và hiển thị kết quả cho bạn. Nếu nó không hoàn toàn chính xác, hãy gửi tin nhắn tiếp theo để tinh chỉnh thêm.
      </Step>
    </Steps>

    Các chỉnh sửa và tái tạo cập nhật màn hình được chọn **tại chỗ** thay vì thêm màn hình mới — trong khi Flowstep phát trực tuyến thay đổi, phần tử mà nó đang làm việc được tô sáng bằng đường viền chấm xanh. Tạo mà không chọn màn hình sẽ thêm màn hình mới thay vào đó.
  </Tab>
</Tabs>

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

Bạn không phải 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ị thay đổi.

* Chuyển sang chế độ **Direct selection** với **Shift+V** (hoặc menu thả xuống trên nút thanh công cụ Select) để chọn phần tử sâu nhất dưới cú nhấp của bạn. Nhấn **V** để 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 các 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), bảng **Image** xuất hiện trong bảng thuộc tính: xem trước hình ảnh, trao đổi nó bằng cách kéo tệp hình ảnh mới vào bản xem trước hoặc nhấp **Pick image**, hoặc lưu nó bằng **Download image**.

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

Mỗi lần tạo AI trong lịch sử chat giữ kết quả gốc 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ó 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 đã xóa. Sử dụng nó để quay lại trạng thái tốt đã biết sau khi chỉnh sửa diễn ra sai hướng.

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

<Frame>
  <img src="https://mintcdn.com/flowstep/iVYFuG-E2bJvmdDE/images/Screenshot-2026-05-06-at-14.29.34.png?fit=max&auto=format&n=iVYFuG-E2bJvmdDE&q=85&s=52e0f38e4c4506adbecdccc7a95be652" alt="Screenshot 2026 05 06 At 14 29 34" width="2436" height="1528" data-path="images/Screenshot-2026-05-06-at-14.29.34.png" />
</Frame>

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ế:

* **Try again from scratch** — 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 trực quan khác.
* **Show the next screen** — yêu cầu Flowstep tạo những gì hợp lý tiếp theo trong luồng người dùng.
* **Make it pretty** — điều chỉnh khoảng cách, căn chỉnh và màu sắc trên toàn bộ thiết kế. Bố cục vẫn giữ nguyên.

Những tùy chọn này cho phép bạn lặp lại nhanh chóng mà không phải viết prompt mỗi lần.

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

Thiết kế hiếm khi đạt hoàn hảo ở 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, và Flowstep điều chỉnh từ đó. Không có giới hạn về bao nhiêu lần bạn có thể lặp lại trên một màn hình.

<Tip>
  Khi lặp lại qua chat, tham chiếu 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ụ: "Move the call-to-action button to the bottom of the screen and make it full-width" hiệu quả hơn "fix the button."
</Tip>
