> ## 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.

# Tải xuống các thiết kế Flowstep dưới dạng tệp hình ảnh JPG hoặc PNG

> Flowstep hỗ trợ xuất các thiết kế dưới dạng JPG hoặc PNG. Tìm hiểu định dạng nào phù hợp với trường hợp sử dụng của bạn và cách tải xuống các màn hình của bạn chỉ trong vài cú nhấp.

<Frame>
  <img src="https://mintcdn.com/flowstep/UmnbuTkaA7N6vp1N/images/Screenshot-2026-05-06-at-14.19.49.png?fit=max&auto=format&n=UmnbuTkaA7N6vp1N&q=85&s=b9d31a01c99bae3d325fdbfee34529dc" alt="Screenshot 2026 05 06 At 14 19 49" width="1824" height="1388" data-path="images/Screenshot-2026-05-06-at-14.19.49.png" />
</Frame>

Khi bạn sẵn sàng chia sẻ hoặc chuyển giao một thiết kế, Flowstep cho phép bạn xuất nó dưới dạng hình ảnh tĩnh — JPG hoặc PNG. Cả hai định dạng đều được hỗ trợ rộng rãi trên các công cụ thiết kế, phần mềm trình bày và trình duyệt, vì vậy bạn có thể đưa các thiết kế được tạo bởi AI của mình đến bất cứ nơi nào bạn cần.

## Cách xuất thiết kế của bạn

<Steps>
  <Step title="Mở thiết kế của bạn">
    Điều hướng đến thiết kế bạn muốn xuất trong Flowstep.
  </Step>

  <Step title="Mở menu xuất">
    Xác định tùy chọn xuất trong thanh công cụ hoặc bảng thiết kế. Chọn nó để mở cài đặt xuất.
  </Step>

  <Step title="Chọn định dạng của bạn">
    Chọn **JPG** hoặc **PNG** tùy theo trường hợp sử dụng của bạn (xem so sánh dưới đây).
  </Step>

  <Step title="Tải xuống tệp">
    Xác nhận lựa chọn của bạn và tải xuống hình ảnh được xuất đến thiết bị của bạn.
  </Step>
</Steps>

<Frame>
  <img src="https://mintcdn.com/flowstep/UmnbuTkaA7N6vp1N/images/Screenshot-2026-05-06-at-14.19.39.png?fit=max&auto=format&n=UmnbuTkaA7N6vp1N&q=85&s=8f3132e26a9a759315dd87a7a624fe00" alt="Screenshot 2026 05 06 At 14 19 39" width="1828" height="1522" data-path="images/Screenshot-2026-05-06-at-14.19.39.png" />
</Frame>

## JPG vs PNG: bạn nên sử dụng định dạng nào?

|                                  | JPG                                                        | PNG                                                    |
| -------------------------------- | ---------------------------------------------------------- | ------------------------------------------------------ |
| **Best for** (Phù hợp nhất với)  | Chia sẻ xem trước, bài thuyết trình, xem lại bên liên quan | Thiết kế có nền trong suốt, bàn giao độ trung thực cao |
| **File size** (Kích thước tệp)   | Nhỏ hơn — nhanh hơn để chia sẻ qua email hoặc tin nhắn     | Lớn hơn — giữ lại toàn bộ chi tiết hình ảnh            |
| **Transparency** (Độ trong suốt) | Không được hỗ trợ                                          | Được hỗ trợ                                            |
| **Quality** (Chất lượng)         | Nén nhẹ                                                    | Không mất dữ liệu — không giảm chất lượng              |

<Tip>
  Nếu bạn dán thiết kế của mình vào một bộ trang chiếu hoặc gửi xem trước nhanh cho khách hàng, JPG thường là lựa chọn đúng. Nếu bạn cần các cạnh sắc nét hoặc nền trong suốt — ví dụ, để xếp chồng thiết kế lên một hình ảnh khác — hãy sử dụng PNG.
</Tip>

## Mã xuất

Ngoài hình ảnh, nút **Code** (Mã) xuất một màn hình dưới dạng mã React + Tailwind — sao chép một đoạn, hoặc tải xuống gói đầy đủ dưới dạng ZIP. Các gói tự chứa: hình ảnh được sử dụng trong thiết kế (bao gồm các hình ảnh bạn đã đính kèm trong bảng trò chuyện) được bao gồm trong thư mục `public/assets/` với mã tham chiếu chúng theo đường dẫn cục bộ, vì vậy xuất chạy ngay.

Các tệp được tải xuống — hình ảnh và gói mã — được đặt tên theo màn hình mà chúng thuộc về (quay trở lại tên tệp nếu màn hình không có tên), giữ cho các xuất dễ dàng xác định khi bạn làm việc với nhiều màn hình.

<Note>
  Nếu bạn cần đưa thiết kế của mình vào quy trình chỉnh sửa vector, hãy sao chép nó trực tiếp vào Figma thay thế. Xem [Sao chép các thiết kế Flowstep vào Figma ngay lập tức](/vi/figma-integration).
</Note>