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

# Flowstep là gì?

> Flowstep là một công cụ thiết kế AI tạo ra các màn hình UI được thiết kế từ các prompt văn bản. Tìm hiểu nó làm gì, nó dành cho ai, và bạn có thể xây dựng gì với nó.

<iframe src="https://www.youtube.com/embed/ziyHZVaSbvQ" title="YouTube video player" frameborder="0" className="w-full aspect-video rounded-xl" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen />

Mô tả màn hình bạn muốn, nhận được một giao diện đã được thiết kế trong vài giây.

Đối với các nhà phát triển, đó là cách nhanh nhất để xác định UI trước khi viết mã. Đối với các quản lý sản phẩm và nhà sáng lập, đó là một cách để giao tiếp ý tưởng sản phẩm mà không có sự mơ hồ. Đối với các nhà thiết kế, đó là một điểm khởi đầu bỏ qua trang trắng.

## Bạn có thể làm gì với Flowstep

* **Tạo màn hình từ văn bản** — mô tả những gì bạn muốn, nhận được UI được thiết kế trong vài giây
* **Lặp lại thông qua prompts hoặc chỉnh sửa trực tiếp** — tinh chỉnh bố cục, nội dung và kiểu dáng mà không cần rời khỏi canvas
* **Xem trước dưới dạng nguyên mẫu tương tác** — Flowstep tự động liên kết các màn hình của bạn thành một luồng có thể nhấp. Xem [Nguyên mẫu](/vi/prototypes).
* **Kết nối với IDE của bạn qua MCP** — tạo và chỉnh sửa màn hình từ Cursor, Claude Code, Windsurf hoặc Claude Desktop. Xem [MCP Server](/vi/mcp/overview).
* **Xuất sang Figma, mã hoặc tệp hình ảnh** — dán trực tiếp vào tệp Figma hiện có, xuất mã hoặc tải xuống màn hình dưới dạng PNG/JPG
* **Chia sẻ với một liên kết** — những người xem xét không cần tài khoản Flowstep để xem hoặc bình luận

## Flowstep dành cho ai

* **Nhà phát triển** xây dựng UI sản phẩm mà không cần designer sẵn sàng, hoặc những người muốn xác định màn hình một cách trực quan trước khi thực hiện
* **Quản lý sản phẩm và nhà sáng lập** giao tiếp ý tưởng một cách trực quan hoặc xác thực ý tưởng
* **Nhà thiết kế** bỏ qua trang trắng — bắt đầu từ bố cục được tạo tự động và chỉnh sửa từ đó

<Note>
  Không cần kinh nghiệm thiết kế. Nếu bạn có thể mô tả màn hình bằng tiếng Anh đơn giản, Flowstep có thể tạo nó.
</Note>

## Bước tiếp theo

<CardGroup cols={2}>
  <Card title="Bắt đầu nhanh" icon="rocket" href="/vi/getting-started">
    Tạo màn hình đầu tiên của bạn trong chưa đến năm phút.
  </Card>

  <Card title="MCP Server" icon="terminal" href="/vi/mcp/overview">
    Sử dụng Flowstep từ Cursor, Claude Code hoặc bất kỳ ứng dụng tương thích MCP nào.
  </Card>

  <Card title="Tạo thiết kế" icon="wand-magic-sparkles" href="/vi/generating-designs">
    Cách viết prompts tạo ra các màn hình bạn thực sự muốn.
  </Card>

  <Card title="Tích hợp Figma" icon="figma" href="/vi/figma-integration">
    Dán thiết kế Flowstep vào tệp Figma hiện có bằng một phím tắt.
  </Card>
</CardGroup>