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

Khi bạn sẵn sàng chia sẻ hoặc bà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ể lấy những thiết kế được tạo bằng 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

​

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

​

Mã xuất

Ngoài hình ảnh, nút Code xuất thiết kế của bạn dưới dạng mã React + Tailwind — sao chép một đoạn mã hoặc tải xuống toàn bộ gói dưới dạng ZIP. Bạn có thể xuất một màn hình, nhiều màn hình được chọn hoặc toàn bộ tệp cùng một lúc. Khi bạn xuất nhiều hơn một màn hình, mỗi màn hình sẽ trở thành tệp thành phần của riêng nó và bất kỳ điều hướng nào bạn đã thiết lập giữa các màn hình sẽ được đưa vào mã được tạo, vì vậy ứng dụng đã xuất có thể nhấp từ đầu đến cuối. Các gói là tự chứa: hình ảnh được sử dụng trong thiết kế (bao gồm cả những hình ảnh bạn đính kèm trong bảng trò chuyện) được đưa vào 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 như cũ. Các tệp đã tải xuống — hình ảnh và gói mã — được đặt tên theo màn hình chúng thuộc về (quay lại tên tệp nếu màn hình không có tên), giữ các lần xuất dễ xác định khi bạn làm việc với nhiều màn hình.

​

Gửi thiết kế đến tác nhân mã hóa của bạn

Thay vì tải xuống tệp, bạn có thể bàn giao một thiết kế trực tiếp cho một trợ lý mã hóa AI. Nhấp Send to your coding agent trong thanh công cụ — hoặc mở hộp thoại xuất và chọn cùng một tùy chọn — để sao chép một prompt sẵn sàng để dán:

Tác nhân của bạn đọc các màn hình này qua MCP và xây dựng chúng trong kho lưu trữ của bạn. Dán prompt này vào Claude, Cursor hoặc tác nhân ưu tiên của bạn.

Prompt này cho tác nhân của bạn biết cách tìm nạp các màn hình qua máy chủ MCP của Flowstep và xây dựng lại chúng trong codebase của bạn. Bạn có thể bàn giao một màn hình, nhiều màn hình được chọn hoặc toàn bộ tệp cùng một lúc — prompt sẽ thích ứng với những gì bạn đã chọn. Điều này sử dụng máy chủ Flowstep MCP, vì vậy trước tiên hãy kết nối một máy khách MCP. Xem Tổng quan máy chủ MCP để biết các máy khách được hỗ trợ và Hướng dẫn nhanh để kết nối một máy khách.