{"name":"Trung tâm trợ giúp UXMagic","description":"Tài liệu sản phẩm chính thức của UXMagic — công cụ thiết kế UI/UX bằng AI, biến prompt, ảnh chụp màn hình, bản phác, URL website và tệp Figma thành các thiết kế giao diện chỉnh sửa được, độ hoàn thiện cao, cùng mã nguồn sẵn sàng cho môi trường thật.","url":"https://uxmagic.ai/vi/help","locale":"vi","sourceUrl":"https://uxmagic.ai/help.json","generatedAt":"2026-09-09T07:40:25.175Z","version":1,"categories":[{"id":"getting-started","title":"Bắt đầu","description":"Mọi thứ bạn cần để đi từ canvas trắng tới màn hình đầu tiên đã thiết kế — và một nhúm khái niệm giúp phần còn lại của UXMagic trở nên dễ hiểu.","url":"https://uxmagic.ai/vi/help/getting-started","articleSlugs":["what-is-uxmagic","create-your-first-project","the-canvas","writing-a-good-prompt","keyboard-shortcuts","account-and-profile"]},{"id":"generate","title":"Tạo thiết kế","description":"Sáu cách đưa một màn hình lên canvas: prompt, ảnh chụp màn hình, bản phác, URL, tệp Figma, hoặc một tài liệu.","url":"https://uxmagic.ai/vi/help/generate","articleSlugs":["ways-to-generate-a-screen","text-to-ui","screenshot-to-ui","sketch-to-ui","clone-a-website","import-from-figma","design-from-a-document","wireframe-mode","flow-mode-and-screen-plans"]},{"id":"design-and-edit","title":"Thiết kế & chỉnh sửa","description":"Tinh chỉnh thứ AI tạo ra: chỉnh sửa có mục tiêu, chủ đề, kiểu chữ, hình ảnh, phiên bản và biến thể responsive.","url":"https://uxmagic.ai/vi/help/design-and-edit","articleSlugs":["editing-a-screen","chat-editing","themes-and-style-guides","fonts-and-typography","images-in-your-designs","versions-and-history","responsive-variants","component-libraries"]},{"id":"export-and-handoff","title":"Xuất & bàn giao","description":"Đưa thiết kế của bạn ra ngoài: Figma, HTML/React/Tailwind, GitHub, Framer, Webflow, WordPress và PDF.","url":"https://uxmagic.ai/vi/help/export-and-handoff","articleSlugs":["export-to-figma","export-code","export-to-framer-and-webflow","wordpress-publish","export-pdf-and-images","export-to-canva"]},{"id":"publish","title":"Xuất bản website","description":"Biến một dự án thành website thật trên subdomain uxmagic.io hoặc tên miền của riêng bạn — kèm xem trước, quay lui và gỡ xuất bản.","url":"https://uxmagic.ai/vi/help/publish","articleSlugs":["publish-your-first-site","subdomains-and-urls","custom-domains","redeploy-and-rollback"]},{"id":"collaborate","title":"Chia sẻ & cộng tác","description":"Chia sẻ dự án, mời người cộng tác, vận hành một đội với tín dụng dùng chung, và thu thập góp ý qua bình luận.","url":"https://uxmagic.ai/vi/help/collaborate","articleSlugs":["share-a-project","share-a-preview","teams-and-seats","comments-and-feedback","community-and-inspiration"]},{"id":"integrations","title":"Tích hợp & lập trình","description":"Kết nối UXMagic với IDE, kho mã, CMS và trợ lý AI của bạn — máy chủ MCP, khóa API, plugin Figma và GitHub.","url":"https://uxmagic.ai/vi/help/integrations","articleSlugs":["mcp-server","api-keys","figma-plugin","github-sync","connect-uxmagic-to-ai-assistants"]},{"id":"account-and-billing","title":"Gói, tín dụng & thanh toán","description":"Chi phí của từng thao tác, nội dung của từng gói, và cách nâng gói, hóa đơn, hủy đăng ký cũng như chương trình giới thiệu hoạt động.","url":"https://uxmagic.ai/vi/help/account-and-billing","articleSlugs":["how-credits-work","plans-and-limits","upgrade-or-downgrade","billing-and-invoices","refunds","cancel-your-subscription","earn-free-credits","referral-program","delete-your-account"]},{"id":"troubleshooting","title":"Xử lý sự cố","description":"Cách khắc phục những vấn đề người dùng thật sự gặp: màn hình trống, thiếu kiểu dáng, ảnh hỏng, xuất thất bại và lượt tạo bị kẹt.","url":"https://uxmagic.ai/vi/help/troubleshooting","articleSlugs":["i-ran-out-of-credits","blank-or-empty-screens","style-guide-did-not-apply","images-are-broken-or-missing","clone-came-out-blank-or-partial","figma-export-failed","my-changes-reverted","the-ai-is-not-following-my-brief","generation-is-slow-or-stuck","charts-or-animations-not-rendering","contact-support"]}],"articles":[{"slug":"what-is-uxmagic","category":"getting-started","categoryTitle":"Bắt đầu","title":"UXMagic là gì?","description":"UXMagic biến một prompt, ảnh chụp màn hình, bản phác, URL hay tệp Figma thành màn hình giao diện chỉnh sửa được, độ hoàn thiện cao, xuất được sang Figma hoặc mã nguồn.","url":"https://uxmagic.ai/vi/help/getting-started/what-is-uxmagic","type":"guide","keywords":["tổng quan","uxmagic làm gì","trình tạo ui bằng ai","giới thiệu"],"headings":["Khác gì một chatbot viết HTML","Một phiên làm việc điển hình","Dành cho ai","Nó không phải là gì","Đi tiếp ở đâu"],"updated":"2026-08-27","faqs":[],"related":["create-your-first-project","the-canvas","how-credits-work"],"markdown":"UXMagic là công cụ thiết kế UI/UX bằng AI. Bạn mô tả điều mình muốn — hoặc đưa cho nó một ảnh chụp màn hình, một bản phác tay, một URL website, hay một tệp Figma sẵn có — và nó tạo ra **màn hình giao diện thật, chỉnh sửa được**: bố cục đàng hoàng, hệ màu và kiểu chữ mạch lạc, cùng phần mã bạn có thể xuất sang Figma hoặc sang mã nguồn thật.\n\n## Khác gì một chatbot viết HTML\n\nBa điều:\n\n1. **Nó thiết kế trên canvas, không phải trong cửa sổ trò chuyện.** Các màn hình nằm cạnh nhau trên canvas vô tận, nên một luồng thanh toán là năm màn hình bạn nhìn thấy cùng lúc, chứ không phải năm câu trả lời rời rạc.\n2. **Nó giữ một chủ đề.** Màu, phông chữ, bo góc và khoảng cách được lưu dưới dạng design token của dự án. Bảo “chuyển sang tối” và mọi màn hình cùng đổi, thay vì một màn hình trôi lệch khỏi phần còn lại.\n3. **Nó xuất sang nơi có ích.** Figma với auto layout thật, hoặc HTML/React/Tailwind, hoặc một website xuất bản trên tên miền của bạn — không phải một ảnh chụp màn hình.\n\n## Một phiên làm việc điển hình\n\nBạn tạo dự án, gõ điều mình muốn, và AI đề xuất một tập màn hình. Bạn duyệt hoặc sửa kế hoạch đó, rồi nó thiết kế từng màn hình một trong lúc bạn theo dõi. Từ đó bạn lặp lại qua trò chuyện (“làm hero cao hơn”, “dùng màu xanh thương hiệu của chúng tôi”), hoặc bấm vào một màn hình và sửa chữ, ảnh trực tiếp.\n\nKhi ưng ý, bạn xuất — hoặc xuất bản nó thành một website đang chạy.\n\n## Dành cho ai\n\n- **Nhà sáng lập và quản lý sản phẩm** cần một giao diện thuyết phục để đưa cho người dùng, nhà đầu tư hay kỹ sư xem trước khi tuyển người thiết kế.\n- **Nhà thiết kế** muốn 80% đầu của một màn hình được tạo sẵn để dành thời gian cho 20% còn lại.\n- **Lập trình viên** muốn một front-end thật mà không phải viết tay năm trang giới thiệu.\n- **Agency** cần ra ý tưởng cho khách hàng thật nhanh.\n\n## Nó không phải là gì\n\nNó không thay thế một công cụ thiết kế đầy đủ cho công việc vẽ ở mức pixel, và cũng không phải IDE. Nó đưa bạn tới một điểm xuất phát có cấu trúc, độ hoàn thiện cao, cực nhanh, rồi bàn giao gọn ghẽ sang Figma, sang kho mã của bạn, hoặc lên web.\n\n## Đi tiếp ở đâu\n\n- [Tạo dự án đầu tiên](/help/getting-started/create-your-first-project) — bản năm phút.\n- [Cách tín dụng hoạt động](/help/account-and-billing/how-credits-work) — chi phí từng thao tác, để không có gì bất ngờ.\n- [Mọi cách tạo một màn hình](/help/generate/ways-to-generate-a-screen) — cả sáu điểm xuất phát.","text":"UXMagic là công cụ thiết kế UI/UX bằng AI. Bạn mô tả điều mình muốn — hoặc đưa cho nó một ảnh chụp màn hình, một bản phác tay, một URL website, hay một tệp Figma sẵn có — và nó tạo ra màn hình giao diện thật, chỉnh sửa được: bố cục đàng hoàng, hệ màu và kiểu chữ mạch lạc, cùng phần mã bạn có thể xuất sang Figma hoặc sang mã nguồn thật. Khác gì một chatbot viết HTML Ba điều: 1. Nó thiết kế trên canvas, không phải trong cửa sổ trò chuyện. Các màn hình nằm cạnh nhau trên canvas vô tận, nên một luồng thanh toán là năm màn hình bạn nhìn thấy cùng lúc, chứ không phải năm câu trả lời rời rạc. 2. Nó giữ một chủ đề. Màu, phông chữ, bo góc và khoảng cách được lưu dưới dạng design token của dự án. Bảo “chuyển sang tối” và mọi màn hình cùng đổi, thay vì một màn hình trôi lệch khỏi phần còn lại. 3. Nó xuất sang nơi có ích. Figma với auto layout thật, hoặc HTML/React/Tailwind, hoặc một website xuất bản trên tên miền của bạn — không phải một ảnh chụp màn hình. Một phiên làm việc điển hình Bạn tạo dự án, gõ điều mình muốn, và AI đề xuất một tập màn hình. Bạn duyệt hoặc sửa kế hoạch đó, rồi nó thiết kế từng màn hình một trong lúc bạn theo dõi. Từ đó bạn lặp lại qua trò chuyện (“làm hero cao hơn”, “dùng màu xanh thương hiệu của chúng tôi”), hoặc bấm vào một màn hình và sửa chữ, ảnh trực tiếp. Khi ưng ý, bạn xuất — hoặc xuất bản nó thành một website đang chạy. Dành cho ai - Nhà sáng lập và quản lý sản phẩm cần một giao diện thuyết phục để đưa cho người dùng, nhà đầu tư hay kỹ sư xem trước khi tuyển người thiết kế. - Nhà thiết kế muốn 80% đầu của một màn hình được tạo sẵn để dành thời gian cho 20% còn lại. - Lập trình viên muốn một front-end thật mà không phải viết tay năm trang giới thiệu. - Agency cần ra ý tưởng cho khách hàng thật nhanh. Nó không phải là gì Nó không thay thế một công cụ thiết kế đầy đủ cho công việc vẽ ở mức pixel, và cũng không phải IDE. Nó đưa bạn tới một điểm xuất phát có cấu trúc, độ hoàn thiện cao, cực nhanh, rồi bàn giao gọn ghẽ sang Figma, sang kho mã của bạn, hoặc lên web. Đi tiếp ở đâu - Tạo dự án đầu tiên — bản năm phút. - Cách tín dụng hoạt động — chi phí từng thao tác, để không có gì bất ngờ. - Mọi cách tạo một màn hình — cả sáu điểm xuất phát."},{"slug":"create-your-first-project","category":"getting-started","categoryTitle":"Bắt đầu","title":"Tạo dự án đầu tiên","description":"Từ lúc đăng ký tới một màn hình đã thiết kế và chỉnh sửa được trong khoảng năm phút.","url":"https://uxmagic.ai/vi/help/getting-started/create-your-first-project","type":"howto","keywords":["dự án đầu tiên","bắt đầu nhanh","khởi đầu","dự án mới","bắt đầu"],"headings":["1. Đăng nhập","2. Tạo một dự án","3. Mô tả điều bạn muốn","4. Duyệt kế hoạch","5. Xem nó thiết kế","6. Lặp lại","7. Đưa ra ngoài","Lỗi thường gặp trong phiên đầu tiên"],"updated":"2026-09-03","faqs":[{"question":"Tôi có cần thẻ tín dụng để bắt đầu không?","answer":"Không. Gói Free cho bạn 20 tín dụng mỗi ngày — đủ cho khoảng 3 màn hình một ngày — mà không cần lưu thẻ."},{"question":"Màn hình đầu tiên mất bao lâu?","answer":"Một màn hình đơn lẻ thường xong dưới một phút. Một kế hoạch đầy đủ nhiều màn hình mất thời gian tương ứng lâu hơn, vì các màn hình được thiết kế lần lượt."}],"related":["the-canvas","writing-a-good-prompt","ways-to-generate-a-screen"],"markdown":"Phần này đưa bạn từ một tài khoản mới tinh tới một màn hình có thể chỉnh sửa và xuất.\n\n![Bảng điều khiển UXMagic, với ô prompt ghi “Mô tả thứ bạn muốn tạo” và các gợi ý ý tưởng bên dưới.](/help/dashboard-prompt.webp)\n\n## 1. Đăng nhập\n\nVào [uxmagic.ai](https://uxmagic.ai) và đăng ký bằng Google hoặc email. Không cần thẻ tín dụng — gói Free cho bạn 20 tín dụng mỗi ngày, đủ cho khoảng 3 màn hình một ngày, trong 5 dự án.\n\n## 2. Tạo một dự án\n\nTừ bảng điều khiển, bấm **Dự án mới**. Một dự án là nơi chứa một tập màn hình dùng chung một chủ đề — một sản phẩm, một website, một luồng. Hãy để những việc không liên quan ở các dự án riêng để hệ thống thiết kế của chúng không đụng nhau.\n\n## 3. Mô tả điều bạn muốn\n\nGõ yêu cầu vào ô prompt. Hãy cụ thể về **sản phẩm**, **các màn hình** và **đối tượng**:\n\n> Một SaaS quản lý dự án cho các agency nhỏ. Tôi cần một trang giới thiệu marketing, một trang bảng giá, và một bảng điều khiển hiển thị các dự án đang chạy. Sạch sẽ và hiện đại, xanh đậm và trắng, thân thiện nhưng chuyên nghiệp.\n\nNếu bạn có bộ nhận diện, một website tham chiếu, hay một PRD, hãy đính kèm ngay — xem [Mọi cách tạo một màn hình](/help/generate/ways-to-generate-a-screen).\n\n## 4. Duyệt kế hoạch\n\nVới dự án mới, AI thường đề xuất danh sách màn hình trước khi thiết kế bất cứ thứ gì. Bạn có thể thêm màn hình, đổi tên, bỏ những cái không cần, rồi duyệt. Bước này rẻ có chủ đích: sửa kế hoạch tốt hơn nhiều so với thiết kế lại năm màn hình đã xong.\n\n## 5. Xem nó thiết kế\n\nCác màn hình được thiết kế lần lượt và hiện lên canvas khi xong. Bạn vẫn có thể làm việc khác trong lúc đó.\n\n## 6. Lặp lại\n\nHai cách thay đổi:\n\n- **Trò chuyện** — cho bất cứ điều gì thuộc cấu trúc hay chủ đề: “thêm phần đánh giá dưới hero”, “chuyển toàn bộ sang tối”, “đổi chữ trên CTA”.\n- **Chế độ chỉnh sửa** — bấm vào một màn hình để đổi chữ và thay ảnh trực tiếp, không tốn một lượt tạo.\n\nXem [Chỉnh sửa một màn hình](/help/design-and-edit/editing-a-screen).\n\n## 7. Đưa ra ngoài\n\nKhi đã hài lòng: [xuất sang Figma](/help/export-and-handoff/export-to-figma), [xuất mã nguồn](/help/export-and-handoff/export-code), hoặc [xuất bản thành website đang chạy](/help/publish/publish-your-first-site).\n\n## Lỗi thường gặp trong phiên đầu tiên\n\n- **Nhắc từng màn hình một trong khi bạn muốn cả luồng.** Hãy yêu cầu cả luồng ngay từ đầu để các màn hình dùng chung chủ đề và cấu trúc điều hướng.\n- **Sửa chủ đề theo từng màn hình.** Đổi chủ đề một lần và nó áp dụng cho toàn dự án. Xem [Chủ đề và bộ quy chuẩn](/help/design-and-edit/themes-and-style-guides).\n- **Tạo lại chỉ vì một lỗi chính tả.** Dùng chế độ chỉnh sửa. Tạo lại tốn tín dụng; sửa chữ thì không.","text":"Phần này đưa bạn từ một tài khoản mới tinh tới một màn hình có thể chỉnh sửa và xuất. 1. Đăng nhập Vào uxmagic.ai và đăng ký bằng Google hoặc email. Không cần thẻ tín dụng — gói Free cho bạn 20 tín dụng mỗi ngày, đủ cho khoảng 3 màn hình một ngày, trong 5 dự án. 2. Tạo một dự án Từ bảng điều khiển, bấm Dự án mới. Một dự án là nơi chứa một tập màn hình dùng chung một chủ đề — một sản phẩm, một website, một luồng. Hãy để những việc không liên quan ở các dự án riêng để hệ thống thiết kế của chúng không đụng nhau. 3. Mô tả điều bạn muốn Gõ yêu cầu vào ô prompt. Hãy cụ thể về sản phẩm, các màn hình và đối tượng: Một SaaS quản lý dự án cho các agency nhỏ. Tôi cần một trang giới thiệu marketing, một trang bảng giá, và một bảng điều khiển hiển thị các dự án đang chạy. Sạch sẽ và hiện đại, xanh đậm và trắng, thân thiện nhưng chuyên nghiệp. Nếu bạn có bộ nhận diện, một website tham chiếu, hay một PRD, hãy đính kèm ngay — xem Mọi cách tạo một màn hình. 4. Duyệt kế hoạch Với dự án mới, AI thường đề xuất danh sách màn hình trước khi thiết kế bất cứ thứ gì. Bạn có thể thêm màn hình, đổi tên, bỏ những cái không cần, rồi duyệt. Bước này rẻ có chủ đích: sửa kế hoạch tốt hơn nhiều so với thiết kế lại năm màn hình đã xong. 5. Xem nó thiết kế Các màn hình được thiết kế lần lượt và hiện lên canvas khi xong. Bạn vẫn có thể làm việc khác trong lúc đó. 6. Lặp lại Hai cách thay đổi: - Trò chuyện — cho bất cứ điều gì thuộc cấu trúc hay chủ đề: “thêm phần đánh giá dưới hero”, “chuyển toàn bộ sang tối”, “đổi chữ trên CTA”. - Chế độ chỉnh sửa — bấm vào một màn hình để đổi chữ và thay ảnh trực tiếp, không tốn một lượt tạo. Xem Chỉnh sửa một màn hình. 7. Đưa ra ngoài Khi đã hài lòng: xuất sang Figma, xuất mã nguồn, hoặc xuất bản thành website đang chạy. Lỗi thường gặp trong phiên đầu tiên - Nhắc từng màn hình một trong khi bạn muốn cả luồng. Hãy yêu cầu cả luồng ngay từ đầu để các màn hình dùng chung chủ đề và cấu trúc điều hướng. - Sửa chủ đề theo từng màn hình. Đổi chủ đề một lần và nó áp dụng cho toàn dự án. Xem Chủ đề và bộ quy chuẩn. - Tạo lại chỉ vì một lỗi chính tả. Dùng chế độ chỉnh sửa. Tạo lại tốn tín dụng; sửa chữ thì không."},{"slug":"the-canvas","category":"getting-started","categoryTitle":"Bắt đầu","title":"Canvas, dự án và màn hình","description":"Cách dự án, màn hình, phiên bản và canvas vô tận ăn khớp với nhau.","url":"https://uxmagic.ai/vi/help/getting-started/the-canvas","type":"guide","keywords":["canvas","frame","màn hình","cấu trúc dự án","thu phóng","điều hướng"],"headings":["Dự án","Màn hình","Canvas","Phiên bản","Tài nguyên và tài liệu","Thùng rác"],"updated":"2026-08-27","faqs":[],"related":["create-your-first-project","versions-and-history","editing-a-screen"],"markdown":"![Một dự án UXMagic trên canvas: ba màn hình onboarding được tạo ra bên cạnh bảng trò chuyện của trợ lý liệt kê các bước đã thực hiện.](/help/canvas.webp)\n\n## Dự án\n\nMột **dự án** chứa các màn hình, một chủ đề, tài nguyên và tài liệu đã tải lên, lịch sử trò chuyện, và những người cộng tác. Mọi thứ trong một dự án dùng chung một hệ thống thiết kế, và đó là điều khiến hai mươi màn hình trông như một sản phẩm.\n\nQuy tắc chung: một dự án cho mỗi sản phẩm hoặc website. Nếu bạn đang thiết kế hai thứ không liên quan, hãy dùng hai dự án — nếu không, một thay đổi chủ đề dành cho cái này sẽ làm xê dịch cái kia.\n\n## Màn hình\n\nMột **màn hình** (đôi khi gọi là frame) là một khung vẽ trên canvas. Mỗi màn hình có tên, kích cỡ thiết bị, nội dung HTML và lịch sử phiên bản.\n\nMàn hình có thể:\n\n- do AI tạo ra từ prompt của bạn,\n- được thêm vào ở dạng trống rồi điền sau,\n- được nhân bản từ một màn hình sẵn có,\n- được tạo như biến thể responsive của một màn hình khác.\n\n## Canvas\n\nCanvas là vô tận và thu phóng được.\n\n- **Di chuyển** — phím cách + kéo, hoặc cuộn hai ngón.\n- **Thu phóng** — ⌘/Ctrl + cuộn, hoặc thanh điều khiển thu phóng.\n- **Vừa màn hình** — thu nhỏ để thấy mọi màn hình trong dự án.\n- **Chế độ tập trung** — mở một màn hình duy nhất ở toàn chiều rộng để làm việc kỹ.\n\nMàn hình được đặt vị trí từ điểm giữa, nên màn hình vừa tạo sẽ xếp thành hàng bên cạnh những cái sẵn có thay vì chồng lên chúng.\n\n## Phiên bản\n\nMọi thay đổi của AI trên một màn hình đều tạo **phiên bản mới** thay vì ghi đè phiên bản cũ. Bạn có thể lùi qua các phiên bản và khôi phục bất kỳ phiên bản nào. Xem [Phiên bản và lịch sử](/help/design-and-edit/versions-and-history).\n\n## Tài nguyên và tài liệu\n\nMỗi dự án có **thư viện tài nguyên** cho ảnh bạn tải lên hoặc AI tạo ra, và khu vực **tài liệu** nơi bạn có thể đính kèm PRD, brief hay đặc tả để AI đọc trước khi thiết kế. Xem [Thiết kế từ PRD hoặc brief](/help/generate/design-from-a-document).\n\n## Thùng rác\n\nDự án đã xóa nằm trong **Thùng rác** và có thể khôi phục từ bảng điều khiển.","text":"Dự án Một dự án chứa các màn hình, một chủ đề, tài nguyên và tài liệu đã tải lên, lịch sử trò chuyện, và những người cộng tác. Mọi thứ trong một dự án dùng chung một hệ thống thiết kế, và đó là điều khiến hai mươi màn hình trông như một sản phẩm. Quy tắc chung: một dự án cho mỗi sản phẩm hoặc website. Nếu bạn đang thiết kế hai thứ không liên quan, hãy dùng hai dự án — nếu không, một thay đổi chủ đề dành cho cái này sẽ làm xê dịch cái kia. Màn hình Một màn hình (đôi khi gọi là frame) là một khung vẽ trên canvas. Mỗi màn hình có tên, kích cỡ thiết bị, nội dung HTML và lịch sử phiên bản. Màn hình có thể: - do AI tạo ra từ prompt của bạn, - được thêm vào ở dạng trống rồi điền sau, - được nhân bản từ một màn hình sẵn có, - được tạo như biến thể responsive của một màn hình khác. Canvas Canvas là vô tận và thu phóng được. - Di chuyển — phím cách + kéo, hoặc cuộn hai ngón. - Thu phóng — ⌘/Ctrl + cuộn, hoặc thanh điều khiển thu phóng. - Vừa màn hình — thu nhỏ để thấy mọi màn hình trong dự án. - Chế độ tập trung — mở một màn hình duy nhất ở toàn chiều rộng để làm việc kỹ. Màn hình được đặt vị trí từ điểm giữa, nên màn hình vừa tạo sẽ xếp thành hàng bên cạnh những cái sẵn có thay vì chồng lên chúng. Phiên bản Mọi thay đổi của AI trên một màn hình đều tạo phiên bản mới thay vì ghi đè phiên bản cũ. Bạn có thể lùi qua các phiên bản và khôi phục bất kỳ phiên bản nào. Xem Phiên bản và lịch sử. Tài nguyên và tài liệu Mỗi dự án có thư viện tài nguyên cho ảnh bạn tải lên hoặc AI tạo ra, và khu vực tài liệu nơi bạn có thể đính kèm PRD, brief hay đặc tả để AI đọc trước khi thiết kế. Xem Thiết kế từ PRD hoặc brief. Thùng rác Dự án đã xóa nằm trong Thùng rác và có thể khôi phục từ bảng điều khiển."},{"slug":"writing-a-good-prompt","category":"getting-started","categoryTitle":"Bắt đầu","title":"Viết prompt cho ra đúng thứ bạn muốn","description":"Năm thứ cần có trong một prompt, và những cách diễn đạt chắc chắn hỏng.","url":"https://uxmagic.ai/vi/help/getting-started/writing-a-good-prompt","type":"guide","keywords":["prompt","viết prompt","kết quả tốt hơn","kết quả tệ","cách yêu cầu"],"headings":["Hãy đưa vào năm thứ này","Một prompt hiệu quả","Những cách diễn đạt chắc chắn gây thất vọng","Hãy nói rõ khi bạn thật sự nghiêm túc","Lặp lại","Khi kết quả gần đúng nhưng chưa tới"],"updated":"2026-08-27","faqs":[],"related":["create-your-first-project","ways-to-generate-a-screen","the-ai-is-not-following-my-brief"],"markdown":"Yếu tố lớn nhất quyết định chất lượng đầu ra là prompt. Đây là những thứ thật sự tạo khác biệt.\n\n## Hãy đưa vào năm thứ này\n\n1. **Sản phẩm là gì.** “Một công cụ đặt lịch cho tiệm chăm sóc chó” cho AI biết nội dung nào thuộc về trang đó. “Một trang giới thiệu” thì không.\n2. **Bạn muốn màn hình nào.** Gọi tên chúng ra. “Trang giới thiệu, bảng giá, đăng ký, và một trạng thái rỗng của bảng điều khiển.”\n3. **Dành cho ai.** B2B doanh nghiệp và người dùng phổ thông trên di động cho ra bố cục rất khác nhau.\n4. **Hướng hình ảnh.** Một màu thương hiệu, một cảm giác về kiểu chữ, một tham chiếu: “ấm, kiểu tạp chí, nhiều khoảng trắng, tiêu đề có chân.”\n5. **Bất cứ điều gì không thể thương lượng.** Câu chữ pháp lý, một CTA cụ thể, một phần bắt buộc, một ràng buộc cứng.\n\n## Một prompt hiệu quả\n\n> Một công cụ lập hóa đơn B2B cho người làm tự do tên Ledgerly. Hãy thiết kế một trang giới thiệu marketing, một trang bảng giá ba bậc, và một bảng điều khiển liệt kê các hóa đơn gần đây. Đối tượng là người làm tự do đơn lẻ, không phải doanh nghiệp lớn. Hướng hình ảnh: điềm tĩnh và đáng tin, xanh lá đậm làm màu chính, nhiều khoảng trắng, phông không chân. Trang giới thiệu phải có CTA “Bắt đầu miễn phí” trên thanh điều hướng và một phần nói về việc được thanh toán nhanh hơn.\n\n## Những cách diễn đạt chắc chắn gây thất vọng\n\n- **“Làm cho đẹp hơn.”** AI không biết bạn nói về khía cạnh nào. Hãy nói cái gì sai: “hero quá cao và CTA khó tìm.”\n- **“Làm cho nổi bật.”** Đưa hướng cụ thể: tăng tương phản, chữ to hơn, màu nhấn mạnh bạo hơn.\n- **“Giống Stripe.”** Tốt hơn: dán URL và yêu cầu sao chép, hoặc mô tả đúng phẩm chất bạn muốn nói (“độ dày đặc và cách xử lý dải màu của Stripe”).\n- **Mười thay đổi trong một tin nhắn.** Chúng tác động lẫn nhau. Hai hoặc ba mỗi lần sẽ trúng đích hơn.\n\n## Hãy nói rõ khi bạn thật sự nghiêm túc\n\nNếu bạn có bộ nhận diện và muốn nó được tôn trọng chính xác, hãy nói bằng những từ dứt khoát: “Dùng đúng các màu này: #0F3D2E và #F5F1E8. Không đưa thêm màu nào khác.” Nếu không, AI sẽ tự phán đoán xem thứ gì hợp với nhau.\n\nVới nội dung cũng vậy: nếu câu chữ quan trọng, hãy cung cấp. Nếu không, bạn sẽ nhận được chữ thay thế nghe có vẻ hợp lý.\n\n## Lặp lại\n\nTrò chuyện giữ bối cảnh dự án, nên các yêu cầu tiếp theo có thể ngắn: “cho thanh điều hướng dính”, “đổi chỗ phần hai và phần ba”, “thẻ giá cần một nhãn phổ biến nhất”. Bạn không cần nhắc lại brief mỗi lần.\n\n## Khi kết quả gần đúng nhưng chưa tới\n\nĐừng tạo lại — việc đó tốn tín dụng và vứt luôn những phần đã tốt. Thay vào đó:\n\n- một chỉnh sửa có mục tiêu qua trò chuyện cho một phần,\n- [chế độ chỉnh sửa](/help/design-and-edit/editing-a-screen) cho chữ và ảnh,\n- một [thay đổi chủ đề](/help/design-and-edit/themes-and-style-guides) cho bất cứ điều gì liên quan tới màu hoặc kiểu chữ.","text":"Yếu tố lớn nhất quyết định chất lượng đầu ra là prompt. Đây là những thứ thật sự tạo khác biệt. Hãy đưa vào năm thứ này 1. Sản phẩm là gì. “Một công cụ đặt lịch cho tiệm chăm sóc chó” cho AI biết nội dung nào thuộc về trang đó. “Một trang giới thiệu” thì không. 2. Bạn muốn màn hình nào. Gọi tên chúng ra. “Trang giới thiệu, bảng giá, đăng ký, và một trạng thái rỗng của bảng điều khiển.” 3. Dành cho ai. B2B doanh nghiệp và người dùng phổ thông trên di động cho ra bố cục rất khác nhau. 4. Hướng hình ảnh. Một màu thương hiệu, một cảm giác về kiểu chữ, một tham chiếu: “ấm, kiểu tạp chí, nhiều khoảng trắng, tiêu đề có chân.” 5. Bất cứ điều gì không thể thương lượng. Câu chữ pháp lý, một CTA cụ thể, một phần bắt buộc, một ràng buộc cứng. Một prompt hiệu quả Một công cụ lập hóa đơn B2B cho người làm tự do tên Ledgerly. Hãy thiết kế một trang giới thiệu marketing, một trang bảng giá ba bậc, và một bảng điều khiển liệt kê các hóa đơn gần đây. Đối tượng là người làm tự do đơn lẻ, không phải doanh nghiệp lớn. Hướng hình ảnh: điềm tĩnh và đáng tin, xanh lá đậm làm màu chính, nhiều khoảng trắng, phông không chân. Trang giới thiệu phải có CTA “Bắt đầu miễn phí” trên thanh điều hướng và một phần nói về việc được thanh toán nhanh hơn. Những cách diễn đạt chắc chắn gây thất vọng - “Làm cho đẹp hơn.” AI không biết bạn nói về khía cạnh nào. Hãy nói cái gì sai: “hero quá cao và CTA khó tìm.” - “Làm cho nổi bật.” Đưa hướng cụ thể: tăng tương phản, chữ to hơn, màu nhấn mạnh bạo hơn. - “Giống Stripe.” Tốt hơn: dán URL và yêu cầu sao chép, hoặc mô tả đúng phẩm chất bạn muốn nói (“độ dày đặc và cách xử lý dải màu của Stripe”). - Mười thay đổi trong một tin nhắn. Chúng tác động lẫn nhau. Hai hoặc ba mỗi lần sẽ trúng đích hơn. Hãy nói rõ khi bạn thật sự nghiêm túc Nếu bạn có bộ nhận diện và muốn nó được tôn trọng chính xác, hãy nói bằng những từ dứt khoát: “Dùng đúng các màu này: #0F3D2E và #F5F1E8. Không đưa thêm màu nào khác.” Nếu không, AI sẽ tự phán đoán xem thứ gì hợp với nhau. Với nội dung cũng vậy: nếu câu chữ quan trọng, hãy cung cấp. Nếu không, bạn sẽ nhận được chữ thay thế nghe có vẻ hợp lý. Lặp lại Trò chuyện giữ bối cảnh dự án, nên các yêu cầu tiếp theo có thể ngắn: “cho thanh điều hướng dính”, “đổi chỗ phần hai và phần ba”, “thẻ giá cần một nhãn phổ biến nhất”. Bạn không cần nhắc lại brief mỗi lần. Khi kết quả gần đúng nhưng chưa tới Đừng tạo lại — việc đó tốn tín dụng và vứt luôn những phần đã tốt. Thay vào đó: - một chỉnh sửa có mục tiêu qua trò chuyện cho một phần, - chế độ chỉnh sửa cho chữ và ảnh, - một thay đổi chủ đề cho bất cứ điều gì liên quan tới màu hoặc kiểu chữ."},{"slug":"keyboard-shortcuts","category":"getting-started","categoryTitle":"Bắt đầu","title":"Phím tắt","description":"Phím tắt cho canvas, chỉnh sửa và điều hướng.","url":"https://uxmagic.ai/vi/help/getting-started/keyboard-shortcuts","type":"reference","keywords":["phím tắt","tổ hợp phím","bàn phím","hoàn tác","xóa"],"headings":["Canvas","Màn hình","Trò chuyện"],"updated":"2026-08-27","faqs":[],"related":["the-canvas","editing-a-screen"],"markdown":"## Canvas\n\n| Thao tác | Phím tắt |\n| --- | --- |\n| Di chuyển | Phím cách + kéo, hoặc cuộn hai ngón |\n| Phóng to / thu nhỏ | ⌘/Ctrl + cuộn, hoặc ⌘/Ctrl + \\= / \\- |\n| Vừa mọi màn hình | Shift + 1 |\n| Thu phóng 100% | ⌘/Ctrl + 0 |\n\n## Màn hình\n\n| Thao tác | Phím tắt |\n| --- | --- |\n| Nhân bản màn hình đang chọn | ⌘/Ctrl + D |\n| Xóa màn hình đang chọn | Delete / Backspace |\n| Hoàn tác | ⌘/Ctrl + Z |\n| Làm lại | ⌘/Ctrl + Shift + Z |\n\n## Trò chuyện\n\n| Thao tác | Phím tắt |\n| --- | --- |\n| Gửi | Enter |\n| Xuống dòng | Shift + Enter |\n\n> **Nếu Delete hay Hoàn tác có vẻ không phản hồi:** hãy bấm vào vùng trống trên canvas trước. Khi con trỏ đang ở trong ô prompt, những phím đó thuộc về ô văn bản chứ không phải canvas.","text":"Canvas Thao tác Phím tắt --- --- Di chuyển Phím cách + kéo, hoặc cuộn hai ngón Phóng to / thu nhỏ ⌘/Ctrl + cuộn, hoặc ⌘/Ctrl + \\= / \\- Vừa mọi màn hình Shift + 1 Thu phóng 100% ⌘/Ctrl + 0 Màn hình Thao tác Phím tắt --- --- Nhân bản màn hình đang chọn ⌘/Ctrl + D Xóa màn hình đang chọn Delete / Backspace Hoàn tác ⌘/Ctrl + Z Làm lại ⌘/Ctrl + Shift + Z Trò chuyện Thao tác Phím tắt --- --- Gửi Enter Xuống dòng Shift + Enter Nếu Delete hay Hoàn tác có vẻ không phản hồi: hãy bấm vào vùng trống trên canvas trước. Khi con trỏ đang ở trong ô prompt, những phím đó thuộc về ô văn bản chứ không phải canvas."},{"slug":"account-and-profile","category":"getting-started","categoryTitle":"Bắt đầu","title":"Tài khoản và hồ sơ của bạn","description":"Các cách đăng nhập, đổi email hoặc mật khẩu, và cài đặt tài khoản.","url":"https://uxmagic.ai/vi/help/getting-started/account-and-profile","type":"howto","keywords":["tài khoản","hồ sơ","mật khẩu","email","đăng nhập","login","sso"],"headings":["Đăng nhập","Thay đổi thông tin của bạn","Đổi email","Quên mật khẩu","Xóa tài khoản"],"updated":"2026-08-27","faqs":[],"related":["plans-and-limits","delete-your-account","teams-and-seats"],"markdown":"## Đăng nhập\n\nUXMagic hỗ trợ:\n\n- **Google** — một cú nhấp, không phải quản lý mật khẩu.\n- **Email và mật khẩu** — có xác minh email.\n- **SSO / SAML** — trên các gói Enterprise.\n\n## Thay đổi thông tin của bạn\n\nMở **Quản lý tài khoản** từ menu ảnh đại diện trên bảng điều khiển. Ở đó bạn có thể cập nhật tên, ảnh đại diện và mật khẩu.\n\n## Đổi email\n\nNếu bạn đăng ký bằng email và mật khẩu, bạn có thể đổi email trong **Quản lý tài khoản**; địa chỉ mới phải được xác minh trước khi có hiệu lực.\n\nNếu bạn đăng ký bằng Google, email của bạn đến từ tài khoản Google. Để chuyển sang địa chỉ khác, hãy liên hệ bộ phận hỗ trợ để chúng tôi chuyển dự án của bạn thay vì để bạn có hai tài khoản.\n\n## Quên mật khẩu\n\nDùng **Quên mật khẩu** ở màn hình đăng nhập. Nếu không nhận được gì, hãy kiểm tra thư rác và xác nhận rằng ban đầu bạn đăng ký bằng mật khẩu chứ không phải bằng Google — tài khoản Google không có mật khẩu UXMagic nào để đặt lại.\n\n## Xóa tài khoản\n\nXem [Xóa tài khoản của bạn](/help/account-and-billing/delete-your-account). Việc xóa là vĩnh viễn và sẽ gỡ bỏ các dự án của bạn.","text":"Đăng nhập UXMagic hỗ trợ: - Google — một cú nhấp, không phải quản lý mật khẩu. - Email và mật khẩu — có xác minh email. - SSO / SAML — trên các gói Enterprise. Thay đổi thông tin của bạn Mở Quản lý tài khoản từ menu ảnh đại diện trên bảng điều khiển. Ở đó bạn có thể cập nhật tên, ảnh đại diện và mật khẩu. Đổi email Nếu bạn đăng ký bằng email và mật khẩu, bạn có thể đổi email trong Quản lý tài khoản; địa chỉ mới phải được xác minh trước khi có hiệu lực. Nếu bạn đăng ký bằng Google, email của bạn đến từ tài khoản Google. Để chuyển sang địa chỉ khác, hãy liên hệ bộ phận hỗ trợ để chúng tôi chuyển dự án của bạn thay vì để bạn có hai tài khoản. Quên mật khẩu Dùng Quên mật khẩu ở màn hình đăng nhập. Nếu không nhận được gì, hãy kiểm tra thư rác và xác nhận rằng ban đầu bạn đăng ký bằng mật khẩu chứ không phải bằng Google — tài khoản Google không có mật khẩu UXMagic nào để đặt lại. Xóa tài khoản Xem Xóa tài khoản của bạn. Việc xóa là vĩnh viễn và sẽ gỡ bỏ các dự án của bạn."},{"slug":"ways-to-generate-a-screen","category":"generate","categoryTitle":"Tạo thiết kế","title":"Mọi cách tạo một màn hình","description":"Prompt, ảnh chụp màn hình, bản phác, URL website, nhập từ Figma, hoặc PRD — và nên chọn cách nào.","url":"https://uxmagic.ai/vi/help/generate/ways-to-generate-a-screen","type":"guide","keywords":["tạo","tạo màn hình","đầu vào","điểm xuất phát","lựa chọn"],"headings":["Hai mức độ hoàn thiện","Một màn hình hay cả một luồng","Kết hợp các đầu vào"],"updated":"2026-08-27","faqs":[],"related":["text-to-ui","screenshot-to-ui","clone-a-website","import-from-figma"],"markdown":"UXMagic nhận sáu loại điểm xuất phát. Tất cả đều đến cùng một chỗ — một màn hình chỉnh sửa được trên canvas với chủ đề của dự án — nên bạn có thể trộn chúng thoải mái trong cùng một dự án.\n\n| Bắt đầu từ | Hợp nhất khi | Hướng dẫn |\n| --- | --- | --- |\n| Một prompt văn bản | Bạn bắt đầu từ đầu và đã hình dung sơ bộ | [Văn bản thành giao diện](/help/generate/text-to-ui) |\n| Một ảnh chụp màn hình | Bạn muốn dựng lại hoặc đổi phong cách một giao diện đang thấy | [Ảnh chụp thành giao diện](/help/generate/screenshot-to-ui) |\n| Một bản phác tay | Các bạn đã vẽ bố cục trên bảng và muốn hiện thực hóa | [Bản phác thành giao diện](/help/generate/sketch-to-ui) |\n| URL một website | Bạn muốn cấu trúc của một website thật làm điểm xuất phát | [Sao chép một website](/help/generate/clone-a-website) |\n| Một tệp Figma | Bạn đã có thiết kế và muốn tiếp tục với AI | [Nhập từ Figma](/help/generate/import-from-figma) |\n| Một PRD hoặc brief | Yêu cầu đã được viết ra rồi | [Thiết kế từ một tài liệu](/help/generate/design-from-a-document) |\n\n## Hai mức độ hoàn thiện\n\nMọi thứ ở trên đều có thể cho ra **màn hình độ hoàn thiện cao** hoặc **wireframe**. Wireframe dùng để tranh luận về cấu trúc trước khi có ai đó phải lòng một màu nào đấy. Xem [Chế độ wireframe](/help/generate/wireframe-mode).\n\n## Một màn hình hay cả một luồng\n\n- **Một màn hình** — cứ yêu cầu thẳng.\n- **Cả một luồng** — mô tả hành trình, rồi AI lên kế hoạch và thiết kế từng màn hình theo thứ tự, dùng chung một chủ đề và điều hướng. Xem [Chế độ luồng và kế hoạch màn hình](/help/generate/flow-mode-and-screen-plans).\n\n## Kết hợp các đầu vào\n\nKết quả mạnh nhất thường đến từ việc kết hợp: ảnh chụp màn hình của đối thủ **cộng với** màu thương hiệu của bạn, hoặc một PRD **cộng với** một URL tham chiếu. Hãy đính kèm mọi thứ liên quan trong cùng một tin nhắn — AI đọc hết trước khi thiết kế.","text":"UXMagic nhận sáu loại điểm xuất phát. Tất cả đều đến cùng một chỗ — một màn hình chỉnh sửa được trên canvas với chủ đề của dự án — nên bạn có thể trộn chúng thoải mái trong cùng một dự án. Bắt đầu từ Hợp nhất khi Hướng dẫn --- --- --- Một prompt văn bản Bạn bắt đầu từ đầu và đã hình dung sơ bộ Văn bản thành giao diện Một ảnh chụp màn hình Bạn muốn dựng lại hoặc đổi phong cách một giao diện đang thấy Ảnh chụp thành giao diện Một bản phác tay Các bạn đã vẽ bố cục trên bảng và muốn hiện thực hóa Bản phác thành giao diện URL một website Bạn muốn cấu trúc của một website thật làm điểm xuất phát Sao chép một website Một tệp Figma Bạn đã có thiết kế và muốn tiếp tục với AI Nhập từ Figma Một PRD hoặc brief Yêu cầu đã được viết ra rồi Thiết kế từ một tài liệu Hai mức độ hoàn thiện Mọi thứ ở trên đều có thể cho ra màn hình độ hoàn thiện cao hoặc wireframe. Wireframe dùng để tranh luận về cấu trúc trước khi có ai đó phải lòng một màu nào đấy. Xem Chế độ wireframe. Một màn hình hay cả một luồng - Một màn hình — cứ yêu cầu thẳng. - Cả một luồng — mô tả hành trình, rồi AI lên kế hoạch và thiết kế từng màn hình theo thứ tự, dùng chung một chủ đề và điều hướng. Xem Chế độ luồng và kế hoạch màn hình. Kết hợp các đầu vào Kết quả mạnh nhất thường đến từ việc kết hợp: ảnh chụp màn hình của đối thủ cộng với màu thương hiệu của bạn, hoặc một PRD cộng với một URL tham chiếu. Hãy đính kèm mọi thứ liên quan trong cùng một tin nhắn — AI đọc hết trước khi thiết kế."},{"slug":"text-to-ui","category":"generate","categoryTitle":"Tạo thiết kế","title":"Văn bản thành giao diện","description":"Biến một mô tả bằng chữ thành màn hình chỉnh sửa được, độ hoàn thiện cao.","url":"https://uxmagic.ai/vi/help/generate/text-to-ui","type":"howto","keywords":["văn bản thành giao diện","prompt thành thiết kế","trình tạo ui bằng ai","mô tả"],"headings":["Các bước","Điều khiển kết quả","Chi phí","Nếu kết quả lệch"],"updated":"2026-08-27","faqs":[],"related":["writing-a-good-prompt","flow-mode-and-screen-plans","themes-and-style-guides"],"markdown":"Lối đi mặc định: mô tả giao diện, nhận về giao diện.\n\n## Các bước\n\n1. Mở một dự án và bấm vào ô prompt.\n2. Mô tả sản phẩm, màn hình, đối tượng và hướng hình ảnh. Xem [Viết prompt cho ra đúng thứ bạn muốn](/help/getting-started/writing-a-good-prompt).\n3. Gửi. Với dự án mới, bạn thường sẽ được xem một **kế hoạch màn hình** để duyệt trước.\n4. Các màn hình được thiết kế lần lượt và hiện lên canvas khi xong.\n\n## Điều khiển kết quả\n\n**Kích cỡ thiết bị.** Hãy nói trong prompt — “một màn hình thanh toán cho di động” — hoặc đặt kích cỡ màn hình trước khi tạo. Màn hình sẵn có có thể chuyển sang thiết bị khác sau; xem [Biến thể responsive và theo thiết bị](/help/design-and-edit/responsive-variants).\n\n**Thương hiệu.** Nếu bạn có màu và phông chữ, hãy nêu rõ ràng và dứt khoát. Một lời nhắc nhẹ (“hơi xanh”) sẽ bị diễn giải; một chỉ dẫn chính xác (“màu chính #1B4DFF, tiêu đề dùng Inter, không thêm màu nhấn nào khác”) sẽ được tuân theo.\n\n**Nội dung.** Hãy đưa chữ thật nếu chữ quan trọng. Nếu không, bạn sẽ nhận được chữ thay thế viết chỉn chu — ổn cho cấu trúc, nhưng không ổn cho một buổi demo.\n\n**Hình ảnh.** AI tạo ảnh ở nơi thiết kế cần. Bạn cũng có thể tải ảnh của mình lên và yêu cầu dùng chúng. Xem [Hình ảnh trong thiết kế của bạn](/help/design-and-edit/images-in-your-designs).\n\n## Chi phí\n\nThiết kế một màn hình mới từ đầu tốn tín dụng; tinh chỉnh nó tốn ít hơn nhiều. Bảng chi tiết nằm trong [Cách tín dụng hoạt động](/help/account-and-billing/how-credits-work).\n\n## Nếu kết quả lệch\n\nĐừng tạo lại cả màn hình chỉ vì lệch một phần — hãy nói cái gì sai và để nó vá lại. Tạo lại là một trong những thao tác đắt nhất và nó vứt bỏ những phần vốn đã đúng.","text":"Lối đi mặc định: mô tả giao diện, nhận về giao diện. Các bước 1. Mở một dự án và bấm vào ô prompt. 2. Mô tả sản phẩm, màn hình, đối tượng và hướng hình ảnh. Xem Viết prompt cho ra đúng thứ bạn muốn. 3. Gửi. Với dự án mới, bạn thường sẽ được xem một kế hoạch màn hình để duyệt trước. 4. Các màn hình được thiết kế lần lượt và hiện lên canvas khi xong. Điều khiển kết quả Kích cỡ thiết bị. Hãy nói trong prompt — “một màn hình thanh toán cho di động” — hoặc đặt kích cỡ màn hình trước khi tạo. Màn hình sẵn có có thể chuyển sang thiết bị khác sau; xem Biến thể responsive và theo thiết bị. Thương hiệu. Nếu bạn có màu và phông chữ, hãy nêu rõ ràng và dứt khoát. Một lời nhắc nhẹ (“hơi xanh”) sẽ bị diễn giải; một chỉ dẫn chính xác (“màu chính #1B4DFF, tiêu đề dùng Inter, không thêm màu nhấn nào khác”) sẽ được tuân theo. Nội dung. Hãy đưa chữ thật nếu chữ quan trọng. Nếu không, bạn sẽ nhận được chữ thay thế viết chỉn chu — ổn cho cấu trúc, nhưng không ổn cho một buổi demo. Hình ảnh. AI tạo ảnh ở nơi thiết kế cần. Bạn cũng có thể tải ảnh của mình lên và yêu cầu dùng chúng. Xem Hình ảnh trong thiết kế của bạn. Chi phí Thiết kế một màn hình mới từ đầu tốn tín dụng; tinh chỉnh nó tốn ít hơn nhiều. Bảng chi tiết nằm trong Cách tín dụng hoạt động. Nếu kết quả lệch Đừng tạo lại cả màn hình chỉ vì lệch một phần — hãy nói cái gì sai và để nó vá lại. Tạo lại là một trong những thao tác đắt nhất và nó vứt bỏ những phần vốn đã đúng."},{"slug":"screenshot-to-ui","category":"generate","categoryTitle":"Tạo thiết kế","title":"Ảnh chụp thành giao diện","description":"Tải lên một ảnh chụp màn hình và nhận về phiên bản chỉnh sửa được, đổi phong cách được của giao diện đó.","url":"https://uxmagic.ai/vi/help/generate/screenshot-to-ui","type":"howto","keywords":["ảnh chụp màn hình","ảnh thành giao diện","tải ảnh lên","dựng lại","png","jpg"],"headings":["Các bước","Để có bản tái tạo trung thực","Nhiều ảnh chụp","Một cái bẫy đã biết","Chi phí"],"updated":"2026-08-27","faqs":[{"question":"Tôi tải lên được những định dạng ảnh nào?","answer":"JPEG, PNG và WebP. Ảnh rất lớn sẽ được thu nhỏ trước khi AI đọc."},{"question":"Nó có sao chép ảnh chụp y hệt không?","answer":"Bố cục, thứ bậc và cấu trúc thành phần được tái tạo trung thực. Hãy nói rõ nếu bạn cũng muốn đúng màu và đúng chữ — nếu không, chủ đề của dự án sẽ được áp dụng."}],"related":["sketch-to-ui","clone-a-website","images-in-your-designs"],"markdown":"Đưa cho UXMagic một bức ảnh của một giao diện và nó dựng lại thành màn hình thật, chỉnh sửa được.\n\n## Các bước\n\n1. Bấm nút đính kèm trong ô prompt và tải ảnh lên (JPEG, PNG hoặc WebP).\n2. Nói bạn muốn làm gì với nó. Điều này quan trọng hơn nhiều người tưởng:\n   - *“Dựng lại màn hình này y hệt”* — tái tạo trung thực.\n   - *“Dựng lại bố cục này nhưng theo màu thương hiệu của chúng tôi”* — giữ cấu trúc, áp chủ đề.\n   - *“Đây là trang bảng giá của đối thủ — hãy thiết kế trang của chúng tôi theo cùng cấu trúc”* — cấu trúc làm cảm hứng.\n3. Gửi.\n\n## Để có bản tái tạo trung thực\n\n- Tải lên **cả màn hình**, không phải một mẩu cắt, nếu bạn muốn toàn bộ bố cục.\n- Tải lên ở **độ phân giải đọc được** — nếu bạn không đọc nổi nhãn thì AI cũng vậy.\n- Nếu màu chính xác quan trọng, hãy nói *“khớp đúng màu trong ảnh chụp”*. Mặc định, chủ đề của dự án sẵn có sẽ thắng, vì ở phần lớn dự án, thứ người ta thật sự muốn là sự nhất quán.\n\n## Nhiều ảnh chụp\n\nTải lên nhiều ảnh cùng lúc cho một luồng nhiều màn hình, và AI sẽ coi chúng như một bộ, giữ chúng nhất quán với nhau.\n\n## Một cái bẫy đã biết\n\nTrong một dự án sẵn có, chỉ riêng ảnh chụp **không** đè lên chủ đề của dự án: màn hình mới kế thừa bảng màu đang dùng. Nếu bạn muốn bảng màu của ảnh tham chiếu, hãy nói bằng lời: *“dùng màu từ ảnh này, không dùng chủ đề hiện tại.”*\n\n## Chi phí\n\nĐọc một ảnh là miễn phí; thiết kế màn hình từ nó tốn số tín dụng tạo màn hình như thường lệ.","text":"Đưa cho UXMagic một bức ảnh của một giao diện và nó dựng lại thành màn hình thật, chỉnh sửa được. Các bước 1. Bấm nút đính kèm trong ô prompt và tải ảnh lên (JPEG, PNG hoặc WebP). 2. Nói bạn muốn làm gì với nó. Điều này quan trọng hơn nhiều người tưởng: - “Dựng lại màn hình này y hệt” — tái tạo trung thực. - “Dựng lại bố cục này nhưng theo màu thương hiệu của chúng tôi” — giữ cấu trúc, áp chủ đề. - “Đây là trang bảng giá của đối thủ — hãy thiết kế trang của chúng tôi theo cùng cấu trúc” — cấu trúc làm cảm hứng. 3. Gửi. Để có bản tái tạo trung thực - Tải lên cả màn hình, không phải một mẩu cắt, nếu bạn muốn toàn bộ bố cục. - Tải lên ở độ phân giải đọc được — nếu bạn không đọc nổi nhãn thì AI cũng vậy. - Nếu màu chính xác quan trọng, hãy nói “khớp đúng màu trong ảnh chụp”. Mặc định, chủ đề của dự án sẵn có sẽ thắng, vì ở phần lớn dự án, thứ người ta thật sự muốn là sự nhất quán. Nhiều ảnh chụp Tải lên nhiều ảnh cùng lúc cho một luồng nhiều màn hình, và AI sẽ coi chúng như một bộ, giữ chúng nhất quán với nhau. Một cái bẫy đã biết Trong một dự án sẵn có, chỉ riêng ảnh chụp không đè lên chủ đề của dự án: màn hình mới kế thừa bảng màu đang dùng. Nếu bạn muốn bảng màu của ảnh tham chiếu, hãy nói bằng lời: “dùng màu từ ảnh này, không dùng chủ đề hiện tại.” Chi phí Đọc một ảnh là miễn phí; thiết kế màn hình từ nó tốn số tín dụng tạo màn hình như thường lệ."},{"slug":"sketch-to-ui","category":"generate","categoryTitle":"Tạo thiết kế","title":"Bản phác thành giao diện","description":"Biến ảnh chụp bảng trắng hoặc wireframe trên giấy thành giao diện số hoàn chỉnh.","url":"https://uxmagic.ai/vi/help/generate/sketch-to-ui","type":"howto","keywords":["bản phác","ảnh wireframe","bảng trắng","hình vẽ","giấy","khăn giấy"],"headings":["Các bước","Để bản phác được đọc tốt","Bản phác thành wireframe"],"updated":"2026-08-27","faqs":[],"related":["screenshot-to-ui","wireframe-mode","text-to-ui"],"markdown":"Chụp bản phác của bạn, tải lên, và nhận về một màn hình thật.\n\n## Các bước\n\n1. Chụp bản phác từ chính diện, ánh sáng đều, lấy trọn hình vẽ vào khung.\n2. Tải lên trong ô prompt.\n3. Bổ sung bối cảnh mà hình vẽ không nói được: sản phẩm là gì, các ô nghĩa là gì, hướng hình ảnh ra sao.\n\n> Bản phác màn hình onboarding của chúng tôi. Ô lớn phía trên bên trái là video, ba ô xếp chồng là các bước thiết lập có dấu tích. Phong cách SaaS hiện đại, nhấn màu tím.\n\n## Để bản phác được đọc tốt\n\n- **Ghi nhãn cho các ô.** “hero”, “nav”, “biểu đồ” — nhãn viết tay được đọc và sử dụng.\n- **Vẽ ra thứ bậc.** Ô lớn hơn sẽ thành phần tử lớn hơn.\n- **Tránh tô đậm nhiều.** Hình vẽ nét đọc đáng tin hơn hình tô bóng.\n- **Một màn hình mỗi ảnh**, trừ khi bạn cố ý bàn giao cả một luồng.\n\n## Bản phác thành wireframe\n\nNếu bạn muốn ở lại mức hoàn thiện thấp — dọn sạch bản phác mà chưa cam kết một phong cách hình ảnh nào — hãy yêu cầu wireframe. Xem [Chế độ wireframe](/help/generate/wireframe-mode).","text":"Chụp bản phác của bạn, tải lên, và nhận về một màn hình thật. Các bước 1. Chụp bản phác từ chính diện, ánh sáng đều, lấy trọn hình vẽ vào khung. 2. Tải lên trong ô prompt. 3. Bổ sung bối cảnh mà hình vẽ không nói được: sản phẩm là gì, các ô nghĩa là gì, hướng hình ảnh ra sao. Bản phác màn hình onboarding của chúng tôi. Ô lớn phía trên bên trái là video, ba ô xếp chồng là các bước thiết lập có dấu tích. Phong cách SaaS hiện đại, nhấn màu tím. Để bản phác được đọc tốt - Ghi nhãn cho các ô. “hero”, “nav”, “biểu đồ” — nhãn viết tay được đọc và sử dụng. - Vẽ ra thứ bậc. Ô lớn hơn sẽ thành phần tử lớn hơn. - Tránh tô đậm nhiều. Hình vẽ nét đọc đáng tin hơn hình tô bóng. - Một màn hình mỗi ảnh, trừ khi bạn cố ý bàn giao cả một luồng. Bản phác thành wireframe Nếu bạn muốn ở lại mức hoàn thiện thấp — dọn sạch bản phác mà chưa cam kết một phong cách hình ảnh nào — hãy yêu cầu wireframe. Xem Chế độ wireframe."},{"slug":"clone-a-website","category":"generate","categoryTitle":"Tạo thiết kế","title":"Sao chép một website từ URL","description":"Ghi lại một trang web công khai có thật và dựng lại thành màn hình UXMagic chỉnh sửa được.","url":"https://uxmagic.ai/vi/help/generate/clone-a-website","type":"howto","keywords":["sao chép","url","website thành giao diện","chép website","nhập website","scrape"],"headings":["Các bước","Bạn nhận được gì","Bản sao chưa đầy đủ","Những gì không sao chép được","Chi phí"],"updated":"2026-08-27","faqs":[{"question":"Tôi có thể sao chép bất kỳ website nào không?","answer":"Bất kỳ trang công khai nào. Các trang sau đăng nhập, tường phí hay lớp chặn bot gắt gao thì không ghi lại được."},{"question":"Sao chép một website có hợp pháp không?","answer":"Hãy dùng nó để nghiên cứu cấu trúc, bố cục và làm điểm xuất phát cho công việc của chính bạn. Sao chép nguyên khối nhận diện, câu chữ và hình ảnh của một website cho một sản phẩm đang chạy là vấn đề pháp lý, bất kể dùng công cụ nào."}],"related":["screenshot-to-ui","clone-came-out-blank-or-partial","import-from-figma"],"markdown":"Dán một URL và UXMagic ghi lại trang thật — bố cục, các phần, màu, phông chữ và tài nguyên ảnh thật — rồi dựng lại thành màn hình chỉnh sửa được và rút ra một chủ đề tương ứng.\n\n## Các bước\n\n1. Dán URL đầy đủ, kèm `https://`, vào ô prompt.\n2. Nói bạn muốn gì: một bản sao nguyên trạng, hay một bản sao đổi phong cách theo thương hiệu của bạn.\n3. Chờ. Sao chép nặng hơn một lượt tạo thông thường — trang thật được tải về trước khi bất kỳ công việc thiết kế nào bắt đầu.\n\n## Bạn nhận được gì\n\n- **Cấu trúc các phần** của trang, theo đúng thứ tự.\n- **Màu và phông chữ** của nó, được ghi vào một chủ đề của dự án.\n- **Hình ảnh** của nó, sao chép vào thư viện tài nguyên của dự án bạn.\n- Mọi thứ **chỉnh sửa được** — đây là một màn hình thật, không phải ảnh chụp.\n\n## Bản sao chưa đầy đủ\n\nTrang rất dài hoặc rất phức tạp đôi khi trả về với một số phần đã dựng và số khác nằm lại trên canvas dưới dạng **chỗ giữ có nhãn**. Đó là chủ ý: một trang chưa đầy đủ với những khoảng trống trung thực tốt hơn một trang âm thầm thiếu mất vài phần.\n\nĐể hoàn tất, hãy yêu cầu AI hoàn thành bản sao. Nó ghi lại trang gốc lần nữa và chỉ dựng những phần còn thiếu, với chi phí bằng một phần nhỏ so với một bản sao mới. Xem [Bản sao của tôi trống hoặc chưa đầy đủ](/help/troubleshooting/clone-came-out-blank-or-partial).\n\n## Những gì không sao chép được\n\n- Trang yêu cầu **đăng nhập**.\n- Trang có **lớp chặn bot** (các thử thách của Cloudflare và tương tự).\n- Nội dung chỉ xuất hiện sau **thao tác của người dùng** — một menu mở khi bấm, một hộp thoại, các slide sau của một băng chuyền.\n- **Video và hoạt ảnh** — được ghi lại thành ảnh tĩnh.\n\n## Chi phí\n\nSao chép là thao tác đơn lẻ tốn tín dụng nhất trong UXMagic, vì nó chạy một trình duyệt thật trên trang đích trước khi thiết kế. Hoàn tất một bản sao chưa đầy đủ tốn ít hơn nhiều. Xem [Cách tín dụng hoạt động](/help/account-and-billing/how-credits-work).","text":"Dán một URL và UXMagic ghi lại trang thật — bố cục, các phần, màu, phông chữ và tài nguyên ảnh thật — rồi dựng lại thành màn hình chỉnh sửa được và rút ra một chủ đề tương ứng. Các bước 1. Dán URL đầy đủ, kèm https://, vào ô prompt. 2. Nói bạn muốn gì: một bản sao nguyên trạng, hay một bản sao đổi phong cách theo thương hiệu của bạn. 3. Chờ. Sao chép nặng hơn một lượt tạo thông thường — trang thật được tải về trước khi bất kỳ công việc thiết kế nào bắt đầu. Bạn nhận được gì - Cấu trúc các phần của trang, theo đúng thứ tự. - Màu và phông chữ của nó, được ghi vào một chủ đề của dự án. - Hình ảnh của nó, sao chép vào thư viện tài nguyên của dự án bạn. - Mọi thứ chỉnh sửa được — đây là một màn hình thật, không phải ảnh chụp. Bản sao chưa đầy đủ Trang rất dài hoặc rất phức tạp đôi khi trả về với một số phần đã dựng và số khác nằm lại trên canvas dưới dạng chỗ giữ có nhãn. Đó là chủ ý: một trang chưa đầy đủ với những khoảng trống trung thực tốt hơn một trang âm thầm thiếu mất vài phần. Để hoàn tất, hãy yêu cầu AI hoàn thành bản sao. Nó ghi lại trang gốc lần nữa và chỉ dựng những phần còn thiếu, với chi phí bằng một phần nhỏ so với một bản sao mới. Xem Bản sao của tôi trống hoặc chưa đầy đủ. Những gì không sao chép được - Trang yêu cầu đăng nhập. - Trang có lớp chặn bot (các thử thách của Cloudflare và tương tự). - Nội dung chỉ xuất hiện sau thao tác của người dùng — một menu mở khi bấm, một hộp thoại, các slide sau của một băng chuyền. - Video và hoạt ảnh — được ghi lại thành ảnh tĩnh. Chi phí Sao chép là thao tác đơn lẻ tốn tín dụng nhất trong UXMagic, vì nó chạy một trình duyệt thật trên trang đích trước khi thiết kế. Hoàn tất một bản sao chưa đầy đủ tốn ít hơn nhiều. Xem Cách tín dụng hoạt động."},{"slug":"import-from-figma","category":"generate","categoryTitle":"Tạo thiết kế","title":"Nhập từ Figma","description":"Đưa một frame Figma sẵn có vào UXMagic và tiếp tục chỉnh sửa bằng AI.","url":"https://uxmagic.ai/vi/help/generate/import-from-figma","type":"howto","keywords":["nhập figma","figma sang uxmagic","thiết kế sẵn có","tệp figma","hệ thống thiết kế"],"headings":["Các bước","Những gì được chuyển sang","Nên kỳ vọng gì","Lấy đúng URL","Sau khi nhập","Hệ thống thiết kế và thư viện thành phần"],"updated":"2026-08-27","faqs":[],"related":["export-to-figma","figma-plugin","themes-and-style-guides"],"markdown":"Nhập hoạt động ngược chiều với xuất: một frame Figma sẵn có trở thành màn hình UXMagic chỉnh sửa được để bạn tiếp tục phát triển bằng AI.\n\n## Các bước\n\n1. Kết nối Figma trong **Tích hợp** (kết nối OAuth — bạn cấp quyền cho UXMagic một lần).\n2. Dán URL của frame Figma, hoặc chọn tệp và frame trong bộ chọn.\n3. Chọn nhập kiểu dáng riêng của frame làm chủ đề dự án, hay ánh xạ nó vào chủ đề bạn đã có.\n4. Nhập.\n\n## Những gì được chuyển sang\n\n- **Bố cục và thứ bậc**, gồm cả cấu trúc auto layout.\n- **Chữ**, kèm kiểu chữ của nó.\n- **Màu và hiệu ứng**, gồm cả dải màu và đổ bóng.\n- **Hình ảnh**, sao chép vào tài nguyên dự án của bạn.\n- **Vector và biểu tượng**, dựng lại thành mã.\n\n## Nên kỳ vọng gì\n\nFigma là một canvas vector còn web là mô hình hộp, nên việc nhập là một bản *chuyển ngữ* trung thực, không phải bản sao giống hệt từng byte. Hãy kỳ vọng cấu trúc và khoảng cách rất sát, với vài khác biệt nhỏ ở cách hiển thị chữ và ở những hiệu ứng không có tương đương trực tiếp trên web.\n\nViệc nhập chính xác nhất khi frame Figma dùng **auto layout**. Bố cục tự do đặt vị trí tuyệt đối vẫn nhập được, nhưng độ trung thực về cấu trúc thấp hơn.\n\n## Lấy đúng URL\n\nChọn frame trong Figma, rồi **chuột phải → Sao chép liên kết tới vùng chọn**. Một liên kết tới tệp mà không chọn nút nào sẽ nhập sai thứ, hoặc không nhập gì cả.\n\n## Sau khi nhập\n\nMàn hình đã nhập hoạt động như mọi màn hình khác: chỉnh sửa qua trò chuyện, chế độ chỉnh sửa, chủ đề, phiên bản, xuất. Đây là con đường nhanh nhất cho tình huống “chúng tôi đã có thiết kế rồi, giờ chỉ muốn đi nhanh hơn”.\n\n## Hệ thống thiết kế và thư viện thành phần\n\nBạn cũng có thể nhập một thư viện thành phần hay hệ thống thiết kế để các màn hình được tạo ra dùng thành phần của bạn. Xem [Thư viện thành phần](/help/design-and-edit/component-libraries).","text":"Nhập hoạt động ngược chiều với xuất: một frame Figma sẵn có trở thành màn hình UXMagic chỉnh sửa được để bạn tiếp tục phát triển bằng AI. Các bước 1. Kết nối Figma trong Tích hợp (kết nối OAuth — bạn cấp quyền cho UXMagic một lần). 2. Dán URL của frame Figma, hoặc chọn tệp và frame trong bộ chọn. 3. Chọn nhập kiểu dáng riêng của frame làm chủ đề dự án, hay ánh xạ nó vào chủ đề bạn đã có. 4. Nhập. Những gì được chuyển sang - Bố cục và thứ bậc, gồm cả cấu trúc auto layout. - Chữ, kèm kiểu chữ của nó. - Màu và hiệu ứng, gồm cả dải màu và đổ bóng. - Hình ảnh, sao chép vào tài nguyên dự án của bạn. - Vector và biểu tượng, dựng lại thành mã. Nên kỳ vọng gì Figma là một canvas vector còn web là mô hình hộp, nên việc nhập là một bản chuyển ngữ trung thực, không phải bản sao giống hệt từng byte. Hãy kỳ vọng cấu trúc và khoảng cách rất sát, với vài khác biệt nhỏ ở cách hiển thị chữ và ở những hiệu ứng không có tương đương trực tiếp trên web. Việc nhập chính xác nhất khi frame Figma dùng auto layout. Bố cục tự do đặt vị trí tuyệt đối vẫn nhập được, nhưng độ trung thực về cấu trúc thấp hơn. Lấy đúng URL Chọn frame trong Figma, rồi chuột phải → Sao chép liên kết tới vùng chọn. Một liên kết tới tệp mà không chọn nút nào sẽ nhập sai thứ, hoặc không nhập gì cả. Sau khi nhập Màn hình đã nhập hoạt động như mọi màn hình khác: chỉnh sửa qua trò chuyện, chế độ chỉnh sửa, chủ đề, phiên bản, xuất. Đây là con đường nhanh nhất cho tình huống “chúng tôi đã có thiết kế rồi, giờ chỉ muốn đi nhanh hơn”. Hệ thống thiết kế và thư viện thành phần Bạn cũng có thể nhập một thư viện thành phần hay hệ thống thiết kế để các màn hình được tạo ra dùng thành phần của bạn. Xem Thư viện thành phần."},{"slug":"design-from-a-document","category":"generate","categoryTitle":"Tạo thiết kế","title":"Thiết kế từ PRD hoặc brief","description":"Tải yêu cầu lên và để AI đọc chúng trước khi thiết kế bất cứ thứ gì.","url":"https://uxmagic.ai/vi/help/generate/design-from-a-document","type":"howto","keywords":["prd","tài liệu","brief","đặc tả","yêu cầu","tải pdf","docx"],"headings":["Các bước","Tài liệu được hỗ trợ","Khai thác tối đa","Chi phí"],"updated":"2026-08-27","faqs":[],"related":["flow-mode-and-screen-plans","writing-a-good-prompt","text-to-ui"],"markdown":"Nếu phần suy nghĩ đã nằm sẵn trong một tài liệu, đừng gõ lại vào prompt.\n\n## Các bước\n\n1. Mở dự án của bạn và tải tài liệu lên khu vực **tài liệu** của dự án (hoặc đính kèm trong ô prompt).\n2. Yêu cầu thứ bạn muốn dựng từ nó:\n\n> Đọc PRD và thiết kế các màn hình mà nó mô tả. Bắt đầu bằng kế hoạch.\n\n3. AI liệt kê tài liệu của dự án, đọc tài liệu phù hợp, và dùng nó làm nguồn chuẩn cho màn hình, nội dung và thuật ngữ.\n\n## Tài liệu được hỗ trợ\n\nPRD, brief thiết kế, đặc tả và các tài liệu văn bản tương tự. Điều quan trọng là chữ phải trích xuất được — ảnh quét của một tài liệu là một bức ảnh chứ không phải tài liệu, và nên được tải lên dưới dạng ảnh.\n\n## Khai thác tối đa\n\n- **Đặt tên màn hình ngay trong tài liệu.** Một PRD có danh sách màn hình rõ ràng cho ra kế hoạch tốt hơn hẳn so với tài liệu chỉ mô tả hành vi.\n- **Chỉ đúng phần bạn muốn.** “Chỉ thiết kế các màn hình ở mục 4” tốt hơn là bảo nó thiết kế cả tài liệu cùng lúc.\n- **Giữ tài liệu trong dự án.** Nó vẫn có sẵn cho các lượt sau, nên việc quay lại vài tháng sau vẫn có yêu cầu gốc.\n\n## Chi phí\n\nLiệt kê và đọc tài liệu là miễn phí. Chỉ những màn hình được thiết kế từ chúng mới tốn tín dụng.","text":"Nếu phần suy nghĩ đã nằm sẵn trong một tài liệu, đừng gõ lại vào prompt. Các bước 1. Mở dự án của bạn và tải tài liệu lên khu vực tài liệu của dự án (hoặc đính kèm trong ô prompt). 2. Yêu cầu thứ bạn muốn dựng từ nó: Đọc PRD và thiết kế các màn hình mà nó mô tả. Bắt đầu bằng kế hoạch. 3. AI liệt kê tài liệu của dự án, đọc tài liệu phù hợp, và dùng nó làm nguồn chuẩn cho màn hình, nội dung và thuật ngữ. Tài liệu được hỗ trợ PRD, brief thiết kế, đặc tả và các tài liệu văn bản tương tự. Điều quan trọng là chữ phải trích xuất được — ảnh quét của một tài liệu là một bức ảnh chứ không phải tài liệu, và nên được tải lên dưới dạng ảnh. Khai thác tối đa - Đặt tên màn hình ngay trong tài liệu. Một PRD có danh sách màn hình rõ ràng cho ra kế hoạch tốt hơn hẳn so với tài liệu chỉ mô tả hành vi. - Chỉ đúng phần bạn muốn. “Chỉ thiết kế các màn hình ở mục 4” tốt hơn là bảo nó thiết kế cả tài liệu cùng lúc. - Giữ tài liệu trong dự án. Nó vẫn có sẵn cho các lượt sau, nên việc quay lại vài tháng sau vẫn có yêu cầu gốc. Chi phí Liệt kê và đọc tài liệu là miễn phí. Chỉ những màn hình được thiết kế từ chúng mới tốn tín dụng."},{"slug":"wireframe-mode","category":"generate","categoryTitle":"Tạo thiết kế","title":"Chế độ wireframe","description":"Tạo wireframe độ hoàn thiện thấp để chốt cấu trúc trước khi thiết kế hình ảnh.","url":"https://uxmagic.ai/vi/help/generate/wireframe-mode","type":"guide","keywords":["wireframe","độ hoàn thiện thấp","lo-fi","cấu trúc","thang xám"],"headings":["Vì sao phải bận tâm","Cách dùng","Từ wireframe lên độ hoàn thiện cao","Khi nào bỏ qua"],"updated":"2026-08-27","faqs":[],"related":["ways-to-generate-a-screen","sketch-to-ui","flow-mode-and-screen-plans"],"markdown":"Chế độ wireframe cho ra những màn hình cố tình mộc mạc, thang xám: các ô, nhãn và thứ bậc, không thương hiệu, không hình ảnh và không quan điểm về phong cách.\n\n## Vì sao phải bận tâm\n\nVì một màn hình đẹp sẽ kết thúc cuộc trò chuyện. Các bên liên quan phản ứng với màu sắc thay vì với luồng. Wireframe giữ cuộc tranh luận ở cấu trúc, nơi nó nên nằm ở giai đoạn đầu.\n\n## Cách dùng\n\nHãy yêu cầu rõ ràng:\n\n> Vẽ wireframe cho luồng thanh toán: giỏ hàng, giao hàng, thanh toán, xác nhận.\n\nHoặc chuyển một ảnh chụp sẵn có thành wireframe sạch:\n\n> Chuyển ảnh chụp này thành wireframe để chúng ta cấu trúc lại.\n\n## Từ wireframe lên độ hoàn thiện cao\n\nKhi cấu trúc đã được thống nhất, hãy yêu cầu AI thiết kế bản hoàn thiện cao từ các wireframe đã duyệt. Cấu trúc được giữ lại; chủ đề áp lên trên.\n\n## Khi nào bỏ qua\n\nNếu bạn đang chuẩn bị ý tưởng cho buổi thuyết trình ngày mai, hãy đi thẳng tới độ hoàn thiện cao. Wireframe đáng giá khi nhiều người phải thống nhất cấu trúc trước.","text":"Chế độ wireframe cho ra những màn hình cố tình mộc mạc, thang xám: các ô, nhãn và thứ bậc, không thương hiệu, không hình ảnh và không quan điểm về phong cách. Vì sao phải bận tâm Vì một màn hình đẹp sẽ kết thúc cuộc trò chuyện. Các bên liên quan phản ứng với màu sắc thay vì với luồng. Wireframe giữ cuộc tranh luận ở cấu trúc, nơi nó nên nằm ở giai đoạn đầu. Cách dùng Hãy yêu cầu rõ ràng: Vẽ wireframe cho luồng thanh toán: giỏ hàng, giao hàng, thanh toán, xác nhận. Hoặc chuyển một ảnh chụp sẵn có thành wireframe sạch: Chuyển ảnh chụp này thành wireframe để chúng ta cấu trúc lại. Từ wireframe lên độ hoàn thiện cao Khi cấu trúc đã được thống nhất, hãy yêu cầu AI thiết kế bản hoàn thiện cao từ các wireframe đã duyệt. Cấu trúc được giữ lại; chủ đề áp lên trên. Khi nào bỏ qua Nếu bạn đang chuẩn bị ý tưởng cho buổi thuyết trình ngày mai, hãy đi thẳng tới độ hoàn thiện cao. Wireframe đáng giá khi nhiều người phải thống nhất cấu trúc trước."},{"slug":"flow-mode-and-screen-plans","category":"generate","categoryTitle":"Tạo thiết kế","title":"Chế độ luồng và kế hoạch màn hình","description":"Tạo cả hành trình nhiều màn hình từ một prompt, và sửa kế hoạch trước khi có gì được thiết kế.","url":"https://uxmagic.ai/vi/help/generate/flow-mode-and-screen-plans","type":"guide","keywords":["luồng","nhiều màn hình","hành trình người dùng","kế hoạch","journey","duyệt kế hoạch"],"headings":["Kế hoạch màn hình","Chế độ luồng","Chi phí","Bổ sung vào một luồng đã có"],"updated":"2026-08-27","faqs":[],"related":["text-to-ui","wireframe-mode","how-credits-work"],"markdown":"## Kế hoạch màn hình\n\nVới dự án mới, AI đề xuất một **kế hoạch** — danh sách màn hình có tên, mỗi cái kèm một dòng mục đích — trước khi thiết kế bất cứ thứ gì. Bạn có thể:\n\n- **Duyệt** nguyên trạng,\n- **Sửa**: đổi tên, sắp lại thứ tự, thêm hoặc bớt màn hình,\n- **Từ chối** và mô tả lại điều bạn muốn.\n\nChỉ sau khi duyệt nó mới bắt đầu thiết kế.\n\nHãy coi trọng bước này. Lên kế hoạch thì rẻ; thiết kế thì không. Sửa một danh sách màn hình sai ở đây tốn một lượt qua lại. Sửa nó sau khi tám màn hình đã xong tốn tám lượt tạo lại.\n\n## Chế độ luồng\n\nChế độ luồng thiết kế cả hành trình một mạch, dùng chung chủ đề và cấu trúc điều hướng giữa các màn hình. Hãy mô tả hành trình, không phải các màn hình:\n\n> Một ứng dụng giao đồ ăn: duyệt nhà hàng, chi tiết nhà hàng, giỏ hàng, thanh toán, theo dõi đơn.\n\nCác màn hình được thiết kế lần lượt và hiện lên canvas khi xong, nên bạn có thể bắt đầu xem xét trước khi lượt chạy kết thúc.\n\n## Chi phí\n\nChế độ luồng và các thao tác nhiều màn hình khác được tính **theo từng màn hình**, nên một luồng năm màn hình tốn gấp năm lần một màn hình. Con số chi tiết nằm trong [Cách tín dụng hoạt động](/help/account-and-billing/how-credits-work). Hãy kiểm tra số dư trước khi khởi động một luồng lớn — một lượt chạy dừng giữa chừng để lại cho bạn nửa luồng.\n\n## Bổ sung vào một luồng đã có\n\nBạn không cần lên kế hoạch mọi thứ từ đầu. Hãy yêu cầu thêm màn hình sau, chúng sẽ được thiết kế theo đúng chủ đề và điều hướng đang có:\n\n> Thêm một màn hình “quên mật khẩu” và một trạng thái rỗng cho danh sách đơn hàng.","text":"Kế hoạch màn hình Với dự án mới, AI đề xuất một kế hoạch — danh sách màn hình có tên, mỗi cái kèm một dòng mục đích — trước khi thiết kế bất cứ thứ gì. Bạn có thể: - Duyệt nguyên trạng, - Sửa: đổi tên, sắp lại thứ tự, thêm hoặc bớt màn hình, - Từ chối và mô tả lại điều bạn muốn. Chỉ sau khi duyệt nó mới bắt đầu thiết kế. Hãy coi trọng bước này. Lên kế hoạch thì rẻ; thiết kế thì không. Sửa một danh sách màn hình sai ở đây tốn một lượt qua lại. Sửa nó sau khi tám màn hình đã xong tốn tám lượt tạo lại. Chế độ luồng Chế độ luồng thiết kế cả hành trình một mạch, dùng chung chủ đề và cấu trúc điều hướng giữa các màn hình. Hãy mô tả hành trình, không phải các màn hình: Một ứng dụng giao đồ ăn: duyệt nhà hàng, chi tiết nhà hàng, giỏ hàng, thanh toán, theo dõi đơn. Các màn hình được thiết kế lần lượt và hiện lên canvas khi xong, nên bạn có thể bắt đầu xem xét trước khi lượt chạy kết thúc. Chi phí Chế độ luồng và các thao tác nhiều màn hình khác được tính theo từng màn hình, nên một luồng năm màn hình tốn gấp năm lần một màn hình. Con số chi tiết nằm trong Cách tín dụng hoạt động. Hãy kiểm tra số dư trước khi khởi động một luồng lớn — một lượt chạy dừng giữa chừng để lại cho bạn nửa luồng. Bổ sung vào một luồng đã có Bạn không cần lên kế hoạch mọi thứ từ đầu. Hãy yêu cầu thêm màn hình sau, chúng sẽ được thiết kế theo đúng chủ đề và điều hướng đang có: Thêm một màn hình “quên mật khẩu” và một trạng thái rỗng cho danh sách đơn hàng."},{"slug":"editing-a-screen","category":"design-and-edit","categoryTitle":"Thiết kế & chỉnh sửa","title":"Chỉnh sửa một màn hình","description":"Ba cách thay đổi một thiết kế — trò chuyện, chế độ chỉnh sửa và chủ đề — và khi nào mỗi cách là đúng công cụ.","url":"https://uxmagic.ai/vi/help/design-and-edit/editing-a-screen","type":"guide","keywords":["chỉnh sửa","thay đổi thiết kế","chế độ chỉnh sửa","sửa","tinh chỉnh","cập nhật"],"headings":["1. Chế độ chỉnh sửa — cho nội dung","2. Trò chuyện — cho cấu trúc","3. Chủ đề — cho mọi thứ thuộc hình ảnh và toàn cục","Điều không nên làm","Phiên bản","Bẫy tiêu điểm bàn phím"],"updated":"2026-08-27","faqs":[],"related":["chat-editing","themes-and-style-guides","versions-and-history"],"markdown":"Có ba cách thay đổi một màn hình, và chọn đúng cách giúp tiết kiệm cả thời gian lẫn tín dụng.\n\n## 1. Chế độ chỉnh sửa — cho nội dung\n\nBấm vào một màn hình để vào chế độ chỉnh sửa. Ở đây bạn có thể:\n\n- **Sửa chữ trực tiếp.** Bấm vào một tiêu đề hay đoạn văn rồi gõ.\n- **Thay ảnh.** Thay một ảnh do AI tạo bằng ảnh bạn tải lên.\n- **Điều chỉnh vài thuộc tính đơn giản** trên phần tử bạn chọn.\n\nChế độ chỉnh sửa không gọi tới AI, nên nó tức thì và miễn phí. Hãy dùng cho câu chữ, tên gọi, giá cả và việc thay ảnh.\n\n## 2. Trò chuyện — cho cấu trúc\n\nBất cứ điều gì thay đổi *hình dạng* của trang đều đi qua trò chuyện:\n\n> Thêm một phần đánh giá giữa phần tính năng và bảng giá.\n> Làm hero ngắn lại và đưa CTA lên trên nếp gấp.\n> Chuyển ba khối tính năng thành bố cục hai cột.\n\nChỉnh sửa có mục tiêu qua trò chuyện rẻ hơn nhiều so với tạo lại một màn hình. Xem [Chỉnh sửa qua trò chuyện](/help/design-and-edit/chat-editing).\n\n## 3. Chủ đề — cho mọi thứ thuộc hình ảnh và toàn cục\n\nMàu, phông chữ, bo góc và khoảng cách nằm trong chủ đề của dự án. Đổi ở đó và mọi màn hình cùng dịch chuyển. Sửa một màu trên một màn hình là đúng cách khiến các dự án trở nên thiếu nhất quán. Xem [Chủ đề và bộ quy chuẩn](/help/design-and-edit/themes-and-style-guides).\n\n## Điều không nên làm\n\n**Đừng tạo lại vì một thay đổi nhỏ.** Tạo lại nằm trong nhóm thao tác đắt nhất, và nó vứt bỏ những phần của màn hình vốn đã đúng. Hãy yêu cầu đúng thay đổi cụ thể.\n\n## Phiên bản\n\nMỗi lần AI chỉnh sửa đều tạo một phiên bản mới. Không có gì bị hủy và bạn luôn có thể lùi lại. Xem [Phiên bản và lịch sử](/help/design-and-edit/versions-and-history).\n\n## Bẫy tiêu điểm bàn phím\n\nNếu Delete hay ⌘Z có vẻ không làm gì, hãy bấm vào vùng trống trên canvas trước. Khi con trỏ đang ở trong ô prompt, những phím đó thuộc về ô văn bản.","text":"Có ba cách thay đổi một màn hình, và chọn đúng cách giúp tiết kiệm cả thời gian lẫn tín dụng. 1. Chế độ chỉnh sửa — cho nội dung Bấm vào một màn hình để vào chế độ chỉnh sửa. Ở đây bạn có thể: - Sửa chữ trực tiếp. Bấm vào một tiêu đề hay đoạn văn rồi gõ. - Thay ảnh. Thay một ảnh do AI tạo bằng ảnh bạn tải lên. - Điều chỉnh vài thuộc tính đơn giản trên phần tử bạn chọn. Chế độ chỉnh sửa không gọi tới AI, nên nó tức thì và miễn phí. Hãy dùng cho câu chữ, tên gọi, giá cả và việc thay ảnh. 2. Trò chuyện — cho cấu trúc Bất cứ điều gì thay đổi hình dạng của trang đều đi qua trò chuyện: Thêm một phần đánh giá giữa phần tính năng và bảng giá. Làm hero ngắn lại và đưa CTA lên trên nếp gấp. Chuyển ba khối tính năng thành bố cục hai cột. Chỉnh sửa có mục tiêu qua trò chuyện rẻ hơn nhiều so với tạo lại một màn hình. Xem Chỉnh sửa qua trò chuyện. 3. Chủ đề — cho mọi thứ thuộc hình ảnh và toàn cục Màu, phông chữ, bo góc và khoảng cách nằm trong chủ đề của dự án. Đổi ở đó và mọi màn hình cùng dịch chuyển. Sửa một màu trên một màn hình là đúng cách khiến các dự án trở nên thiếu nhất quán. Xem Chủ đề và bộ quy chuẩn. Điều không nên làm Đừng tạo lại vì một thay đổi nhỏ. Tạo lại nằm trong nhóm thao tác đắt nhất, và nó vứt bỏ những phần của màn hình vốn đã đúng. Hãy yêu cầu đúng thay đổi cụ thể. Phiên bản Mỗi lần AI chỉnh sửa đều tạo một phiên bản mới. Không có gì bị hủy và bạn luôn có thể lùi lại. Xem Phiên bản và lịch sử. Bẫy tiêu điểm bàn phím Nếu Delete hay ⌘Z có vẻ không làm gì, hãy bấm vào vùng trống trên canvas trước. Khi con trỏ đang ở trong ô prompt, những phím đó thuộc về ô văn bản."},{"slug":"chat-editing","category":"design-and-edit","categoryTitle":"Thiết kế & chỉnh sửa","title":"Chỉnh sửa qua trò chuyện","description":"Cách diễn đạt yêu cầu chỉnh sửa với AI để nhận đúng thay đổi bạn muốn, trên đúng màn hình bạn muốn.","url":"https://uxmagic.ai/vi/help/design-and-edit/chat-editing","type":"guide","keywords":["trò chuyện","chỉnh sửa bằng ai","ra chỉ dẫn","hỏi ai","tinh chỉnh","lặp lại"],"headings":["Hãy nói rõ màn hình nào","Nói cái gì sai, đừng chỉ nói là nó sai","Hai hoặc ba thay đổi mỗi lần","Áp dụng một thay đổi ở mọi nơi","Thay một ảnh ở mọi nơi","Đổi màu","Khi nó làm điều bạn không yêu cầu","Đặt câu hỏi"],"updated":"2026-08-27","faqs":[],"related":["editing-a-screen","writing-a-good-prompt","the-ai-is-not-following-my-brief"],"markdown":"![Bảng trò chuyện của trợ lý, liệt kê từng bước đã làm: phân tích yêu cầu, đọc chủ đề, lên kế hoạch màn hình, rồi thiết kế từng cái.](/help/agent-chat.webp)\n\n## Hãy nói rõ màn hình nào\n\nNếu có nhiều màn hình trên canvas, hãy gọi tên cái bạn muốn, hoặc chọn nó trước:\n\n> Trên trang bảng giá, cho bậc ở giữa thành bậc được làm nổi bật.\n\nKhông có mục tiêu, AI phải đoán, và đôi khi nó sẽ đoán màn hình bạn xem sau cùng chứ không phải màn hình bạn nghĩ tới.\n\n## Nói cái gì sai, đừng chỉ nói là nó sai\n\n- ❌ “Hero xấu.”\n- ✅ “Hero quá cao và tiêu đề đang chọi với tiêu đề phụ. Giảm một nửa khoảng đệm dọc và hạ tiêu đề phụ xuống một cỡ.”\n\n## Hai hoặc ba thay đổi mỗi lần\n\nDanh sách dài tác động lẫn nhau theo cách khó lường, và nếu một mục hỏng bạn không biết chỉ dẫn nào gây ra. Từng nhóm nhỏ tổng thể lại nhanh hơn.\n\n## Áp dụng một thay đổi ở mọi nơi\n\nHãy nói rõ:\n\n> Trên **mọi** màn hình, đổi CTA trên thanh điều hướng thành “Bắt đầu miễn phí”.\n\nCác thao tác toàn dự án tồn tại chính vì việc này. Làm từng màn hình một sẽ tốn tín dụng và cuối cùng lệch nhau.\n\n## Thay một ảnh ở mọi nơi\n\nĐổi logo hay ảnh sản phẩm trên mọi màn hình có một lối riêng, xác định — hãy yêu cầu thay tài nguyên ở mọi nơi thay vì sửa từng màn hình:\n\n> Thay logo trên mọi màn hình bằng cái tôi vừa tải lên.\n\nXem [Hình ảnh trong thiết kế của bạn](/help/design-and-edit/images-in-your-designs).\n\n## Đổi màu\n\nThay đổi màu nên đi qua chủ đề, chứ không phải sửa lớp trên từng phần tử riêng lẻ:\n\n> Cho màu chính thành một sắc xanh ấm hơn.\n\nĐó là một thao tác, miễn phí, và làm mọi màn hình đổi nhất quán. Xem [Chủ đề và bộ quy chuẩn](/help/design-and-edit/themes-and-style-guides).\n\n## Khi nó làm điều bạn không yêu cầu\n\nHãy nói thẳng và cụ thể: *“Bạn đã đổi bảng màu — tôi chỉ yêu cầu cái nút. Trả lại các màu trước đó.”* Nếu chuyện đó lặp lại trên cùng một brief, hãy nêu ràng buộc theo cách tuyệt đối (“Không đổi bất kỳ màu nào”) — và xem [AI không làm theo brief của tôi](/help/troubleshooting/the-ai-is-not-following-my-brief).\n\n## Đặt câu hỏi\n\nThỉnh thoảng AI sẽ hỏi bạn một câu trắc nghiệm trước khi hành động, khi có một điểm mơ hồ thật sự mà nó không tự giải được. Trả lời rẻ hơn nhiều so với việc thấy năm màn hình được dựng trên một giả định sai.","text":"Hãy nói rõ màn hình nào Nếu có nhiều màn hình trên canvas, hãy gọi tên cái bạn muốn, hoặc chọn nó trước: Trên trang bảng giá, cho bậc ở giữa thành bậc được làm nổi bật. Không có mục tiêu, AI phải đoán, và đôi khi nó sẽ đoán màn hình bạn xem sau cùng chứ không phải màn hình bạn nghĩ tới. Nói cái gì sai, đừng chỉ nói là nó sai - ❌ “Hero xấu.” - ✅ “Hero quá cao và tiêu đề đang chọi với tiêu đề phụ. Giảm một nửa khoảng đệm dọc và hạ tiêu đề phụ xuống một cỡ.” Hai hoặc ba thay đổi mỗi lần Danh sách dài tác động lẫn nhau theo cách khó lường, và nếu một mục hỏng bạn không biết chỉ dẫn nào gây ra. Từng nhóm nhỏ tổng thể lại nhanh hơn. Áp dụng một thay đổi ở mọi nơi Hãy nói rõ: Trên mọi màn hình, đổi CTA trên thanh điều hướng thành “Bắt đầu miễn phí”. Các thao tác toàn dự án tồn tại chính vì việc này. Làm từng màn hình một sẽ tốn tín dụng và cuối cùng lệch nhau. Thay một ảnh ở mọi nơi Đổi logo hay ảnh sản phẩm trên mọi màn hình có một lối riêng, xác định — hãy yêu cầu thay tài nguyên ở mọi nơi thay vì sửa từng màn hình: Thay logo trên mọi màn hình bằng cái tôi vừa tải lên. Xem Hình ảnh trong thiết kế của bạn. Đổi màu Thay đổi màu nên đi qua chủ đề, chứ không phải sửa lớp trên từng phần tử riêng lẻ: Cho màu chính thành một sắc xanh ấm hơn. Đó là một thao tác, miễn phí, và làm mọi màn hình đổi nhất quán. Xem Chủ đề và bộ quy chuẩn. Khi nó làm điều bạn không yêu cầu Hãy nói thẳng và cụ thể: “Bạn đã đổi bảng màu — tôi chỉ yêu cầu cái nút. Trả lại các màu trước đó.” Nếu chuyện đó lặp lại trên cùng một brief, hãy nêu ràng buộc theo cách tuyệt đối (“Không đổi bất kỳ màu nào”) — và xem AI không làm theo brief của tôi. Đặt câu hỏi Thỉnh thoảng AI sẽ hỏi bạn một câu trắc nghiệm trước khi hành động, khi có một điểm mơ hồ thật sự mà nó không tự giải được. Trả lời rẻ hơn nhiều so với việc thấy năm màn hình được dựng trên một giả định sai."},{"slug":"themes-and-style-guides","category":"design-and-edit","categoryTitle":"Thiết kế & chỉnh sửa","title":"Chủ đề và bộ quy chuẩn","description":"Chủ đề của dự án hoạt động ra sao, cách đổi nó an toàn, và vì sao không bao giờ nên sửa màu theo từng màn hình.","url":"https://uxmagic.ai/vi/help/design-and-edit/themes-and-style-guides","type":"guide","keywords":["chủ đề","bộ quy chuẩn","màu sắc","thương hiệu","chế độ tối","bảng màu","token"],"headings":["Đổi vài màu","Dựng một diện mạo hoàn toàn mới","Giới hạn phạm vi một thay đổi","Tương phản được kiểm tra","Tạo một bộ quy chuẩn","Sai lầm thường gặp"],"updated":"2026-08-27","faqs":[{"question":"Đổi chủ đề có tốn tín dụng không?","answer":"Không. Tạo hoặc cập nhật một chủ đề là miễn phí. Chỉ việc tạo ra chính các màn hình mới tốn tín dụng."},{"question":"Một màn hình có thể dùng chủ đề khác không?","answer":"Có — hãy yêu cầu giới hạn thay đổi trong màn hình đó. Mặc định, một thay đổi chủ đề áp cho cả dự án, và đó thường là điều bạn muốn."}],"related":["fonts-and-typography","editing-a-screen","style-guide-did-not-apply"],"markdown":"Mỗi dự án có một **chủ đề**: tập hợp design token cho màu, kiểu chữ, bo góc và khoảng cách. Các màn hình tham chiếu tới những token đó thay vì giá trị cứng, và chính điều đó khiến hai mươi màn hình trông như một sản phẩm.\n\n## Đổi vài màu\n\nCứ yêu cầu:\n\n> Cho màu chính thành #1B4DFF.\n> Nền lạnh quá — làm ấm lên.\n\nThao tác này hòa một thay đổi nhỏ vào chủ đề sẵn có và để yên phần còn lại. Nó miễn phí và áp dụng ở mọi nơi cùng lúc.\n\n## Dựng một diện mạo hoàn toàn mới\n\nVới thay đổi tận gốc — làm lại toàn bộ, chuyển sang tối, một thương hiệu mới — hãy yêu cầu đúng như vậy:\n\n> Cho cả dự án một chủ đề tối.\n> Thiết kế lại cái này theo thương hiệu mới của chúng tôi: xanh lá đậm làm màu chính, nền kem, tiêu đề có chân.\n\nViệc đó dựng một bộ token hoàn toàn mới thay vì vá bộ cũ.\n\n## Giới hạn phạm vi một thay đổi\n\nMặc định, thay đổi chủ đề áp cho **cả dự án**. Để giới hạn ở một màn hình, hãy nói rõ:\n\n> Chỉ trên trang giới thiệu, cho nền phần đầu trang thành màu đen.\n\n## Tương phản được kiểm tra\n\nChủ đề được kiểm tra cặp màu có đọc được trước khi áp dụng, nên bạn sẽ không rơi vào cảnh chữ tối trên nền tối. Nếu bạn cố ý muốn một cách xử lý tương phản thấp, hãy nói ra — nhưng hãy chuẩn bị tinh thần hệ thống sẽ đẩy về phía dễ đọc.\n\n## Tạo một bộ quy chuẩn\n\nYêu cầu một bộ quy chuẩn và bạn sẽ nhận được một màn hình hiển thị bảng màu, thang chữ và các thành phần chính — hữu ích như một tài liệu bàn giao và như một cách kiểm tra rằng hệ thống mạch lạc.\n\n## Sai lầm thường gặp\n\n- **Sửa một màu trên một màn hình.** Nó có tác dụng, rồi màn hình tạo tiếp theo lại không khớp. Hãy dùng chủ đề.\n- **Yêu cầu “chế độ tối” khi đang ở chế độ chỉnh sửa trên một phần tử.** Lối đó có thể ghi cứng màu vào mã thay vì làm lại chủ đề. Hãy hỏi trong trò chuyện, ở cấp dự án.\n- **Cho rằng công cụ chủ đề báo thành công nghĩa là nó đã hiển thị.** Hãy nhìn canvas. Nếu các màn hình không đổi, xem [Bộ quy chuẩn của tôi không được áp dụng](/help/troubleshooting/style-guide-did-not-apply).","text":"Mỗi dự án có một chủ đề: tập hợp design token cho màu, kiểu chữ, bo góc và khoảng cách. Các màn hình tham chiếu tới những token đó thay vì giá trị cứng, và chính điều đó khiến hai mươi màn hình trông như một sản phẩm. Đổi vài màu Cứ yêu cầu: Cho màu chính thành #1B4DFF. Nền lạnh quá — làm ấm lên. Thao tác này hòa một thay đổi nhỏ vào chủ đề sẵn có và để yên phần còn lại. Nó miễn phí và áp dụng ở mọi nơi cùng lúc. Dựng một diện mạo hoàn toàn mới Với thay đổi tận gốc — làm lại toàn bộ, chuyển sang tối, một thương hiệu mới — hãy yêu cầu đúng như vậy: Cho cả dự án một chủ đề tối. Thiết kế lại cái này theo thương hiệu mới của chúng tôi: xanh lá đậm làm màu chính, nền kem, tiêu đề có chân. Việc đó dựng một bộ token hoàn toàn mới thay vì vá bộ cũ. Giới hạn phạm vi một thay đổi Mặc định, thay đổi chủ đề áp cho cả dự án. Để giới hạn ở một màn hình, hãy nói rõ: Chỉ trên trang giới thiệu, cho nền phần đầu trang thành màu đen. Tương phản được kiểm tra Chủ đề được kiểm tra cặp màu có đọc được trước khi áp dụng, nên bạn sẽ không rơi vào cảnh chữ tối trên nền tối. Nếu bạn cố ý muốn một cách xử lý tương phản thấp, hãy nói ra — nhưng hãy chuẩn bị tinh thần hệ thống sẽ đẩy về phía dễ đọc. Tạo một bộ quy chuẩn Yêu cầu một bộ quy chuẩn và bạn sẽ nhận được một màn hình hiển thị bảng màu, thang chữ và các thành phần chính — hữu ích như một tài liệu bàn giao và như một cách kiểm tra rằng hệ thống mạch lạc. Sai lầm thường gặp - Sửa một màu trên một màn hình. Nó có tác dụng, rồi màn hình tạo tiếp theo lại không khớp. Hãy dùng chủ đề. - Yêu cầu “chế độ tối” khi đang ở chế độ chỉnh sửa trên một phần tử. Lối đó có thể ghi cứng màu vào mã thay vì làm lại chủ đề. Hãy hỏi trong trò chuyện, ở cấp dự án. - Cho rằng công cụ chủ đề báo thành công nghĩa là nó đã hiển thị. Hãy nhìn canvas. Nếu các màn hình không đổi, xem Bộ quy chuẩn của tôi không được áp dụng."},{"slug":"fonts-and-typography","category":"design-and-edit","categoryTitle":"Thiết kế & chỉnh sửa","title":"Phông chữ và kiểu chữ","description":"Chọn phông chữ, dùng Google Fonts, và làm gì khi thay đổi phông chữ không xuất hiện.","url":"https://uxmagic.ai/vi/help/design-and-edit/fonts-and-typography","type":"howto","keywords":["phông chữ","kiểu chữ","font","google fonts","phông tiêu đề","cỡ chữ"],"headings":["Đặt phông chữ","Thang chữ","Nếu thay đổi phông chữ không xuất hiện","Phông chữ riêng và có bản quyền"],"updated":"2026-08-27","faqs":[],"related":["themes-and-style-guides","style-guide-did-not-apply"],"markdown":"## Đặt phông chữ\n\nPhông chữ là một phần của chủ đề. Hãy gọi tên chúng:\n\n> Dùng Inter cho chữ nội dung và Playfair Display cho tiêu đề.\n\nGoogle Fonts được hỗ trợ theo tên. Nếu bạn gọi tên một phông không có sẵn, bạn sẽ nhận được phông gần nhất hợp lý thay vì một màn hình hỏng — nên nếu độ chính xác quan trọng, hãy xác nhận thứ thực sự được áp dụng.\n\n## Thang chữ\n\nBạn có thể điều khiển thang chữ bằng lời:\n\n> Tăng tiêu đề lên một cỡ và siết khoảng cách dòng lại.\n> Chữ nội dung nhỏ quá — nâng lên 17 px.\n\n## Nếu thay đổi phông chữ không xuất hiện\n\nĐây là một dạng lỗi đã biết và đáng kiểm tra một cách có chủ ý: chủ đề có thể cập nhật trong khi tệp kiểu tải phông chữ thì không. Triệu chứng: thiết kế *nói* rằng nó dùng một phông chữ mà rõ ràng không hiển thị.\n\n1. Tải lại dự án.\n2. Áp dụng lại thay đổi phông chữ trong trò chuyện rồi nhìn canvas, đừng nhìn kết quả báo về của công cụ.\n3. Nếu vẫn không hiển thị, [liên hệ hỗ trợ](/help/troubleshooting/contact-support) kèm liên kết dự án và tên phông chữ.\n\n## Phông chữ riêng và có bản quyền\n\nHiện chưa thể tải trực tiếp phông tự lưu trữ hay có bản quyền. Cách thực tế là chọn Google Font gần nhất trong lúc thiết kế, rồi đổi sang phông có bản quyền của bạn sau khi xuất — trong Figma, trong codebase, hoặc trong CSS của website đã xuất bản.","text":"Đặt phông chữ Phông chữ là một phần của chủ đề. Hãy gọi tên chúng: Dùng Inter cho chữ nội dung và Playfair Display cho tiêu đề. Google Fonts được hỗ trợ theo tên. Nếu bạn gọi tên một phông không có sẵn, bạn sẽ nhận được phông gần nhất hợp lý thay vì một màn hình hỏng — nên nếu độ chính xác quan trọng, hãy xác nhận thứ thực sự được áp dụng. Thang chữ Bạn có thể điều khiển thang chữ bằng lời: Tăng tiêu đề lên một cỡ và siết khoảng cách dòng lại. Chữ nội dung nhỏ quá — nâng lên 17 px. Nếu thay đổi phông chữ không xuất hiện Đây là một dạng lỗi đã biết và đáng kiểm tra một cách có chủ ý: chủ đề có thể cập nhật trong khi tệp kiểu tải phông chữ thì không. Triệu chứng: thiết kế nói rằng nó dùng một phông chữ mà rõ ràng không hiển thị. 1. Tải lại dự án. 2. Áp dụng lại thay đổi phông chữ trong trò chuyện rồi nhìn canvas, đừng nhìn kết quả báo về của công cụ. 3. Nếu vẫn không hiển thị, liên hệ hỗ trợ kèm liên kết dự án và tên phông chữ. Phông chữ riêng và có bản quyền Hiện chưa thể tải trực tiếp phông tự lưu trữ hay có bản quyền. Cách thực tế là chọn Google Font gần nhất trong lúc thiết kế, rồi đổi sang phông có bản quyền của bạn sau khi xuất — trong Figma, trong codebase, hoặc trong CSS của website đã xuất bản."},{"slug":"images-in-your-designs","category":"design-and-edit","categoryTitle":"Thiết kế & chỉnh sửa","title":"Hình ảnh trong thiết kế của bạn","description":"Tạo ảnh, sửa ảnh tại chỗ, tải ảnh của bạn lên, và thay một tài nguyên trên mọi màn hình.","url":"https://uxmagic.ai/vi/help/design-and-edit/images-in-your-designs","type":"guide","keywords":["hình ảnh","tạo ảnh","ảnh ai","tải lên","logo","thay ảnh","ảnh chụp"],"headings":["Ảnh do AI tạo","Sửa một ảnh sẵn có","Tải ảnh của bạn lên","Thay một tài nguyên ở mọi nơi","Tỉ lệ khung hình","Nếu ảnh hỏng hoặc kẹt khi tải"],"updated":"2026-08-27","faqs":[],"related":["chat-editing","editing-a-screen","images-are-broken-or-missing"],"markdown":"![Trang Tài nguyên, chứa những ảnh và logo mà một dự án dùng lại.](/help/assets.webp)\n\n## Ảnh do AI tạo\n\nKhi một thiết kế cần hình ảnh, AI sẽ tạo ra. Bạn có thể điều hướng nó:\n\n> Tạo lại ảnh hero: một văn phòng mở ngập nắng, góc rộng, tông ấm, không có người.\n\nHãy mô tả chủ thể, bối cảnh, bố cục, ánh sáng và không khí. Một danh từ trơ trọi (“một chiếc laptop”) cho ra kết quả trơ trọi.\n\nViệc tạo ảnh được tính theo từng ảnh, chỉ bằng một phần nhỏ chi phí của một màn hình. Xem [Cách tín dụng hoạt động](/help/account-and-billing/how-credits-work).\n\n## Sửa một ảnh sẵn có\n\nBạn có thể đổi một ảnh **tại chỗ**, giữ mọi thứ khác giống hệt tới từng pixel:\n\n> Trong ảnh hero, đổi chữ trên tấm biển thành “Ledgerly”.\n> Đổi màu minh họa này cho hợp với chủ đề mới.\n\nĐây là công cụ đúng để đổi chữ bên trong một ảnh, đổi màu, đổi phong cách, hoặc thêm bớt một phần tử đơn lẻ. Tạo lại từ đầu sẽ đổi luôn mọi thứ khác.\n\n## Tải ảnh của bạn lên\n\nTải lên qua ô prompt hoặc thư viện tài nguyên của dự án, rồi tham chiếu tới nó:\n\n> Dùng bức ảnh tôi vừa tải lên làm ảnh hero cho trang giới thiệu.\n\n## Thay một tài nguyên ở mọi nơi\n\nĐể đổi logo hay ảnh sản phẩm trên toàn dự án, hãy yêu cầu đúng như vậy:\n\n> Thay logo cũ bằng logo mới trên mọi màn hình.\n\nViệc này chạy như một thao tác xác định duy nhất trên mọi màn hình thay vì sửa từng màn hình — đây là cách đáng tin duy nhất để chắc chắn không bỏ sót cái nào.\n\n## Tỉ lệ khung hình\n\nHãy nêu rõ nếu nó quan trọng — “hero 16:9”, “ảnh đại diện vuông”. Nếu không, bạn có thể nhận về một hình dạng không vừa chỗ.\n\n## Nếu ảnh hỏng hoặc kẹt khi tải\n\nXem [Ảnh bị hỏng hoặc thiếu](/help/troubleshooting/images-are-broken-or-missing).","text":"Ảnh do AI tạo Khi một thiết kế cần hình ảnh, AI sẽ tạo ra. Bạn có thể điều hướng nó: Tạo lại ảnh hero: một văn phòng mở ngập nắng, góc rộng, tông ấm, không có người. Hãy mô tả chủ thể, bối cảnh, bố cục, ánh sáng và không khí. Một danh từ trơ trọi (“một chiếc laptop”) cho ra kết quả trơ trọi. Việc tạo ảnh được tính theo từng ảnh, chỉ bằng một phần nhỏ chi phí của một màn hình. Xem Cách tín dụng hoạt động. Sửa một ảnh sẵn có Bạn có thể đổi một ảnh tại chỗ, giữ mọi thứ khác giống hệt tới từng pixel: Trong ảnh hero, đổi chữ trên tấm biển thành “Ledgerly”. Đổi màu minh họa này cho hợp với chủ đề mới. Đây là công cụ đúng để đổi chữ bên trong một ảnh, đổi màu, đổi phong cách, hoặc thêm bớt một phần tử đơn lẻ. Tạo lại từ đầu sẽ đổi luôn mọi thứ khác. Tải ảnh của bạn lên Tải lên qua ô prompt hoặc thư viện tài nguyên của dự án, rồi tham chiếu tới nó: Dùng bức ảnh tôi vừa tải lên làm ảnh hero cho trang giới thiệu. Thay một tài nguyên ở mọi nơi Để đổi logo hay ảnh sản phẩm trên toàn dự án, hãy yêu cầu đúng như vậy: Thay logo cũ bằng logo mới trên mọi màn hình. Việc này chạy như một thao tác xác định duy nhất trên mọi màn hình thay vì sửa từng màn hình — đây là cách đáng tin duy nhất để chắc chắn không bỏ sót cái nào. Tỉ lệ khung hình Hãy nêu rõ nếu nó quan trọng — “hero 16:9”, “ảnh đại diện vuông”. Nếu không, bạn có thể nhận về một hình dạng không vừa chỗ. Nếu ảnh hỏng hoặc kẹt khi tải Xem Ảnh bị hỏng hoặc thiếu."},{"slug":"versions-and-history","category":"design-and-edit","categoryTitle":"Thiết kế & chỉnh sửa","title":"Phiên bản và lịch sử","description":"Mỗi thay đổi của AI tạo một phiên bản mới. Cách so sánh, khôi phục và giữ các biến thể.","url":"https://uxmagic.ai/vi/help/design-and-edit/versions-and-history","type":"guide","keywords":["phiên bản","lịch sử","hoàn tác","khôi phục","quay lui","trước đó","rollback"],"headings":["Cách quản lý phiên bản hoạt động","Chuyển phiên bản","Biến thể","Hoàn tác so với phiên bản","Nếu một thay đổi có vẻ biến mất","Nhân bản thay vì thử trực tiếp"],"updated":"2026-08-27","faqs":[],"related":["editing-a-screen","my-changes-reverted"],"markdown":"## Cách quản lý phiên bản hoạt động\n\nMỗi thay đổi của AI trên một màn hình tạo ra **phiên bản mới** thay vì ghi đè phiên bản trước. Màn hình trên canvas hiển thị phiên bản đang hoạt động; các phiên bản cũ vẫn còn đó.\n\nĐiều đó có nghĩa là bạn có thể thử nghiệm thoải mái. Nếu một hướng không ổn, hãy lùi lại một phiên bản.\n\n## Chuyển phiên bản\n\nMở danh sách phiên bản của một màn hình, chọn một phiên bản, và canvas cập nhật theo. Việc chuyển là tức thì và miễn phí.\n\n## Biến thể\n\nPhiên bản đồng thời cũng là biến thể: hãy yêu cầu hai cách xử lý cho cùng một màn hình rồi giữ cả hai, chuyển qua lại khi rà soát.\n\n## Hoàn tác so với phiên bản\n\n- **⌘Z / Ctrl+Z** — hoàn tác các thao tác trên canvas (di chuyển, xóa, sửa trực tiếp).\n- **Phiên bản** — lùi qua các trạng thái của một màn hình do AI tạo ra.\n\nĐây là hai hệ thống riêng biệt. Hoàn tác sẽ không đưa bạn lùi qua các lượt tạo của AI.\n\n## Nếu một thay đổi có vẻ biến mất\n\nNếu một phiên bản bạn chọn quay lui ngay khi bạn bấm ra chỗ khác, đó là lỗi chứ không phải tính năng — xem [Thay đổi của tôi bị quay lui](/help/troubleshooting/my-changes-reverted).\n\n## Nhân bản thay vì thử trực tiếp\n\nNếu bạn muốn khám phá một hướng mà không đụng vào bản gốc, hãy nhân bản màn hình trước rồi thử nghiệm trên bản sao.","text":"Cách quản lý phiên bản hoạt động Mỗi thay đổi của AI trên một màn hình tạo ra phiên bản mới thay vì ghi đè phiên bản trước. Màn hình trên canvas hiển thị phiên bản đang hoạt động; các phiên bản cũ vẫn còn đó. Điều đó có nghĩa là bạn có thể thử nghiệm thoải mái. Nếu một hướng không ổn, hãy lùi lại một phiên bản. Chuyển phiên bản Mở danh sách phiên bản của một màn hình, chọn một phiên bản, và canvas cập nhật theo. Việc chuyển là tức thì và miễn phí. Biến thể Phiên bản đồng thời cũng là biến thể: hãy yêu cầu hai cách xử lý cho cùng một màn hình rồi giữ cả hai, chuyển qua lại khi rà soát. Hoàn tác so với phiên bản - ⌘Z / Ctrl+Z — hoàn tác các thao tác trên canvas (di chuyển, xóa, sửa trực tiếp). - Phiên bản — lùi qua các trạng thái của một màn hình do AI tạo ra. Đây là hai hệ thống riêng biệt. Hoàn tác sẽ không đưa bạn lùi qua các lượt tạo của AI. Nếu một thay đổi có vẻ biến mất Nếu một phiên bản bạn chọn quay lui ngay khi bạn bấm ra chỗ khác, đó là lỗi chứ không phải tính năng — xem Thay đổi của tôi bị quay lui. Nhân bản thay vì thử trực tiếp Nếu bạn muốn khám phá một hướng mà không đụng vào bản gốc, hãy nhân bản màn hình trước rồi thử nghiệm trên bản sao."},{"slug":"responsive-variants","category":"design-and-edit","categoryTitle":"Thiết kế & chỉnh sửa","title":"Biến thể responsive và theo thiết bị","description":"Tạo bản di động và máy tính cho một màn hình và giữ chúng đồng bộ.","url":"https://uxmagic.ai/vi/help/design-and-edit/responsive-variants","type":"howto","keywords":["responsive","di động","máy tính","máy tính bảng","thiết bị","breakpoint","bản di động"],"headings":["Tạo một biến thể","Chi phí","Giữ các biến thể đồng bộ","Chủ đề dùng chung","Mã đã xuất"],"updated":"2026-08-27","faqs":[],"related":["editing-a-screen","themes-and-style-guides","export-code"],"markdown":"## Tạo một biến thể\n\nHãy yêu cầu, hoặc dùng thanh chọn thiết bị trên màn hình:\n\n> Tạo bản di động cho trang giới thiệu.\n\nBiến thể là một **màn hình mới** trên canvas, được điều chỉnh theo chiều rộng đích — không phải một lần co giãn linh hoạt. Bố cục thật sự được sắp xếp lại: các phần nhiều cột xếp chồng, thanh điều hướng thu gọn, kiểu chữ hạ thang.\n\n## Chi phí\n\nChuyển một màn hình sang kích cỡ thiết bị khác được tính theo từng màn hình, cùng mức với một lượt tạo lại, bởi vì nó chính là vậy. Chuyển tám màn hình tốn gấp tám lần — nên kiểm tra số dư trước.\n\n## Giữ các biến thể đồng bộ\n\nBiến thể là những màn hình riêng biệt, nên một chỉnh sửa sau này trên bản máy tính không tự chảy sang bản di động. Hai lựa chọn:\n\n- Yêu cầu thay đổi trên cả hai một cách rõ ràng: *“Trên cả trang giới thiệu bản máy tính lẫn bản di động, đổi CTA thành ‘Bắt đầu miễn phí’.”*\n- Hoặc hoàn thiện bản máy tính trước, rồi tạo các biến thể một lần ở cuối. Đây thường là thứ tự tiết kiệm hơn.\n\n## Chủ đề dùng chung\n\nCả hai biến thể dùng chủ đề của dự án, nên thay đổi màu và phông chữ tự động áp cho cả hai. Chỉ bố cục là riêng của từng biến thể.\n\n## Mã đã xuất\n\nMã đã xuất phản ánh đúng màn hình bạn xuất. Nếu bạn cần một bản hiện thực thật sự responsive thay vì hai bố cục cố định, hãy xuất màn hình máy tính rồi điều chỉnh, hoặc xuất cả hai và ghép lại ở breakpoint — xem [Xuất mã nguồn](/help/export-and-handoff/export-code).","text":"Tạo một biến thể Hãy yêu cầu, hoặc dùng thanh chọn thiết bị trên màn hình: Tạo bản di động cho trang giới thiệu. Biến thể là một màn hình mới trên canvas, được điều chỉnh theo chiều rộng đích — không phải một lần co giãn linh hoạt. Bố cục thật sự được sắp xếp lại: các phần nhiều cột xếp chồng, thanh điều hướng thu gọn, kiểu chữ hạ thang. Chi phí Chuyển một màn hình sang kích cỡ thiết bị khác được tính theo từng màn hình, cùng mức với một lượt tạo lại, bởi vì nó chính là vậy. Chuyển tám màn hình tốn gấp tám lần — nên kiểm tra số dư trước. Giữ các biến thể đồng bộ Biến thể là những màn hình riêng biệt, nên một chỉnh sửa sau này trên bản máy tính không tự chảy sang bản di động. Hai lựa chọn: - Yêu cầu thay đổi trên cả hai một cách rõ ràng: “Trên cả trang giới thiệu bản máy tính lẫn bản di động, đổi CTA thành ‘Bắt đầu miễn phí’.” - Hoặc hoàn thiện bản máy tính trước, rồi tạo các biến thể một lần ở cuối. Đây thường là thứ tự tiết kiệm hơn. Chủ đề dùng chung Cả hai biến thể dùng chủ đề của dự án, nên thay đổi màu và phông chữ tự động áp cho cả hai. Chỉ bố cục là riêng của từng biến thể. Mã đã xuất Mã đã xuất phản ánh đúng màn hình bạn xuất. Nếu bạn cần một bản hiện thực thật sự responsive thay vì hai bố cục cố định, hãy xuất màn hình máy tính rồi điều chỉnh, hoặc xuất cả hai và ghép lại ở breakpoint — xem Xuất mã nguồn."},{"slug":"component-libraries","category":"design-and-edit","categoryTitle":"Thiết kế & chỉnh sửa","title":"Thư viện thành phần và hệ thống thiết kế","description":"Dùng thư viện Figma và React tích hợp sẵn, hoặc mang thành phần của bạn vào một dự án.","url":"https://uxmagic.ai/vi/help/design-and-edit/component-libraries","type":"guide","keywords":["thành phần","hệ thống thiết kế","thư viện","thành phần react","thành phần figma","dùng lại"],"headings":["Thư viện tích hợp sẵn","Mang hệ thống thiết kế của bạn vào","Giữ màn hình do AI tạo bám sát hệ thống","Trên gói Enterprise"],"updated":"2026-08-27","faqs":[],"related":["import-from-figma","themes-and-style-guides","export-code"],"markdown":"![Thư viện thành phần Figma tích hợp sẵn, hiển thị các nhóm thành phần dựng sẵn.](/help/figma-library.webp)\n\n## Thư viện tích hợp sẵn\n\nUXMagic đi kèm hai thư viện có thể duyệt để bạn lấy dùng trong lúc thiết kế:\n\n- **[Thư viện thành phần Figma](/figma-component-library)** — các thành phần sẵn sàng thả vào một tệp Figma.\n- **[Thư viện thành phần React](/react-component-library)** — các thành phần mã theo cùng khuôn mẫu.\n\nCả hai đều được sắp theo danh mục, và mỗi thành phần đều có biến thể.\n\n## Mang hệ thống thiết kế của bạn vào\n\nHãy nhập các thành phần Figma hoặc hệ thống thiết kế của bạn vào một dự án để các màn hình được tạo ra dùng thành phần *của bạn* thay vì thành phần chung chung. Xem [Nhập từ Figma](/help/generate/import-from-figma).\n\nSau khi nhập, hãy gọi tên chúng:\n\n> Dùng thành phần Button và Card của chúng tôi cho các bậc giá.\n\n## Giữ màn hình do AI tạo bám sát hệ thống\n\nHai điều làm gần hết công việc:\n\n1. **Một chủ đề khớp với thương hiệu của bạn**, để màu và chữ đúng ngay từ mặc định. Xem [Chủ đề và bộ quy chuẩn](/help/design-and-edit/themes-and-style-guides).\n2. **Chỉ dẫn rõ ràng** khi AI bắt đầu tự ứng biến: *“Chỉ dùng thành phần từ thư viện chúng tôi đã nhập.”*\n\n## Trên gói Enterprise\n\nGói Enterprise bao gồm một hệ thống thiết kế và thư viện thành phần dùng chung cho cả đội, nên màn hình do bất kỳ ai tạo ra đều xuất phát từ cùng bộ thành phần.","text":"Thư viện tích hợp sẵn UXMagic đi kèm hai thư viện có thể duyệt để bạn lấy dùng trong lúc thiết kế: - Thư viện thành phần Figma — các thành phần sẵn sàng thả vào một tệp Figma. - Thư viện thành phần React — các thành phần mã theo cùng khuôn mẫu. Cả hai đều được sắp theo danh mục, và mỗi thành phần đều có biến thể. Mang hệ thống thiết kế của bạn vào Hãy nhập các thành phần Figma hoặc hệ thống thiết kế của bạn vào một dự án để các màn hình được tạo ra dùng thành phần của bạn thay vì thành phần chung chung. Xem Nhập từ Figma. Sau khi nhập, hãy gọi tên chúng: Dùng thành phần Button và Card của chúng tôi cho các bậc giá. Giữ màn hình do AI tạo bám sát hệ thống Hai điều làm gần hết công việc: 1. Một chủ đề khớp với thương hiệu của bạn, để màu và chữ đúng ngay từ mặc định. Xem Chủ đề và bộ quy chuẩn. 2. Chỉ dẫn rõ ràng khi AI bắt đầu tự ứng biến: “Chỉ dùng thành phần từ thư viện chúng tôi đã nhập.” Trên gói Enterprise Gói Enterprise bao gồm một hệ thống thiết kế và thư viện thành phần dùng chung cho cả đội, nên màn hình do bất kỳ ai tạo ra đều xuất phát từ cùng bộ thành phần."},{"slug":"export-to-figma","category":"export-and-handoff","categoryTitle":"Xuất & bàn giao","title":"Xuất sang Figma","description":"Gửi màn hình sang Figma dưới dạng frame auto-layout chỉnh sửa được, sẵn sàng cho lập trình.","url":"https://uxmagic.ai/vi/help/export-and-handoff/export-to-figma","type":"howto","keywords":["xuất figma","xuất sang figma","auto layout","bàn giao","nhà thiết kế"],"headings":["Các bước","Bạn nhận được gì","Hạn mức xuất","Để có kết quả sạch nhất","Đi hai chiều","Nếu xuất thất bại"],"updated":"2026-08-27","faqs":[{"question":"Tệp Figma đã xuất có chỉnh sửa được không?","answer":"Có. Bạn nhận được các lớp Figma thật với auto layout, chữ chỉnh sửa được và màu nền thật — không phải một ảnh bẹt."},{"question":"Tôi được bao nhiêu lượt xuất Figma?","answer":"Gói Free có một số lượng cố định nhỏ; các gói trả phí có hạn mức hằng tháng lớn hơn nhiều. Số lượt xuất còn lại hiển thị trong tài khoản của bạn."}],"related":["figma-plugin","import-from-figma","export-code","figma-export-failed"],"markdown":"Việc xuất sang Figma tạo ra **frame Figma thật, chỉnh sửa được** — cấu trúc auto layout, lớp chữ sống, màu nền và hiệu ứng thật — chứ không phải một ảnh chụp bẹt.\n\n![Menu Xuất hàng loạt đang mở trên một dự án UXMagic, đề nghị xuất các màn hình đã chọn.](/help/export-menu.webp)\n\n## Các bước\n\n1. Chọn màn hình (hoặc nhiều màn hình) bạn muốn xuất.\n2. Chọn **Xuất → Figma**.\n3. Đi theo luồng bàn giao sang Figma: qua tài khoản Figma đã kết nối, hoặc qua [plugin Figma của UXMagic](/help/integrations/figma-plugin).\n\n## Bạn nhận được gì\n\n- **Frame auto layout** phản ứng đúng khi đổi kích thước.\n- **Lớp chữ chỉnh sửa được** kèm kiểu chữ của chúng.\n- **Màu nền, dải màu và đổ bóng thật.**\n- **Hình ảnh** được mang sang dưới dạng nền.\n- **Lớp có tên** gom theo từng phần, để tệp có thể duyệt được chứ không phải một mớ hình chữ nhật.\n\n## Hạn mức xuất\n\nSố lượt xuất Figma được tính. Gói Free có một số lượng cố định nhỏ; các gói trả phí có hạn mức hằng tháng lớn. Bạn xem được số còn lại trong tài khoản. Xem [Gói và giới hạn](/help/account-and-billing/plans-and-limits).\n\n## Để có kết quả sạch nhất\n\n- **Hoàn tất chủ đề trước.** Xuất, đổi phong cách trong Figma rồi xuất lại nghĩa là làm phần việc Figma hai lần.\n- **Xuất cả luồng cùng lúc** thay vì từng màn hình, để các frame nằm cạnh nhau trong một tệp.\n- **Đặt tên cho màn hình** trước khi xuất — tên sẽ đi theo, và làm việc với các frame vô danh sau này thì khổ sở.\n\n## Đi hai chiều\n\nBạn cũng có thể đi ngược lại và mang frame Figma vào — xem [Nhập từ Figma](/help/generate/import-from-figma). Một luồng làm việc phổ biến: tạo trong UXMagic → xuất sang Figma → người thiết kế tinh chỉnh → nhập lại để tiếp tục với AI.\n\n## Nếu xuất thất bại\n\nXem [Lượt xuất Figma của tôi thất bại](/help/troubleshooting/figma-export-failed).","text":"Việc xuất sang Figma tạo ra frame Figma thật, chỉnh sửa được — cấu trúc auto layout, lớp chữ sống, màu nền và hiệu ứng thật — chứ không phải một ảnh chụp bẹt. Các bước 1. Chọn màn hình (hoặc nhiều màn hình) bạn muốn xuất. 2. Chọn Xuất → Figma. 3. Đi theo luồng bàn giao sang Figma: qua tài khoản Figma đã kết nối, hoặc qua plugin Figma của UXMagic. Bạn nhận được gì - Frame auto layout phản ứng đúng khi đổi kích thước. - Lớp chữ chỉnh sửa được kèm kiểu chữ của chúng. - Màu nền, dải màu và đổ bóng thật. - Hình ảnh được mang sang dưới dạng nền. - Lớp có tên gom theo từng phần, để tệp có thể duyệt được chứ không phải một mớ hình chữ nhật. Hạn mức xuất Số lượt xuất Figma được tính. Gói Free có một số lượng cố định nhỏ; các gói trả phí có hạn mức hằng tháng lớn. Bạn xem được số còn lại trong tài khoản. Xem Gói và giới hạn. Để có kết quả sạch nhất - Hoàn tất chủ đề trước. Xuất, đổi phong cách trong Figma rồi xuất lại nghĩa là làm phần việc Figma hai lần. - Xuất cả luồng cùng lúc thay vì từng màn hình, để các frame nằm cạnh nhau trong một tệp. - Đặt tên cho màn hình trước khi xuất — tên sẽ đi theo, và làm việc với các frame vô danh sau này thì khổ sở. Đi hai chiều Bạn cũng có thể đi ngược lại và mang frame Figma vào — xem Nhập từ Figma. Một luồng làm việc phổ biến: tạo trong UXMagic → xuất sang Figma → người thiết kế tinh chỉnh → nhập lại để tiếp tục với AI. Nếu xuất thất bại Xem Lượt xuất Figma của tôi thất bại."},{"slug":"export-code","category":"export-and-handoff","categoryTitle":"Xuất & bàn giao","title":"Xuất mã nguồn (HTML, React, Tailwind)","description":"Xuất một màn hình đơn lẻ hoặc cả dự án thành mã front-end sẵn sàng cho môi trường thật.","url":"https://uxmagic.ai/vi/help/export-and-handoff/export-code","type":"howto","keywords":["xuất mã","react","html","tailwind","lập trình viên","tải mã về","jsx"],"headings":["Bạn có thể xuất gì","Xuất một màn hình","Xuất cả một dự án","Mã trông ra sao","Responsive","Đưa thẳng vào một kho mã"],"updated":"2026-08-27","faqs":[],"related":["github-sync","export-to-figma","component-libraries"],"markdown":"![Thư viện thành phần React, hiển thị các thành phần sẵn sàng chép vào một codebase.](/help/react-library.webp)\n\n## Bạn có thể xuất gì\n\n- **Một màn hình đơn lẻ** dưới dạng HTML hoặc một thành phần React.\n- **Cả một dự án** dưới dạng dự án React nhiều màn hình, đã ráp và tải về được dưới dạng tệp nén.\n\nPhần kiểu dáng dùng Tailwind CSS, với chủ đề dự án của bạn được biểu diễn bằng design token, nên mã mang đúng hệ thống mà canvas đang dùng.\n\n## Xuất một màn hình\n\n1. Chọn màn hình.\n2. **Xuất → Mã nguồn**.\n3. Chọn HTML hoặc React.\n4. Sao chép, hoặc tải về.\n\n## Xuất cả một dự án\n\nViệc xuất dự án chạy như một tác vụ nền — nó tạo từng màn hình, rồi ráp chúng thành một cấu trúc dự án. Dự án lớn hơn thì lâu hơn; bạn có thể theo dõi tiến độ và tải về khi xong.\n\n## Mã trông ra sao\n\nĐây là mã front-end thật, dễ đọc: mã ngữ nghĩa, các lớp tiện ích của Tailwind, token chủ đề cho màu và chữ, và hình ảnh tham chiếu qua URL từ kho tài nguyên của dự án bạn.\n\nHai điều cần tính trước:\n\n- **Tài nguyên mặc định nằm ở xa.** Hãy tải chúng về kho mã của bạn trước khi phát hành, để website thật của bạn không phụ thuộc vào URL tài nguyên của UXMagic.\n- **Đây là front-end.** Không có tầng dữ liệu, định tuyến hay quản lý trạng thái — bạn tự nối nó vào ứng dụng của mình.\n\n## Responsive\n\nMã đã xuất phản ánh màn hình bạn xuất, ở đúng chiều rộng của màn hình đó. Nếu bạn đã tạo biến thể di động và máy tính riêng, hãy xuất cả hai và ghép chúng tại breakpoint của bạn. Xem [Biến thể responsive và theo thiết bị](/help/design-and-edit/responsive-variants).\n\n## Đưa thẳng vào một kho mã\n\nBạn có thể đẩy mã đã xuất thẳng lên GitHub thay vì tải về — xem [Đồng bộ GitHub](/help/integrations/github-sync).","text":"Bạn có thể xuất gì - Một màn hình đơn lẻ dưới dạng HTML hoặc một thành phần React. - Cả một dự án dưới dạng dự án React nhiều màn hình, đã ráp và tải về được dưới dạng tệp nén. Phần kiểu dáng dùng Tailwind CSS, với chủ đề dự án của bạn được biểu diễn bằng design token, nên mã mang đúng hệ thống mà canvas đang dùng. Xuất một màn hình 1. Chọn màn hình. 2. Xuất → Mã nguồn. 3. Chọn HTML hoặc React. 4. Sao chép, hoặc tải về. Xuất cả một dự án Việc xuất dự án chạy như một tác vụ nền — nó tạo từng màn hình, rồi ráp chúng thành một cấu trúc dự án. Dự án lớn hơn thì lâu hơn; bạn có thể theo dõi tiến độ và tải về khi xong. Mã trông ra sao Đây là mã front-end thật, dễ đọc: mã ngữ nghĩa, các lớp tiện ích của Tailwind, token chủ đề cho màu và chữ, và hình ảnh tham chiếu qua URL từ kho tài nguyên của dự án bạn. Hai điều cần tính trước: - Tài nguyên mặc định nằm ở xa. Hãy tải chúng về kho mã của bạn trước khi phát hành, để website thật của bạn không phụ thuộc vào URL tài nguyên của UXMagic. - Đây là front-end. Không có tầng dữ liệu, định tuyến hay quản lý trạng thái — bạn tự nối nó vào ứng dụng của mình. Responsive Mã đã xuất phản ánh màn hình bạn xuất, ở đúng chiều rộng của màn hình đó. Nếu bạn đã tạo biến thể di động và máy tính riêng, hãy xuất cả hai và ghép chúng tại breakpoint của bạn. Xem Biến thể responsive và theo thiết bị. Đưa thẳng vào một kho mã Bạn có thể đẩy mã đã xuất thẳng lên GitHub thay vì tải về — xem Đồng bộ GitHub."},{"slug":"export-to-framer-and-webflow","category":"export-and-handoff","categoryTitle":"Xuất & bàn giao","title":"Xuất sang Framer và Webflow","description":"Chép một màn hình vào Framer hay Webflow chỉ bằng một lần dán, giữ nguyên cấu trúc và kiểu dáng.","url":"https://uxmagic.ai/vi/help/export-and-handoff/export-to-framer-and-webflow","type":"howto","keywords":["framer","webflow","no code","dán","bộ nhớ tạm","xuất framer"],"headings":["Framer","Webflow","Cần kiểm tra sau khi dán","Khi nào dùng cách này thay vì xuất mã"],"updated":"2026-08-27","faqs":[],"related":["export-code","wordpress-publish","publish-your-first-site"],"markdown":"Việc xuất sang Framer và Webflow đi qua bộ nhớ tạm: UXMagic tạo ra phần dữ liệu mà mỗi công cụ hiểu được, và bạn dán nó lên canvas của chúng.\n\n## Framer\n\n1. Chọn màn hình.\n2. **Xuất → Framer.**\n3. Sao chép phần dữ liệu được tạo ra.\n4. Mở dự án Framer của bạn và dán lên canvas.\n\nCấu trúc bố cục, chữ và kiểu dáng sang tới nơi dưới dạng lớp gốc của Framer mà bạn có thể tiếp tục chỉnh sửa.\n\n## Webflow\n\n1. Chọn màn hình.\n2. **Xuất → Webflow.**\n3. Sao chép phần dữ liệu được tạo ra.\n4. Trong Webflow Designer, dán lên canvas.\n\nBạn nhận được các phần tử Webflow thật kèm lớp CSS, không phải một khối nhúng.\n\n## Cần kiểm tra sau khi dán\n\n- **Phông chữ** — hãy chắc chắn các phông được dùng có sẵn trong dự án đích.\n- **Hình ảnh** — chúng tới qua URL; hãy tải lên trình quản lý tài nguyên của đích trước khi phát hành.\n- **Tương tác** — hoạt ảnh và tương tác được thiết lập trong Framer hoặc Webflow, chúng không đi theo.\n\n## Khi nào dùng cách này thay vì xuất mã\n\nNếu website sẽ do một đội sống trong Framer hoặc Webflow duy trì, hãy dán vào đó. Nếu đội kỹ thuật sở hữu nó, [hãy xuất mã](/help/export-and-handoff/export-code).","text":"Việc xuất sang Framer và Webflow đi qua bộ nhớ tạm: UXMagic tạo ra phần dữ liệu mà mỗi công cụ hiểu được, và bạn dán nó lên canvas của chúng. Framer 1. Chọn màn hình. 2. Xuất → Framer. 3. Sao chép phần dữ liệu được tạo ra. 4. Mở dự án Framer của bạn và dán lên canvas. Cấu trúc bố cục, chữ và kiểu dáng sang tới nơi dưới dạng lớp gốc của Framer mà bạn có thể tiếp tục chỉnh sửa. Webflow 1. Chọn màn hình. 2. Xuất → Webflow. 3. Sao chép phần dữ liệu được tạo ra. 4. Trong Webflow Designer, dán lên canvas. Bạn nhận được các phần tử Webflow thật kèm lớp CSS, không phải một khối nhúng. Cần kiểm tra sau khi dán - Phông chữ — hãy chắc chắn các phông được dùng có sẵn trong dự án đích. - Hình ảnh — chúng tới qua URL; hãy tải lên trình quản lý tài nguyên của đích trước khi phát hành. - Tương tác — hoạt ảnh và tương tác được thiết lập trong Framer hoặc Webflow, chúng không đi theo. Khi nào dùng cách này thay vì xuất mã Nếu website sẽ do một đội sống trong Framer hoặc Webflow duy trì, hãy dán vào đó. Nếu đội kỹ thuật sở hữu nó, hãy xuất mã."},{"slug":"wordpress-publish","category":"export-and-handoff","categoryTitle":"Xuất & bàn giao","title":"Đưa một thiết kế lên WordPress","description":"Kết nối một website WordPress và xuất bản các màn hình đã tạo lên đó dưới dạng trang.","url":"https://uxmagic.ai/vi/help/export-and-handoff/wordpress-publish","type":"howto","keywords":["wordpress","wp","xuất bản trang","cms","mật khẩu ứng dụng"],"headings":["Kết nối website của bạn","Xuất bản một màn hình","Điều cần biết","Xử lý sự cố"],"updated":"2026-08-27","faqs":[],"related":["publish-your-first-site","export-to-framer-and-webflow","export-code"],"markdown":"## Kết nối website của bạn\n\nHai cách trong **Tích hợp → WordPress**:\n\n- **Mật khẩu ứng dụng** — tạo một cái trong hồ sơ người dùng WordPress của bạn rồi dán vào kèm URL website. Không phải cài gì cả.\n- **Plugin UXMagic** — cài plugin lên website của bạn và hoàn tất bước bắt tay kết nối. Thiết lập hơi lâu hơn, nhưng sau đó mượt hơn.\n\n## Xuất bản một màn hình\n\n1. Chọn màn hình.\n2. **Xuất → WordPress.**\n3. Chọn tạo trang mới hay thay một trang sẵn có.\n4. Đẩy lên.\n\nBạn cũng có thể đẩy nhiều màn hình cùng lúc để tạo nhiều trang trong một lượt.\n\n## Điều cần biết\n\n- Các trang được tạo trong bản cài WordPress của bạn như trang thường — bạn có thể sửa chúng ở đó sau.\n- Phần đầu và chân trang của **giao diện WordPress** có thể bọc quanh nội dung được đẩy lên. Hãy xem trước khi xuất bản, và dùng mẫu trang toàn chiều rộng hoặc trống nếu bạn muốn thiết kế chiếm trọn khung nhìn.\n- **Hình ảnh** được chuyển vào thư viện phương tiện của WordPress.\n\n## Xử lý sự cố\n\n- **Kết nối bị từ chối** — kiểm tra xem URL website đã có giao thức chưa, và REST API có bị plugin bảo mật chặn không.\n- **Mật khẩu ứng dụng bị từ chối** — chúng được tạo theo từng người dùng trong WordPress; hãy chắc chắn bạn sao chép nguyên vẹn, kể cả dấu cách.\n- **Nội dung hiện ra không có kiểu dáng** — một plugin hoặc giao diện đang gỡ bỏ kiểu nội tuyến. Kết nối bằng plugin thường xử lý việc này tốt hơn lối mật khẩu ứng dụng.","text":"Kết nối website của bạn Hai cách trong Tích hợp → WordPress: - Mật khẩu ứng dụng — tạo một cái trong hồ sơ người dùng WordPress của bạn rồi dán vào kèm URL website. Không phải cài gì cả. - Plugin UXMagic — cài plugin lên website của bạn và hoàn tất bước bắt tay kết nối. Thiết lập hơi lâu hơn, nhưng sau đó mượt hơn. Xuất bản một màn hình 1. Chọn màn hình. 2. Xuất → WordPress. 3. Chọn tạo trang mới hay thay một trang sẵn có. 4. Đẩy lên. Bạn cũng có thể đẩy nhiều màn hình cùng lúc để tạo nhiều trang trong một lượt. Điều cần biết - Các trang được tạo trong bản cài WordPress của bạn như trang thường — bạn có thể sửa chúng ở đó sau. - Phần đầu và chân trang của giao diện WordPress có thể bọc quanh nội dung được đẩy lên. Hãy xem trước khi xuất bản, và dùng mẫu trang toàn chiều rộng hoặc trống nếu bạn muốn thiết kế chiếm trọn khung nhìn. - Hình ảnh được chuyển vào thư viện phương tiện của WordPress. Xử lý sự cố - Kết nối bị từ chối — kiểm tra xem URL website đã có giao thức chưa, và REST API có bị plugin bảo mật chặn không. - Mật khẩu ứng dụng bị từ chối — chúng được tạo theo từng người dùng trong WordPress; hãy chắc chắn bạn sao chép nguyên vẹn, kể cả dấu cách. - Nội dung hiện ra không có kiểu dáng — một plugin hoặc giao diện đang gỡ bỏ kiểu nội tuyến. Kết nối bằng plugin thường xử lý việc này tốt hơn lối mật khẩu ứng dụng."},{"slug":"export-pdf-and-images","category":"export-and-handoff","categoryTitle":"Xuất & bàn giao","title":"Xuất thành PDF hoặc ảnh","description":"Tạo PDF, PNG, JPEG hoặc WebP của một màn hình để dùng cho bản trình bày, rà soát và phê duyệt.","url":"https://uxmagic.ai/vi/help/export-and-handoff/export-pdf-and-images","type":"howto","keywords":["pdf","png","jpeg","webp","tải ảnh về","in","bản trình bày","deck"],"headings":["Định dạng","Các bước","Mẹo"],"updated":"2026-08-27","faqs":[],"related":["export-to-figma","share-a-project"],"markdown":"Với bản trình bày, bộ tài liệu rà soát và phê duyệt, hãy xuất một màn hình thành tài liệu hoặc ảnh.\n\n## Định dạng\n\n- **PDF** — khổ giấy (A4, A3, Letter, Legal, Tabloid), hoặc một trang duy nhất kết xuất ở chiều rộng pixel chính xác để thiết kế cao không bị cắt qua nhiều trang.\n- **PNG** — không mất dữ liệu, tốt nhất cho ảnh chụp giao diện.\n- **JPEG** — nhẹ hơn, chất lượng điều chỉnh được, tốt nhất cho thiết kế nhiều ảnh.\n- **WebP** — nhẹ nhất ở cùng chất lượng, dành cho web.\n\n## Các bước\n\n1. Chọn màn hình.\n2. **Xuất → PDF / Ảnh.**\n3. Chọn định dạng và tùy chọn (khổ giấy hoặc chiều rộng chính xác, và chất lượng cho JPEG).\n4. Các lượt xuất lớn chạy như tác vụ nền — bạn sẽ nhận tệp khi kết xuất xong.\n\n## Mẹo\n\n- Với một **trang giới thiệu rất cao**, hãy dùng chế độ PDF chiều rộng chính xác thay vì A4. Nó kết xuất một trang liền mạch thay vì cắt thiết kế thành từng mảnh.\n- Để **rà soát với khách hàng**, một liên kết chia sẻ tốt hơn PDF: nó luôn cập nhật và mọi người có thể bình luận. Xem [Chia sẻ một dự án](/help/collaborate/share-a-project).","text":"Với bản trình bày, bộ tài liệu rà soát và phê duyệt, hãy xuất một màn hình thành tài liệu hoặc ảnh. Định dạng - PDF — khổ giấy (A4, A3, Letter, Legal, Tabloid), hoặc một trang duy nhất kết xuất ở chiều rộng pixel chính xác để thiết kế cao không bị cắt qua nhiều trang. - PNG — không mất dữ liệu, tốt nhất cho ảnh chụp giao diện. - JPEG — nhẹ hơn, chất lượng điều chỉnh được, tốt nhất cho thiết kế nhiều ảnh. - WebP — nhẹ nhất ở cùng chất lượng, dành cho web. Các bước 1. Chọn màn hình. 2. Xuất → PDF / Ảnh. 3. Chọn định dạng và tùy chọn (khổ giấy hoặc chiều rộng chính xác, và chất lượng cho JPEG). 4. Các lượt xuất lớn chạy như tác vụ nền — bạn sẽ nhận tệp khi kết xuất xong. Mẹo - Với một trang giới thiệu rất cao, hãy dùng chế độ PDF chiều rộng chính xác thay vì A4. Nó kết xuất một trang liền mạch thay vì cắt thiết kế thành từng mảnh. - Để rà soát với khách hàng, một liên kết chia sẻ tốt hơn PDF: nó luôn cập nhật và mọi người có thể bình luận. Xem Chia sẻ một dự án."},{"slug":"export-to-canva","category":"export-and-handoff","categoryTitle":"Xuất & bàn giao","title":"Xuất sang Canva","description":"Đưa một thiết kế UXMagic sang Canva cho công việc marketing và mạng xã hội.","url":"https://uxmagic.ai/vi/help/export-and-handoff/export-to-canva","type":"howto","keywords":["canva","mạng xã hội","marketing","đồ họa"],"headings":["Các bước","Khi nào dùng"],"updated":"2026-08-27","faqs":[],"related":["export-pdf-and-images","export-to-figma"],"markdown":"Canva được hỗ trợ cho phần marketing của luồng công việc — biến một màn hình đã thiết kế thành tài nguyên mà đội marketing của bạn có thể chỉnh lại.\n\n## Các bước\n\n1. Kết nối Canva trong **Tích hợp**.\n2. Chọn thiết kế bạn muốn đưa sang.\n3. **Xuất → Canva**, rồi mở trong Canva để tiếp tục chỉnh sửa.\n\n## Khi nào dùng\n\nHãy dùng Canva cho các bản cắt cho mạng xã hội, quảng cáo và vật phẩm marketing dùng một lần. Với bất cứ thứ gì mà người thiết kế hay kỹ sư sẽ tiếp nhận, hãy dùng [Figma](/help/export-and-handoff/export-to-figma) hoặc [mã nguồn](/help/export-and-handoff/export-code) — hai cách đó giữ cấu trúc, còn Canva giữ vẻ ngoài.","text":"Canva được hỗ trợ cho phần marketing của luồng công việc — biến một màn hình đã thiết kế thành tài nguyên mà đội marketing của bạn có thể chỉnh lại. Các bước 1. Kết nối Canva trong Tích hợp. 2. Chọn thiết kế bạn muốn đưa sang. 3. Xuất → Canva, rồi mở trong Canva để tiếp tục chỉnh sửa. Khi nào dùng Hãy dùng Canva cho các bản cắt cho mạng xã hội, quảng cáo và vật phẩm marketing dùng một lần. Với bất cứ thứ gì mà người thiết kế hay kỹ sư sẽ tiếp nhận, hãy dùng Figma hoặc mã nguồn — hai cách đó giữ cấu trúc, còn Canva giữ vẻ ngoài."},{"slug":"publish-your-first-site","category":"publish","categoryTitle":"Xuất bản website","title":"Xuất bản website đầu tiên","description":"Đưa một dự án lên mạng trên subdomain uxmagic.io trong vài phút.","url":"https://uxmagic.ai/vi/help/publish/publish-your-first-site","type":"howto","keywords":["xuất bản","lên mạng","website","triển khai","lưu trữ","ra mắt"],"headings":["Các bước","Bạn nhận được gì","Tính năng của gói trả phí","Cập nhật một website đã xuất bản","Tên miền của riêng bạn"],"updated":"2026-08-27","faqs":[{"question":"Có bao gồm lưu trữ không?","answer":"Có. Các website đã xuất bản được UXMagic lưu trữ trên subdomain uxmagic.io, kèm HTTPS, không tính thêm phí ngoài gói của bạn."},{"question":"Tôi có thể xuất bản trên gói Free không?","answer":"Có, trong giới hạn số website xuất bản của gói. Gỡ huy hiệu UX Magic và bảo vệ website bằng mật khẩu thì cần gói trả phí."}],"related":["subdomains-and-urls","custom-domains","redeploy-and-rollback"],"markdown":"Xuất bản biến các màn hình trong một dự án thành website thật được lưu trữ, có HTTPS.\n\n## Các bước\n\n1. Mở dự án và bấm **Xuất bản**.\n2. **Chọn những màn hình** sẽ trở thành trang, và đặt trang chủ. Những màn hình bạn bỏ lại vẫn nằm trong dự án nhưng không thuộc website.\n3. **Chọn một subdomain.** Bạn sẽ có `ten-cua-ban.uxmagic.io`. Tình trạng khả dụng được kiểm tra ngay khi bạn gõ. Xem [Subdomain và URL](/help/publish/subdomains-and-urls).\n4. **Chạy kiểm tra trước.** Nó chỉ ra những vấn đề sẽ tạo nên một website tồi — liên kết thiếu, trang trống, nội dung tạm.\n5. **Xuất bản.** Quá trình dựng chạy ở nền; bạn sẽ nhận URL đang chạy khi xong.\n\n## Bạn nhận được gì\n\n- Một website được lưu trữ trên `*.uxmagic.io` với HTTPS tự động.\n- Một **URL xem trước cho mỗi lần triển khai**, để bạn rà soát một bản dựng trước khi chỉ ai đó tới.\n- **Lịch sử triển khai** kèm quay lui bằng một cú nhấp.\n\n## Tính năng của gói trả phí\n\n- **Gỡ huy hiệu UX Magic** cần gói trả phí.\n- **Website riêng tư và có mật khẩu** cần gói trả phí.\n- **Giới hạn số website xuất bản** khác nhau theo gói — xem [Gói và giới hạn](/help/account-and-billing/plans-and-limits).\n\n## Cập nhật một website đã xuất bản\n\nChỉnh sửa màn hình không làm thay đổi website đang chạy. Hãy xuất bản lại để đưa thay đổi lên. Xem [Triển khai lại và quay lui](/help/publish/redeploy-and-rollback).\n\n## Tên miền của riêng bạn\n\nWebsite đã xuất bản có thể chuyển sang tên miền của bạn — xem [Tên miền riêng](/help/publish/custom-domains).","text":"Xuất bản biến các màn hình trong một dự án thành website thật được lưu trữ, có HTTPS. Các bước 1. Mở dự án và bấm Xuất bản. 2. Chọn những màn hình sẽ trở thành trang, và đặt trang chủ. Những màn hình bạn bỏ lại vẫn nằm trong dự án nhưng không thuộc website. 3. Chọn một subdomain. Bạn sẽ có ten-cua-ban.uxmagic.io. Tình trạng khả dụng được kiểm tra ngay khi bạn gõ. Xem Subdomain và URL. 4. Chạy kiểm tra trước. Nó chỉ ra những vấn đề sẽ tạo nên một website tồi — liên kết thiếu, trang trống, nội dung tạm. 5. Xuất bản. Quá trình dựng chạy ở nền; bạn sẽ nhận URL đang chạy khi xong. Bạn nhận được gì - Một website được lưu trữ trên .uxmagic.io với HTTPS tự động. - Một URL xem trước cho mỗi lần triển khai, để bạn rà soát một bản dựng trước khi chỉ ai đó tới. - Lịch sử triển khai kèm quay lui bằng một cú nhấp. Tính năng của gói trả phí - Gỡ huy hiệu UX Magic cần gói trả phí. - Website riêng tư và có mật khẩu cần gói trả phí. - Giới hạn số website xuất bản khác nhau theo gói — xem Gói và giới hạn. Cập nhật một website đã xuất bản Chỉnh sửa màn hình không làm thay đổi website đang chạy. Hãy xuất bản lại để đưa thay đổi lên. Xem Triển khai lại và quay lui. Tên miền của riêng bạn Website đã xuất bản có thể chuyển sang tên miền của bạn — xem Tên miền riêng."},{"slug":"subdomains-and-urls","category":"publish","categoryTitle":"Xuất bản website","title":"Subdomain, URL trang và bản xem trước","description":"Chọn một subdomain, cách đường dẫn trang được suy ra, và URL xem trước dùng để làm gì.","url":"https://uxmagic.ai/vi/help/publish/subdomains-and-urls","type":"reference","keywords":["subdomain","url","slug","liên kết xem trước","đã giữ chỗ","địa chỉ"],"headings":["Quy tắc subdomain","URL của các trang","URL xem trước","Đổi subdomain","HTTPS"],"updated":"2026-08-27","faqs":[],"related":["publish-your-first-site","custom-domains","redeploy-and-rollback"],"markdown":"## Quy tắc subdomain\n\nWebsite của bạn nằm ở `<subdomain>.uxmagic.io`.\n\n- Từ **3 đến 63 ký tự**.\n- Chỉ **chữ cái, chữ số và dấu gạch ngang**; không có gạch ngang ở đầu hay cuối.\n- **Không phân biệt hoa thường** — mọi thứ được chuẩn hóa về chữ thường.\n- Phải **duy nhất** trên toàn bộ các website UXMagic.\n- Một số tên được **giữ chỗ** (tên hệ thống và hạ tầng). Tên đã giữ chỗ sẽ bị từ chối, và UXMagic cũng không gợi ý biến thể gần giống — một gợi ý mà bạn không thể thực sự lấy được còn tệ hơn không gợi ý gì.\n\nNếu lựa chọn đầu tiên đã có người dùng, các phương án thay thế được gợi ý ngay khi bạn gõ, và chỉ những cái thật sự còn trống.\n\n## URL của các trang\n\nTrang chủ bạn chọn được phục vụ tại `/`. Mọi màn hình xuất bản khác trở thành một đường dẫn suy ra từ tên của nó — nên hãy đặt tên màn hình trước khi xuất bản. “Bảng giá” thành `/bang-gia`; “Màn hình 4” thành `/man-hinh-4`, và đó không phải thứ bạn muốn trong một liên kết chia sẻ.\n\n## URL xem trước\n\nMỗi lần triển khai có một máy chủ xem trước riêng, tách khỏi website đang chạy. Hãy dùng nó để kiểm tra một bản dựng trước khi nó trở thành phiên bản mọi người thấy, và để chia sẻ một thay đổi đề xuất mà không đụng tới bản chạy thật.\n\n## Đổi subdomain\n\nBạn có thể đổi sau. Địa chỉ cũ sẽ ngừng hoạt động, nên hãy cập nhật những liên kết bạn đã chia sẻ.\n\n## HTTPS\n\nChứng chỉ được lo sẵn cho bạn, cả trên `*.uxmagic.io` lẫn trên tên miền riêng đã kết nối. Không có gì để cấu hình và không có gì để gia hạn.","text":"Quy tắc subdomain Website của bạn nằm ở <subdomain>.uxmagic.io. - Từ 3 đến 63 ký tự. - Chỉ chữ cái, chữ số và dấu gạch ngang; không có gạch ngang ở đầu hay cuối. - Không phân biệt hoa thường — mọi thứ được chuẩn hóa về chữ thường. - Phải duy nhất trên toàn bộ các website UXMagic. - Một số tên được giữ chỗ (tên hệ thống và hạ tầng). Tên đã giữ chỗ sẽ bị từ chối, và UXMagic cũng không gợi ý biến thể gần giống — một gợi ý mà bạn không thể thực sự lấy được còn tệ hơn không gợi ý gì. Nếu lựa chọn đầu tiên đã có người dùng, các phương án thay thế được gợi ý ngay khi bạn gõ, và chỉ những cái thật sự còn trống. URL của các trang Trang chủ bạn chọn được phục vụ tại /. Mọi màn hình xuất bản khác trở thành một đường dẫn suy ra từ tên của nó — nên hãy đặt tên màn hình trước khi xuất bản. “Bảng giá” thành /bang-gia; “Màn hình 4” thành /man-hinh-4, và đó không phải thứ bạn muốn trong một liên kết chia sẻ. URL xem trước Mỗi lần triển khai có một máy chủ xem trước riêng, tách khỏi website đang chạy. Hãy dùng nó để kiểm tra một bản dựng trước khi nó trở thành phiên bản mọi người thấy, và để chia sẻ một thay đổi đề xuất mà không đụng tới bản chạy thật. Đổi subdomain Bạn có thể đổi sau. Địa chỉ cũ sẽ ngừng hoạt động, nên hãy cập nhật những liên kết bạn đã chia sẻ. HTTPS Chứng chỉ được lo sẵn cho bạn, cả trên .uxmagic.io lẫn trên tên miền riêng đã kết nối. Không có gì để cấu hình và không có gì để gia hạn."},{"slug":"custom-domains","category":"publish","categoryTitle":"Xuất bản website","title":"Tên miền riêng","description":"Phục vụ một website đã xuất bản từ tên miền của bạn, và cách yêu cầu.","url":"https://uxmagic.ai/vi/help/publish/custom-domains","type":"howto","keywords":["tên miền riêng","tên miền tùy chỉnh","dns","cname","tên miền","thương hiệu"],"headings":["Cách hoạt động hiện nay","Yêu cầu một tên miền","Bạn sẽ cần","Tên miền gốc so với www","HTTPS","Thời gian"],"updated":"2026-08-27","faqs":[],"related":["subdomains-and-urls","publish-your-first-site","plans-and-limits"],"markdown":"## Cách hoạt động hiện nay\n\nTên miền riêng dành cho các gói trả phí và được thiết lập **theo yêu cầu** chứ không tự phục vụ. Đó là chủ ý: trỏ một tên miền thật sang một máy chủ mới là bước mà một sai sót không được giám sát có thể làm sập một website đang chạy, nên sẽ có người kiểm tra cùng bạn.\n\n## Yêu cầu một tên miền\n\n1. Mở **cài đặt xuất bản** của website bạn đã xuất bản.\n2. Chọn **Dùng tên miền riêng**.\n3. Nhập tên miền bạn muốn dùng (ví dụ `www.congtybancua.com`) rồi gửi yêu cầu.\n4. Đội ngũ sẽ phản hồi với các bản ghi DNS chính xác cần thêm, và xác nhận khi tên miền đã hoạt động.\n\nBạn xem được trạng thái yêu cầu ngay tại đó.\n\n## Bạn sẽ cần\n\n- **Một tên miền bạn kiểm soát**, có quyền truy cập phần cài đặt DNS.\n- **Khả năng thêm một bản ghi CNAME** (hoặc bản ghi A/ALIAS cho tên miền gốc).\n\n## Tên miền gốc so với www\n\nCả hai đều được. `www.congtybancua.com` là trường hợp đơn giản hơn — chỉ cần một CNAME thường. Tên miền gốc (`congtybancua.com`, không có www) cần nhà cung cấp hỗ trợ ALIAS/ANAME; hầu hết nhà đăng ký hiện đại đều có, và hướng dẫn thiết lập sẽ bao gồm nhà cung cấp của bạn.\n\n## HTTPS\n\nChứng chỉ được cấp và gia hạn tự động sau khi tên miền được xác minh. Không có gì để mua, không có gì để cài.\n\n## Thời gian\n\nThay đổi DNS lan truyền theo nhịp riêng của nó — thường là vài phút, đôi khi vài giờ. Đừng công bố địa chỉ mới cho tới khi chính bạn mở được nó.","text":"Cách hoạt động hiện nay Tên miền riêng dành cho các gói trả phí và được thiết lập theo yêu cầu chứ không tự phục vụ. Đó là chủ ý: trỏ một tên miền thật sang một máy chủ mới là bước mà một sai sót không được giám sát có thể làm sập một website đang chạy, nên sẽ có người kiểm tra cùng bạn. Yêu cầu một tên miền 1. Mở cài đặt xuất bản của website bạn đã xuất bản. 2. Chọn Dùng tên miền riêng. 3. Nhập tên miền bạn muốn dùng (ví dụ www.congtybancua.com) rồi gửi yêu cầu. 4. Đội ngũ sẽ phản hồi với các bản ghi DNS chính xác cần thêm, và xác nhận khi tên miền đã hoạt động. Bạn xem được trạng thái yêu cầu ngay tại đó. Bạn sẽ cần - Một tên miền bạn kiểm soát, có quyền truy cập phần cài đặt DNS. - Khả năng thêm một bản ghi CNAME (hoặc bản ghi A/ALIAS cho tên miền gốc). Tên miền gốc so với www Cả hai đều được. www.congtybancua.com là trường hợp đơn giản hơn — chỉ cần một CNAME thường. Tên miền gốc (congtybancua.com, không có www) cần nhà cung cấp hỗ trợ ALIAS/ANAME; hầu hết nhà đăng ký hiện đại đều có, và hướng dẫn thiết lập sẽ bao gồm nhà cung cấp của bạn. HTTPS Chứng chỉ được cấp và gia hạn tự động sau khi tên miền được xác minh. Không có gì để mua, không có gì để cài. Thời gian Thay đổi DNS lan truyền theo nhịp riêng của nó — thường là vài phút, đôi khi vài giờ. Đừng công bố địa chỉ mới cho tới khi chính bạn mở được nó."},{"slug":"redeploy-and-rollback","category":"publish","categoryTitle":"Xuất bản website","title":"Triển khai lại, quay lui và gỡ xuất bản","description":"Đưa thay đổi lên một website đang chạy, hoàn tác một lần triển khai hỏng, và gỡ một website xuống.","url":"https://uxmagic.ai/vi/help/publish/redeploy-and-rollback","type":"howto","keywords":["triển khai lại","quay lui","gỡ xuất bản","gỡ xuống","rollback","triển khai","cập nhật website"],"headings":["Xuất bản thay đổi","Lịch sử triển khai","Quay lui","Gỡ xuất bản","Giới hạn số website"],"updated":"2026-08-27","faqs":[],"related":["publish-your-first-site","subdomains-and-urls"],"markdown":"## Xuất bản thay đổi\n\nCác chỉnh sửa trên màn hình của bạn **không** tự động lên mạng. Khi bạn sẵn sàng, hãy xuất bản lại — một bản triển khai mới được dựng và tráo vào khi đã sẵn sàng. Người xem vẫn thấy bản dựng cũ cho tới khi bản mới hoàn tất, nên không có khoảng thời gian vỡ giữa chừng.\n\n## Lịch sử triển khai\n\nMỗi lần xuất bản được giữ lại như một bản triển khai, kèm URL xem trước riêng. Điều này cho bạn hai thứ hữu ích: một bản ghi về thứ gì đang chạy vào lúc nào, và một cách để cho ai đó xem bản dựng đề xuất mà không biến nó thành website đang chạy.\n\n## Quay lui\n\nChọn một bản triển khai trước đó và quay lui về nó. Website trở lại đúng bản dựng đó ngay lập tức — không cần dựng lại, vì bản dựng cũ vẫn còn.\n\nHãy quay lui trước, gỡ lỗi sau. Việc đó mất vài giây và cầm máu ngay.\n\n## Gỡ xuất bản\n\n**Gỡ xuất bản** đưa website khỏi mạng nhưng giữ lại hồ sơ website, subdomain và lịch sử triển khai — nên bạn có thể đưa nó trở lại sau ở cùng địa chỉ.\n\n**Xóa** gỡ bỏ website hoàn toàn và trả subdomain lại cho bất kỳ ai muốn lấy. Cái đó không thể hoàn tác.\n\n## Giới hạn số website\n\nGỡ xuất bản giải phóng chỗ mà website đó chiếm trong giới hạn số website xuất bản của gói bạn. Xóa cũng vậy. Xem [Gói và giới hạn](/help/account-and-billing/plans-and-limits).","text":"Xuất bản thay đổi Các chỉnh sửa trên màn hình của bạn không tự động lên mạng. Khi bạn sẵn sàng, hãy xuất bản lại — một bản triển khai mới được dựng và tráo vào khi đã sẵn sàng. Người xem vẫn thấy bản dựng cũ cho tới khi bản mới hoàn tất, nên không có khoảng thời gian vỡ giữa chừng. Lịch sử triển khai Mỗi lần xuất bản được giữ lại như một bản triển khai, kèm URL xem trước riêng. Điều này cho bạn hai thứ hữu ích: một bản ghi về thứ gì đang chạy vào lúc nào, và một cách để cho ai đó xem bản dựng đề xuất mà không biến nó thành website đang chạy. Quay lui Chọn một bản triển khai trước đó và quay lui về nó. Website trở lại đúng bản dựng đó ngay lập tức — không cần dựng lại, vì bản dựng cũ vẫn còn. Hãy quay lui trước, gỡ lỗi sau. Việc đó mất vài giây và cầm máu ngay. Gỡ xuất bản Gỡ xuất bản đưa website khỏi mạng nhưng giữ lại hồ sơ website, subdomain và lịch sử triển khai — nên bạn có thể đưa nó trở lại sau ở cùng địa chỉ. Xóa gỡ bỏ website hoàn toàn và trả subdomain lại cho bất kỳ ai muốn lấy. Cái đó không thể hoàn tác. Giới hạn số website Gỡ xuất bản giải phóng chỗ mà website đó chiếm trong giới hạn số website xuất bản của gói bạn. Xóa cũng vậy. Xem Gói và giới hạn."},{"slug":"share-a-project","category":"collaborate","categoryTitle":"Chia sẻ & cộng tác","title":"Chia sẻ một dự án","description":"Mời từng người cụ thể, hoặc chia sẻ một liên kết cho phép bất kỳ ai mở nó đều tham gia.","url":"https://uxmagic.ai/vi/help/collaborate/share-a-project","type":"howto","keywords":["chia sẻ","mời","người cộng tác","liên kết","rà soát với khách hàng","quyền truy cập"],"headings":["Hai cách chia sẻ","Các bước","Người cộng tác làm được gì","Tín dụng của ai bị trừ","Chia sẻ chỉ để rà soát","Thu hồi quyền truy cập"],"updated":"2026-08-27","faqs":[],"related":["teams-and-seats","comments-and-feedback","share-a-preview"],"markdown":"![Hộp thoại “Chia sẻ dự án này”, với quyền truy cập đặt ở Riêng tư và ghi chú “Dự án này chỉ mình bạn thấy được”.](/help/share-dialog.webp)\n\n## Hai cách chia sẻ\n\n**Mời qua email.** Thêm những người cụ thể vào một dự án cụ thể. Họ nhận được email, và dự án hiện trong bảng điều khiển của họ khi họ chấp nhận. Hãy dùng cách này cho những người sẽ thật sự làm việc trên thiết kế.\n\n**Bất kỳ ai có liên kết.** Tạo một liên kết thêm bất kỳ ai mở nó vào dự án. Hãy dùng cho một kênh của đội hay một luồng trao đổi với khách hàng, nơi việc đi xin từng địa chỉ email không đáng công — nhưng hãy nhớ rằng ai nhận được liên kết chuyển tiếp cũng có quyền truy cập.\n\n## Các bước\n\n1. Mở dự án.\n2. Bấm **Chia sẻ**.\n3. Nhập địa chỉ email, hoặc bật chia sẻ bằng liên kết rồi sao chép liên kết.\n\n## Người cộng tác làm được gì\n\nNgười cộng tác làm việc trong dự án như bạn: trò chuyện với AI, chỉnh sửa màn hình, xuất. Tín dụng của ai bị trừ thì tùy vào cách dự án được chia sẻ — xem bên dưới.\n\n## Tín dụng của ai bị trừ\n\nĐây là phần khiến người ta bất ngờ. Khi một dự án được chia sẻ với một **đội**, công việc AI trong dự án đó được tính vào **quỹ chung của đội** hoặc vào phần phân bổ của thành viên đang thao tác — không phải số dư cá nhân của họ. Với dự án chia sẻ giữa cá nhân với cá nhân ngoài một đội, số dư của mỗi người trả cho phần việc mà chính họ kích hoạt.\n\nXem [Đội và chỗ ngồi](/help/collaborate/teams-and-seats).\n\n## Chia sẻ chỉ để rà soát\n\nNếu bạn muốn góp ý chứ không phải người cộng tác, hãy chia sẻ một **bản xem trước** — nó cho xem thiết kế mà không trao quyền chỉnh sửa. Xem [Chia sẻ bản xem trước để rà soát](/help/collaborate/share-a-preview).\n\n## Thu hồi quyền truy cập\n\nGỡ người đó khỏi phần cài đặt chia sẻ của dự án, hoặc tắt chia sẻ bằng liên kết. Tắt liên kết không gỡ những người đã tham gia qua nó — hãy gỡ họ từng người.","text":"Hai cách chia sẻ Mời qua email. Thêm những người cụ thể vào một dự án cụ thể. Họ nhận được email, và dự án hiện trong bảng điều khiển của họ khi họ chấp nhận. Hãy dùng cách này cho những người sẽ thật sự làm việc trên thiết kế. Bất kỳ ai có liên kết. Tạo một liên kết thêm bất kỳ ai mở nó vào dự án. Hãy dùng cho một kênh của đội hay một luồng trao đổi với khách hàng, nơi việc đi xin từng địa chỉ email không đáng công — nhưng hãy nhớ rằng ai nhận được liên kết chuyển tiếp cũng có quyền truy cập. Các bước 1. Mở dự án. 2. Bấm Chia sẻ. 3. Nhập địa chỉ email, hoặc bật chia sẻ bằng liên kết rồi sao chép liên kết. Người cộng tác làm được gì Người cộng tác làm việc trong dự án như bạn: trò chuyện với AI, chỉnh sửa màn hình, xuất. Tín dụng của ai bị trừ thì tùy vào cách dự án được chia sẻ — xem bên dưới. Tín dụng của ai bị trừ Đây là phần khiến người ta bất ngờ. Khi một dự án được chia sẻ với một đội, công việc AI trong dự án đó được tính vào quỹ chung của đội hoặc vào phần phân bổ của thành viên đang thao tác — không phải số dư cá nhân của họ. Với dự án chia sẻ giữa cá nhân với cá nhân ngoài một đội, số dư của mỗi người trả cho phần việc mà chính họ kích hoạt. Xem Đội và chỗ ngồi. Chia sẻ chỉ để rà soát Nếu bạn muốn góp ý chứ không phải người cộng tác, hãy chia sẻ một bản xem trước — nó cho xem thiết kế mà không trao quyền chỉnh sửa. Xem Chia sẻ bản xem trước để rà soát. Thu hồi quyền truy cập Gỡ người đó khỏi phần cài đặt chia sẻ của dự án, hoặc tắt chia sẻ bằng liên kết. Tắt liên kết không gỡ những người đã tham gia qua nó — hãy gỡ họ từng người."},{"slug":"share-a-preview","category":"collaborate","categoryTitle":"Chia sẻ & cộng tác","title":"Chia sẻ bản xem trước để rà soát","description":"Gửi một liên kết chỉ đọc để các bên liên quan xem thiết kế mà không chỉnh sửa nó.","url":"https://uxmagic.ai/vi/help/collaborate/share-a-preview","type":"howto","keywords":["xem trước","liên kết rà soát","chỉ đọc","bên liên quan","khách hàng","trình bày"],"headings":["Khi nào dùng bản xem trước","Các bước","Xem trước so với website đã xuất bản","Xem trước so với PDF"],"updated":"2026-08-27","faqs":[],"related":["share-a-project","comments-and-feedback","publish-your-first-site"],"markdown":"![Menu Nguyên mẫu mở trên canvas, đề nghị “Tạo nguyên mẫu” và liệt kê một nguyên mẫu ba màn hình đã có.](/help/prototype-menu.webp)\n\n## Khi nào dùng bản xem trước\n\nLiên kết xem trước dành cho những người cần **nhìn**, không phải xây: khách hàng, ban lãnh đạo, kỹ sư đang ước lượng công việc. Họ thấy các màn hình đúng như đã thiết kế, không có canvas, không có trò chuyện, và không có khả năng thay đổi bất cứ thứ gì.\n\n## Các bước\n\n1. Mở dự án hoặc màn hình.\n2. **Chia sẻ → Liên kết xem trước.**\n3. Gửi liên kết.\n\n## Xem trước so với website đã xuất bản\n\n- **Xem trước** — một tài liệu rà soát. Nhanh, dùng xong bỏ, gắn với dự án.\n- **[Website đã xuất bản](/help/publish/publish-your-first-site)** — một website thật ở địa chỉ riêng, có các trang, có lưu trữ và lịch sử triển khai.\n\nĐể khách hàng phê duyệt, dùng bản xem trước. Để khách hàng đem cho *khách hàng của họ* xem, hãy xuất bản.\n\n## Xem trước so với PDF\n\nBản xem trước luôn cập nhật trong lúc bạn còn lặp; một PDF đóng băng ngay khi bạn xuất nó. Hãy gửi bản xem trước cho việc rà soát đang diễn ra, và PDF làm bản ghi cho thứ đã được duyệt. Xem [Xuất thành PDF hoặc ảnh](/help/export-and-handoff/export-pdf-and-images).","text":"Khi nào dùng bản xem trước Liên kết xem trước dành cho những người cần nhìn, không phải xây: khách hàng, ban lãnh đạo, kỹ sư đang ước lượng công việc. Họ thấy các màn hình đúng như đã thiết kế, không có canvas, không có trò chuyện, và không có khả năng thay đổi bất cứ thứ gì. Các bước 1. Mở dự án hoặc màn hình. 2. Chia sẻ → Liên kết xem trước. 3. Gửi liên kết. Xem trước so với website đã xuất bản - Xem trước — một tài liệu rà soát. Nhanh, dùng xong bỏ, gắn với dự án. - Website đã xuất bản — một website thật ở địa chỉ riêng, có các trang, có lưu trữ và lịch sử triển khai. Để khách hàng phê duyệt, dùng bản xem trước. Để khách hàng đem cho khách hàng của họ xem, hãy xuất bản. Xem trước so với PDF Bản xem trước luôn cập nhật trong lúc bạn còn lặp; một PDF đóng băng ngay khi bạn xuất nó. Hãy gửi bản xem trước cho việc rà soát đang diễn ra, và PDF làm bản ghi cho thứ đã được duyệt. Xem Xuất thành PDF hoặc ảnh."},{"slug":"teams-and-seats","category":"collaborate","categoryTitle":"Chia sẻ & cộng tác","title":"Đội, chỗ ngồi và tín dụng dùng chung","description":"Tạo một đội, mời thành viên, phân vai trò, và phân bổ tín dụng từ một quỹ chung.","url":"https://uxmagic.ai/vi/help/collaborate/teams-and-seats","type":"guide","keywords":["đội","chỗ ngồi","thành viên","vai trò","tín dụng dùng chung","tổ chức","không gian làm việc"],"headings":["Tạo một đội","Chỗ ngồi","Vai trò","Tín dụng dùng chung","Gỡ một thành viên","Enterprise"],"updated":"2026-08-27","faqs":[{"question":"Thành viên trong đội có cần gói đăng ký riêng không?","answer":"Không. Thành viên làm việc dựa trên chỗ ngồi và quỹ tín dụng của đội. Người sở hữu quản lý cả hai."},{"question":"Tôi có thể giới hạn số tín dụng một thành viên được tiêu không?","answer":"Có. Người sở hữu có thể đặt hạn mức tín dụng cho từng thành viên, để không ai có thể vét cạn quỹ chung."}],"related":["share-a-project","how-credits-work","plans-and-limits"],"markdown":"## Tạo một đội\n\nTừ tài khoản của bạn, hãy tạo một đội và mời thành viên qua email. Lời mời hiện trong bảng điều khiển của người được mời và trong email; họ tham gia khi chấp nhận.\n\n## Chỗ ngồi\n\nMột đội có một số **chỗ ngồi**, giới hạn bao nhiêu thành viên có thể hoạt động. Người sở hữu có thể điều chỉnh số chỗ khi đội lớn lên. Gói Enterprise có chỗ ngồi không giới hạn.\n\n## Vai trò\n\nThành viên có vai trò quyết định họ được quản trị những gì — ai được mời, ai được đổi thanh toán, ai chỉ được thiết kế. Quyền sở hữu có thể chuyển cho thành viên khác.\n\n## Tín dụng dùng chung\n\nPhần quan trọng. Một đội có một **quỹ tín dụng chung**:\n\n- Công việc AI trong dự án của đội lấy từ quỹ của đội, không phải số dư cá nhân.\n- Người sở hữu có thể đặt **hạn mức cho từng thành viên**, để một người hăng hái chạy các luồng lớn không thể tiêu hết tín dụng cả tháng trong một buổi chiều.\n- Thành viên không có hạn mức riêng thì lấy từ quỹ chung.\n\nXem [Cách tín dụng hoạt động](/help/account-and-billing/how-credits-work).\n\n## Gỡ một thành viên\n\nGỡ một người sẽ thu hồi quyền truy cập của họ vào các dự án của đội. Phần việc họ tạo ra vẫn ở lại trong đội.\n\n## Enterprise\n\nEnterprise bổ sung SSO/SAML, bảng quản trị, hệ thống thiết kế và thư viện thành phần dùng chung, hạn mức tín dụng tùy chỉnh và hỗ trợ ưu tiên. Xem [Gói và giới hạn](/help/account-and-billing/plans-and-limits).","text":"Tạo một đội Từ tài khoản của bạn, hãy tạo một đội và mời thành viên qua email. Lời mời hiện trong bảng điều khiển của người được mời và trong email; họ tham gia khi chấp nhận. Chỗ ngồi Một đội có một số chỗ ngồi, giới hạn bao nhiêu thành viên có thể hoạt động. Người sở hữu có thể điều chỉnh số chỗ khi đội lớn lên. Gói Enterprise có chỗ ngồi không giới hạn. Vai trò Thành viên có vai trò quyết định họ được quản trị những gì — ai được mời, ai được đổi thanh toán, ai chỉ được thiết kế. Quyền sở hữu có thể chuyển cho thành viên khác. Tín dụng dùng chung Phần quan trọng. Một đội có một quỹ tín dụng chung: - Công việc AI trong dự án của đội lấy từ quỹ của đội, không phải số dư cá nhân. - Người sở hữu có thể đặt hạn mức cho từng thành viên, để một người hăng hái chạy các luồng lớn không thể tiêu hết tín dụng cả tháng trong một buổi chiều. - Thành viên không có hạn mức riêng thì lấy từ quỹ chung. Xem Cách tín dụng hoạt động. Gỡ một thành viên Gỡ một người sẽ thu hồi quyền truy cập của họ vào các dự án của đội. Phần việc họ tạo ra vẫn ở lại trong đội. Enterprise Enterprise bổ sung SSO/SAML, bảng quản trị, hệ thống thiết kế và thư viện thành phần dùng chung, hạn mức tín dụng tùy chỉnh và hỗ trợ ưu tiên. Xem Gói và giới hạn."},{"slug":"comments-and-feedback","category":"collaborate","categoryTitle":"Chia sẻ & cộng tác","title":"Bình luận và góp ý","description":"Để lại bình luận trên một thiết kế và đánh dấu đã giải quyết khi bạn xử lý xong.","url":"https://uxmagic.ai/vi/help/collaborate/comments-and-feedback","type":"howto","keywords":["bình luận","góp ý","chú thích","rà soát","ghi chú","luồng thảo luận"],"headings":["Bình luận","Đánh dấu đã giải quyết","Xử lý góp ý cùng AI","Ai có thể bình luận"],"updated":"2026-08-27","faqs":[],"related":["share-a-preview","share-a-project"],"markdown":"## Bình luận\n\nBình luận gắn vào một thiết kế và tạo thành luồng, nên một cuộc trao đổi về hero ở lại với hero thay vì tản mát khắp Slack.\n\n1. Mở dự án hoặc bản xem trước.\n2. Thêm bình luận ngay chỗ góp ý thuộc về.\n3. Trả lời trong luồng để giữ thảo luận gọn một chỗ.\n\n## Đánh dấu đã giải quyết\n\nHãy đánh dấu một luồng là đã giải quyết khi bạn đã xử lý nó. Các luồng đã giải quyết vẫn còn xem được, nên bản ghi về *lý do* một thứ thay đổi không bị mất.\n\n## Xử lý góp ý cùng AI\n\nBình luận dành cho con người; trò chuyện dành cho AI. Vòng lặp hiệu quả là: thu thập bình luận, rồi chuyển một nhóm thành vài chỉ dẫn cụ thể trong trò chuyện. Hai hoặc ba thay đổi mỗi lần trúng đích hơn một danh sách mười hai mục. Xem [Chỉnh sửa qua trò chuyện](/help/design-and-edit/chat-editing).\n\n## Ai có thể bình luận\n\nBất kỳ ai có quyền truy cập dự án — và, với liên kết rà soát, bất kỳ ai bạn gửi bản xem trước tới.","text":"Bình luận Bình luận gắn vào một thiết kế và tạo thành luồng, nên một cuộc trao đổi về hero ở lại với hero thay vì tản mát khắp Slack. 1. Mở dự án hoặc bản xem trước. 2. Thêm bình luận ngay chỗ góp ý thuộc về. 3. Trả lời trong luồng để giữ thảo luận gọn một chỗ. Đánh dấu đã giải quyết Hãy đánh dấu một luồng là đã giải quyết khi bạn đã xử lý nó. Các luồng đã giải quyết vẫn còn xem được, nên bản ghi về lý do một thứ thay đổi không bị mất. Xử lý góp ý cùng AI Bình luận dành cho con người; trò chuyện dành cho AI. Vòng lặp hiệu quả là: thu thập bình luận, rồi chuyển một nhóm thành vài chỉ dẫn cụ thể trong trò chuyện. Hai hoặc ba thay đổi mỗi lần trúng đích hơn một danh sách mười hai mục. Xem Chỉnh sửa qua trò chuyện. Ai có thể bình luận Bất kỳ ai có quyền truy cập dự án — và, với liên kết rà soát, bất kỳ ai bạn gửi bản xem trước tới."},{"slug":"community-and-inspiration","category":"collaborate","categoryTitle":"Chia sẻ & cộng tác","title":"Cộng đồng và cảm hứng","description":"Duyệt các thiết kế cộng đồng đã chia sẻ, và đăng thiết kế của bạn.","url":"https://uxmagic.ai/vi/help/collaborate/community-and-inspiration","type":"guide","keywords":["cộng đồng","cảm hứng","trưng bày","ví dụ","mẫu","thư viện ảnh"],"headings":["Duyệt cộng đồng","Dùng một thiết kế của cộng đồng","Chia sẻ thiết kế của bạn","Cảm hứng ngay trong sản phẩm"],"updated":"2026-08-27","faqs":[],"related":["create-your-first-project","ways-to-generate-a-screen"],"markdown":"![Trang Cộng đồng, hiển thị các dự án đã xuất bản có thể mở ra và làm lại theo ý mình.](/help/community.webp)\n\n## Duyệt cộng đồng\n\n[Thư viện cộng đồng](/community) tập hợp các thiết kế làm bằng UXMagic, sắp theo danh mục. Đây là cách nhanh nhất để thấy những prompt tốt cho ra thứ gì, và để tìm một điểm xuất phát gần với thứ bạn cần.\n\n## Dùng một thiết kế của cộng đồng\n\nHãy mở cái bạn thích và dùng nó làm tham chiếu: bắt đầu từ nó, hoặc mô tả điều bạn muốn bằng cách chỉ vào nó. Thiết kế của cộng đồng là nguồn cảm hứng, không phải tài nguyên có bản quyền để dùng — hãy coi hình ảnh và câu chữ là nội dung tạm.\n\n## Chia sẻ thiết kế của bạn\n\nBạn có thể đăng một dự án lên cộng đồng từ phần cài đặt chia sẻ của nó. Hãy kiểm tra nội dung trước: thiết kế cộng đồng là công khai, nên tên khách hàng, dữ liệu người dùng thật và nhận diện chưa công bố nên được gỡ ra trước khi đăng.\n\n## Cảm hứng ngay trong sản phẩm\n\nBảng điều khiển cũng gợi ý cảm hứng và ví dụ trong lúc bạn làm việc, để bạn kéo một ý tưởng bố cục vào mà không phải rời canvas.","text":"Duyệt cộng đồng Thư viện cộng đồng tập hợp các thiết kế làm bằng UXMagic, sắp theo danh mục. Đây là cách nhanh nhất để thấy những prompt tốt cho ra thứ gì, và để tìm một điểm xuất phát gần với thứ bạn cần. Dùng một thiết kế của cộng đồng Hãy mở cái bạn thích và dùng nó làm tham chiếu: bắt đầu từ nó, hoặc mô tả điều bạn muốn bằng cách chỉ vào nó. Thiết kế của cộng đồng là nguồn cảm hứng, không phải tài nguyên có bản quyền để dùng — hãy coi hình ảnh và câu chữ là nội dung tạm. Chia sẻ thiết kế của bạn Bạn có thể đăng một dự án lên cộng đồng từ phần cài đặt chia sẻ của nó. Hãy kiểm tra nội dung trước: thiết kế cộng đồng là công khai, nên tên khách hàng, dữ liệu người dùng thật và nhận diện chưa công bố nên được gỡ ra trước khi đăng. Cảm hứng ngay trong sản phẩm Bảng điều khiển cũng gợi ý cảm hứng và ví dụ trong lúc bạn làm việc, để bạn kéo một ý tưởng bố cục vào mà không phải rời canvas."},{"slug":"mcp-server","category":"integrations","categoryTitle":"Tích hợp & lập trình","title":"Máy chủ MCP của UXMagic","description":"Kết nối Claude, Cursor, VS Code, Windsurf, Codex hoặc Antigravity tới các dự án UXMagic của bạn.","url":"https://uxmagic.ai/vi/help/integrations/mcp-server","type":"howto","keywords":["mcp","model context protocol","cursor","claude","vscode","windsurf","ide","codex"],"headings":["Thiết lập","Trợ lý của bạn làm được gì sau khi kết nối","Một luồng làm việc điển hình","Tín dụng","Bảo mật"],"updated":"2026-08-27","faqs":[{"question":"Những IDE nào được hỗ trợ?","answer":"Claude, Cursor, VS Code, Windsurf, Codex và Antigravity — cùng mọi máy khách tương thích MCP khác."},{"question":"Tôi có phải cài gì không?","answer":"Không. UXMagic tạo sẵn cấu hình cho IDE của bạn; bạn chỉ dán nó vào phần cài đặt MCP của IDE."}],"related":["api-keys","export-code","github-sync"],"markdown":"Model Context Protocol (MCP) là một chuẩn mở cho phép trợ lý AI nói chuyện trực tiếp với công cụ bên ngoài. Máy chủ MCP của UXMagic kết nối trợ lý lập trình AI của bạn với các dự án UXMagic thật — thay vì chép ảnh chụp màn hình vào một cuộc trò chuyện, trợ lý của bạn đọc thẳng thiết kế thật.\n\n![Hộp thoại Kết nối MCP, hiển thị các IDE được hỗ trợ: Antigravity, Cursor, Codex, VS Code, Windsurf và Claude.](/help/mcp-dialog.webp)\n\n## Thiết lập\n\n1. Vào [trang MCP](/mcp) và chọn IDE của bạn.\n2. **Tạo một khóa API** — xem [Khóa API](/help/integrations/api-keys).\n3. **Sao chép cấu hình được tạo ra** và dán vào phần cài đặt MCP của IDE.\n4. Khởi động lại IDE nếu nó không nhận ra máy chủ mới ngay.\n\nĐược hỗ trợ sẵn: **Claude, Cursor, VS Code, Windsurf, Codex và Antigravity**. Mọi máy khách tương thích MCP đều dùng được cùng cấu hình đó.\n\n## Trợ lý của bạn làm được gì sau khi kết nối\n\n**Đọc công việc của bạn**\n\n- Liệt kê các dự án, và lấy chi tiết một dự án.\n- Liệt kê các màn hình trong một dự án, và lấy chi tiết một màn hình.\n- Đọc HTML của một màn hình, và đọc chủ đề của dự án.\n- Liệt kê và đọc tài liệu của dự án (PRD, brief).\n\n**Thay đổi công việc của bạn**\n\n- Tạo dự án, tạo màn hình, nhân bản màn hình.\n- Chỉnh sửa tìm/thay có mục tiêu trên một màn hình, hoặc thay toàn bộ phần thân của màn hình.\n- Thay một ảnh.\n- Xuất một màn hình sang Figma.\n\n**Tạo mới**\n\n- Khởi động một lượt tạo thiết kế, kiểm tra trạng thái, rồi xác nhận hoặc hủy.\n\nViệc tạo được thiết kế thành một cái bắt tay ba bước thay vì một lời gọi duy nhất, có chủ đích: trợ lý của bạn khởi động, theo dõi, còn bạn quyết định có giữ kết quả hay không — nhờ vậy một vòng lặp của trợ lý không thể âm thầm đốt tín dụng của bạn.\n\n## Một luồng làm việc điển hình\n\n> “Đọc màn hình Bảng giá trong dự án Ledgerly của tôi và hiện thực nó thành một thành phần React dùng design token của chúng tôi.”\n\nTrợ lý của bạn kéo về đúng phần mã và chủ đề thật, rồi viết mã dựa trên chúng. Không ảnh chụp màn hình, không lệch pha, không phải mô tả lại thiết kế.\n\n## Tín dụng\n\nCác thao tác đọc là miễn phí. Việc tạo qua MCP tốn đúng số tín dụng như tạo trong ứng dụng — vẫn là một bộ máy đó.\n\n## Bảo mật\n\nKhóa API xác thực kết nối tới tài khoản của bạn. Hãy giữ nó ngoài các tệp được commit, và xoay vòng hoặc thu hồi bất cứ lúc nào trong phần cài đặt tài khoản.","text":"Model Context Protocol (MCP) là một chuẩn mở cho phép trợ lý AI nói chuyện trực tiếp với công cụ bên ngoài. Máy chủ MCP của UXMagic kết nối trợ lý lập trình AI của bạn với các dự án UXMagic thật — thay vì chép ảnh chụp màn hình vào một cuộc trò chuyện, trợ lý của bạn đọc thẳng thiết kế thật. Thiết lập 1. Vào trang MCP và chọn IDE của bạn. 2. Tạo một khóa API — xem Khóa API. 3. Sao chép cấu hình được tạo ra và dán vào phần cài đặt MCP của IDE. 4. Khởi động lại IDE nếu nó không nhận ra máy chủ mới ngay. Được hỗ trợ sẵn: Claude, Cursor, VS Code, Windsurf, Codex và Antigravity. Mọi máy khách tương thích MCP đều dùng được cùng cấu hình đó. Trợ lý của bạn làm được gì sau khi kết nối Đọc công việc của bạn - Liệt kê các dự án, và lấy chi tiết một dự án. - Liệt kê các màn hình trong một dự án, và lấy chi tiết một màn hình. - Đọc HTML của một màn hình, và đọc chủ đề của dự án. - Liệt kê và đọc tài liệu của dự án (PRD, brief). Thay đổi công việc của bạn - Tạo dự án, tạo màn hình, nhân bản màn hình. - Chỉnh sửa tìm/thay có mục tiêu trên một màn hình, hoặc thay toàn bộ phần thân của màn hình. - Thay một ảnh. - Xuất một màn hình sang Figma. Tạo mới - Khởi động một lượt tạo thiết kế, kiểm tra trạng thái, rồi xác nhận hoặc hủy. Việc tạo được thiết kế thành một cái bắt tay ba bước thay vì một lời gọi duy nhất, có chủ đích: trợ lý của bạn khởi động, theo dõi, còn bạn quyết định có giữ kết quả hay không — nhờ vậy một vòng lặp của trợ lý không thể âm thầm đốt tín dụng của bạn. Một luồng làm việc điển hình “Đọc màn hình Bảng giá trong dự án Ledgerly của tôi và hiện thực nó thành một thành phần React dùng design token của chúng tôi.” Trợ lý của bạn kéo về đúng phần mã và chủ đề thật, rồi viết mã dựa trên chúng. Không ảnh chụp màn hình, không lệch pha, không phải mô tả lại thiết kế. Tín dụng Các thao tác đọc là miễn phí. Việc tạo qua MCP tốn đúng số tín dụng như tạo trong ứng dụng — vẫn là một bộ máy đó. Bảo mật Khóa API xác thực kết nối tới tài khoản của bạn. Hãy giữ nó ngoài các tệp được commit, và xoay vòng hoặc thu hồi bất cứ lúc nào trong phần cài đặt tài khoản."},{"slug":"api-keys","category":"integrations","categoryTitle":"Tích hợp & lập trình","title":"Khóa API","description":"Tạo, xoay vòng và thu hồi khóa cho máy chủ MCP và quyền truy cập API.","url":"https://uxmagic.ai/vi/help/integrations/api-keys","type":"howto","keywords":["khóa api","token","xác thực","xoay vòng","thu hồi","bí mật"],"headings":["Tạo một khóa","Xoay vòng","Thu hồi","Giữ khóa an toàn","Nếu một khóa ngừng hoạt động"],"updated":"2026-08-27","faqs":[],"related":["mcp-server","github-sync"],"markdown":"## Tạo một khóa\n\n1. Mở **Quản lý tài khoản → Khóa API**.\n2. Tạo một khóa và đặt tên cho biết nó dùng ở đâu (“Cursor — laptop”, “CI”).\n3. **Sao chép ngay.** Khóa đầy đủ chỉ hiện ra một lần.\n\n## Xoay vòng\n\nXoay vòng cấp một bí mật mới cho cùng một khóa. Mọi thứ đang dùng giá trị cũ sẽ ngừng hoạt động ngay khi bạn xoay vòng, nên hãy cập nhật cấu hình trong cùng lượt làm việc đó.\n\n## Thu hồi\n\nXóa một khóa có hiệu lực ngay và vĩnh viễn. Mọi IDE hay script đang dùng nó sẽ hỏng ngay lập tức — đúng điều bạn muốn nếu một khóa bị lộ.\n\n## Giữ khóa an toàn\n\n- **Đừng bao giờ commit một khóa.** Hãy dùng phần cài đặt MCP của IDE hoặc một biến môi trường.\n- **Mỗi nơi một khóa.** Một khóa dùng chung chỉ có thể thu hồi bằng cách làm hỏng mọi bên đang dùng cùng lúc.\n- **Xoay vòng khi có người rời đi**, hoặc khi một khóa từng lọt vào nơi không nên.\n\n## Nếu một khóa ngừng hoạt động\n\nHãy kiểm tra, theo thứ tự: khóa chưa bị xoay vòng hay thu hồi; nó được dán nguyên vẹn; và bạn đang trỏ tới đúng tài khoản. Khóa gắn với từng người dùng, nên khóa từ tài khoản của đồng nghiệp sẽ không thấy dự án của bạn.","text":"Tạo một khóa 1. Mở Quản lý tài khoản → Khóa API. 2. Tạo một khóa và đặt tên cho biết nó dùng ở đâu (“Cursor — laptop”, “CI”). 3. Sao chép ngay. Khóa đầy đủ chỉ hiện ra một lần. Xoay vòng Xoay vòng cấp một bí mật mới cho cùng một khóa. Mọi thứ đang dùng giá trị cũ sẽ ngừng hoạt động ngay khi bạn xoay vòng, nên hãy cập nhật cấu hình trong cùng lượt làm việc đó. Thu hồi Xóa một khóa có hiệu lực ngay và vĩnh viễn. Mọi IDE hay script đang dùng nó sẽ hỏng ngay lập tức — đúng điều bạn muốn nếu một khóa bị lộ. Giữ khóa an toàn - Đừng bao giờ commit một khóa. Hãy dùng phần cài đặt MCP của IDE hoặc một biến môi trường. - Mỗi nơi một khóa. Một khóa dùng chung chỉ có thể thu hồi bằng cách làm hỏng mọi bên đang dùng cùng lúc. - Xoay vòng khi có người rời đi, hoặc khi một khóa từng lọt vào nơi không nên. Nếu một khóa ngừng hoạt động Hãy kiểm tra, theo thứ tự: khóa chưa bị xoay vòng hay thu hồi; nó được dán nguyên vẹn; và bạn đang trỏ tới đúng tài khoản. Khóa gắn với từng người dùng, nên khóa từ tài khoản của đồng nghiệp sẽ không thấy dự án của bạn."},{"slug":"figma-plugin","category":"integrations","categoryTitle":"Tích hợp & lập trình","title":"Plugin Figma của UXMagic","description":"Tạo giao diện và mang website cùng ảnh chụp màn hình vào Figma mà không rời Figma.","url":"https://uxmagic.ai/vi/help/integrations/figma-plugin","type":"howto","keywords":["plugin figma","plugin","website sang figma","ảnh chụp thành giao diện","figma"],"headings":["Cài đặt","Nó làm được gì","Plugin so với ứng dụng web","Tín dụng"],"updated":"2026-08-27","faqs":[],"related":["export-to-figma","import-from-figma","mcp-server"],"markdown":"Plugin — **UXMagic AI UI Generator (Website to Figma, Screenshot to UI)** — đưa việc tạo thiết kế vào bên trong Figma, dành cho những người vốn đã làm việc ở đó.\n\n## Cài đặt\n\n1. Mở [trang plugin trên Figma Community](https://www.figma.com/community/plugin/1374402598280022366/uxmagic-ai-ui-generator-website-to-figma-screenshot-to-ui).\n2. Bấm **Mở trong Figma**.\n3. Đăng nhập bằng tài khoản UXMagic khi được hỏi.\n\n## Nó làm được gì\n\n- **Tạo giao diện từ một prompt**, thẳng lên canvas của Figma.\n- **Website sang Figma** — dán một URL và nhận trang đó dưới dạng lớp Figma chỉnh sửa được.\n- **Ảnh chụp thành giao diện** — thả một bức ảnh vào và nhận về các lớp thật.\n\nMọi thứ đều tới dưới dạng frame Figma đàng hoàng có auto layout, không phải ảnh bẹt.\n\n## Plugin so với ứng dụng web\n\n- **Plugin** — hợp nhất khi Figma là nơi bạn làm việc và bạn muốn kết quả xuất hiện ngay ở đó.\n- **[Ứng dụng web](/dashboard)** — hợp nhất cho các dự án nhiều màn hình, chủ đề, phiên bản, xuất bản và cộng tác.\n\nCả hai dùng chung tài khoản và số dư tín dụng của bạn, nên bạn có thể qua lại giữa chúng.\n\n## Tín dụng\n\nViệc tạo và xuất trong plugin trừ vào cùng số dư với ứng dụng web. Xem [Cách tín dụng hoạt động](/help/account-and-billing/how-credits-work).","text":"Plugin — UXMagic AI UI Generator (Website to Figma, Screenshot to UI) — đưa việc tạo thiết kế vào bên trong Figma, dành cho những người vốn đã làm việc ở đó. Cài đặt 1. Mở trang plugin trên Figma Community. 2. Bấm Mở trong Figma. 3. Đăng nhập bằng tài khoản UXMagic khi được hỏi. Nó làm được gì - Tạo giao diện từ một prompt, thẳng lên canvas của Figma. - Website sang Figma — dán một URL và nhận trang đó dưới dạng lớp Figma chỉnh sửa được. - Ảnh chụp thành giao diện — thả một bức ảnh vào và nhận về các lớp thật. Mọi thứ đều tới dưới dạng frame Figma đàng hoàng có auto layout, không phải ảnh bẹt. Plugin so với ứng dụng web - Plugin — hợp nhất khi Figma là nơi bạn làm việc và bạn muốn kết quả xuất hiện ngay ở đó. - Ứng dụng web — hợp nhất cho các dự án nhiều màn hình, chủ đề, phiên bản, xuất bản và cộng tác. Cả hai dùng chung tài khoản và số dư tín dụng của bạn, nên bạn có thể qua lại giữa chúng. Tín dụng Việc tạo và xuất trong plugin trừ vào cùng số dư với ứng dụng web. Xem Cách tín dụng hoạt động."},{"slug":"github-sync","category":"integrations","categoryTitle":"Tích hợp & lập trình","title":"Đồng bộ GitHub","description":"Đẩy mã đã xuất thẳng vào một kho lưu trữ, và triển khai bằng GitHub Pages.","url":"https://uxmagic.ai/vi/help/integrations/github-sync","type":"howto","keywords":["github","kho mã","git","đẩy mã","pages","đồng bộ","commit"],"headings":["Kết nối GitHub","Đẩy mã","GitHub Pages","Thực hành tốt","Ngắt kết nối"],"updated":"2026-08-27","faqs":[],"related":["export-code","api-keys","publish-your-first-site"],"markdown":"## Kết nối GitHub\n\n1. Vào **Tích hợp → GitHub**.\n2. Cấp quyền cho UXMagic (OAuth).\n3. Chọn một kho lưu trữ sẵn có, hoặc để UXMagic tạo một cái.\n\n## Đẩy mã\n\n1. Chọn những màn hình bạn muốn.\n2. **Xuất → GitHub.**\n3. Chọn kho lưu trữ và nhánh.\n4. Đẩy. Mã đã xuất được commit giúp bạn.\n\nĐẩy lần nữa sẽ cập nhật đúng những tệp đó, nên kho mã luôn theo kịp thiết kế khi nó tiến triển.\n\n## GitHub Pages\n\nBạn có thể triển khai mã đã đẩy bằng GitHub Pages ngay trong phần tích hợp — hữu ích cho một bản xem trước công khai nhanh khi bạn muốn sản phẩm nằm trong tổ chức GitHub của chính mình thay vì trên hạ tầng của UXMagic.\n\nVới một website bạn thật sự định vận hành, [việc xuất bản](/help/publish/publish-your-first-site) cho bạn một địa chỉ đàng hoàng, lịch sử triển khai và khả năng quay lui.\n\n## Thực hành tốt\n\n- **Đẩy vào một nhánh**, đừng đẩy thẳng vào `main`, và hãy xem lại phần khác biệt.\n- **Đưa tài nguyên vào kho mã.** Mã đã xuất tham chiếu ảnh qua URL; hãy tải chúng về trước khi phát hành.\n- **Hãy hiểu đây là front-end.** Không có tầng dữ liệu hay định tuyến — bạn tự nối nó vào ứng dụng.\n\n## Ngắt kết nối\n\nNgắt trong **Tích hợp**. Việc đó thu hồi quyền truy cập của UXMagic; những gì đã đẩy vẫn nằm trong kho mã của bạn.","text":"Kết nối GitHub 1. Vào Tích hợp → GitHub. 2. Cấp quyền cho UXMagic (OAuth). 3. Chọn một kho lưu trữ sẵn có, hoặc để UXMagic tạo một cái. Đẩy mã 1. Chọn những màn hình bạn muốn. 2. Xuất → GitHub. 3. Chọn kho lưu trữ và nhánh. 4. Đẩy. Mã đã xuất được commit giúp bạn. Đẩy lần nữa sẽ cập nhật đúng những tệp đó, nên kho mã luôn theo kịp thiết kế khi nó tiến triển. GitHub Pages Bạn có thể triển khai mã đã đẩy bằng GitHub Pages ngay trong phần tích hợp — hữu ích cho một bản xem trước công khai nhanh khi bạn muốn sản phẩm nằm trong tổ chức GitHub của chính mình thay vì trên hạ tầng của UXMagic. Với một website bạn thật sự định vận hành, việc xuất bản cho bạn một địa chỉ đàng hoàng, lịch sử triển khai và khả năng quay lui. Thực hành tốt - Đẩy vào một nhánh, đừng đẩy thẳng vào main, và hãy xem lại phần khác biệt. - Đưa tài nguyên vào kho mã. Mã đã xuất tham chiếu ảnh qua URL; hãy tải chúng về trước khi phát hành. - Hãy hiểu đây là front-end. Không có tầng dữ liệu hay định tuyến — bạn tự nối nó vào ứng dụng. Ngắt kết nối Ngắt trong Tích hợp. Việc đó thu hồi quyền truy cập của UXMagic; những gì đã đẩy vẫn nằm trong kho mã của bạn."},{"slug":"connect-uxmagic-to-ai-assistants","category":"integrations","categoryTitle":"Tích hợp & lập trình","title":"Dùng UXMagic từ ChatGPT, Claude và các trợ lý khác","description":"Cách các trợ lý AI có thể đọc tài liệu của UXMagic và điều khiển dự án của bạn.","url":"https://uxmagic.ai/vi/help/integrations/connect-uxmagic-to-ai-assistants","type":"guide","keywords":["chatgpt","claude","perplexity","trợ lý ai","llms.txt","hỗ trợ ai","thông tin cho ai"],"headings":["1. Hỏi một trợ lý *về* UXMagic","2. Để một trợ lý *vận hành* UXMagic","Nên dùng cái nào"],"updated":"2026-08-27","faqs":[],"related":["mcp-server","api-keys","contact-support"],"markdown":"Có hai điều khác nhau mà người ta muốn nói khi bảo “dùng UXMagic với AI”, và chúng cần cách thiết lập khác nhau.\n\n## 1. Hỏi một trợ lý *về* UXMagic\n\nTrợ lý trả lời dựa trên những gì chúng đọc được. UXMagic công bố các bề mặt máy đọc được chính là để những câu trả lời đó chính xác thay vì bịa ra:\n\n- **[/ai-info](/ai-info)** — bản tóm tắt chính thức, có cấu trúc về sản phẩm: nó là gì, làm được gì, dành cho ai, giá bao nhiêu, và *không* làm được gì.\n- **[/llms.txt](/llms.txt)** — mục lục được chọn lọc của website công khai dành cho các công cụ trả lời bằng AI.\n- **[/llms-full.txt](/llms-full.txt)** — một tài liệu độc lập bao quát khả năng, khả năng xuất, giá và câu hỏi thường gặp.\n- **[/llms-help.txt](/llms-help.txt)** — toàn bộ trung tâm trợ giúp này dưới dạng một tài liệu văn bản thuần.\n- **[/help.json](/help.json)** — kho nội dung trợ giúp dưới dạng JSON có cấu trúc.\n\nNếu một trợ lý nói với bạn điều gì đó sai về UXMagic, việc chỉ nó tới `uxmagic.ai/ai-info` thường là cách sửa nhanh nhất.\n\n## 2. Để một trợ lý *vận hành* UXMagic\n\nĐó chính là máy chủ MCP: trợ lý của bạn đọc dự án và màn hình thật của bạn, và có thể tạo cũng như chỉnh sửa chúng. Xem [Máy chủ MCP của UXMagic](/help/integrations/mcp-server).\n\n## Nên dùng cái nào\n\n- Viết mã từ một thiết kế → **MCP**.\n- Hỏi “UXMagic giá bao nhiêu” → **các bề mặt đã công bố ở trên**; không cần thiết lập gì.\n- Xây một hệ thống tự động trên nền UXMagic → **MCP kèm một [khóa API](/help/integrations/api-keys)**.","text":"Có hai điều khác nhau mà người ta muốn nói khi bảo “dùng UXMagic với AI”, và chúng cần cách thiết lập khác nhau. 1. Hỏi một trợ lý về UXMagic Trợ lý trả lời dựa trên những gì chúng đọc được. UXMagic công bố các bề mặt máy đọc được chính là để những câu trả lời đó chính xác thay vì bịa ra: - /ai-info — bản tóm tắt chính thức, có cấu trúc về sản phẩm: nó là gì, làm được gì, dành cho ai, giá bao nhiêu, và không làm được gì. - /llms.txt — mục lục được chọn lọc của website công khai dành cho các công cụ trả lời bằng AI. - /llms-full.txt — một tài liệu độc lập bao quát khả năng, khả năng xuất, giá và câu hỏi thường gặp. - /llms-help.txt — toàn bộ trung tâm trợ giúp này dưới dạng một tài liệu văn bản thuần. - /help.json — kho nội dung trợ giúp dưới dạng JSON có cấu trúc. Nếu một trợ lý nói với bạn điều gì đó sai về UXMagic, việc chỉ nó tới uxmagic.ai/ai-info thường là cách sửa nhanh nhất. 2. Để một trợ lý vận hành UXMagic Đó chính là máy chủ MCP: trợ lý của bạn đọc dự án và màn hình thật của bạn, và có thể tạo cũng như chỉnh sửa chúng. Xem Máy chủ MCP của UXMagic. Nên dùng cái nào - Viết mã từ một thiết kế → MCP. - Hỏi “UXMagic giá bao nhiêu” → các bề mặt đã công bố ở trên; không cần thiết lập gì. - Xây một hệ thống tự động trên nền UXMagic → MCP kèm một khóa API."},{"slug":"how-credits-work","category":"account-and-billing","categoryTitle":"Gói, tín dụng & thanh toán","title":"Cách tín dụng hoạt động","description":"Chính xác chi phí của từng thao tác AI, thao tác nào miễn phí, và cách dùng số dư được lâu hơn.","url":"https://uxmagic.ai/vi/help/account-and-billing/how-credits-work","type":"reference","keywords":["tín dụng","chi phí","giá","mức dùng","hết tín dụng","số dư","bao nhiêu"],"headings":["Chi phí của từng thao tác","Bắt đầu một phiên","Bài toán kinh tế, gói trong một dòng","Dùng số dư được lâu hơn","Tín dụng của đội","Khi hết tín dụng"],"updated":"2026-09-03","faqs":[{"question":"Tín dụng có được cộng dồn không?","answer":"Tín dụng của các gói trả phí được đặt lại mỗi chu kỳ thanh toán và không cộng dồn. Tín dụng của gói Free được làm mới mỗi ngày — số dư cạn sẽ trở lại vào ngày mai."},{"question":"Tôi có bị tính phí nếu một lượt tạo thất bại không?","answer":"Phần việc không tạo ra gì thì không nên bị tính phí. Nếu bạn bị tính cho một lượt chạy hỏng, hãy liên hệ hỗ trợ kèm liên kết dự án và chúng tôi sẽ chỉnh lại."},{"question":"Việc đọc và đặt chủ đề có miễn phí không?","answer":"Có. Đọc màn hình, đọc chủ đề, đọc ảnh và tài liệu, cùng việc tạo hoặc cập nhật chủ đề đều tốn không tín dụng."}],"related":["earn-free-credits","plans-and-limits","i-ran-out-of-credits"],"markdown":"Tín dụng là đơn vị đo công việc của AI. Đọc và đặt chủ đề là miễn phí; tạo và dựng lại thì tốn, tỉ lệ với lượng tính toán mà thao tác đó thật sự cần.\n\n## Chi phí của từng thao tác\n\n| Thao tác | Tín dụng |\n| --- | --- |\n| Thiết kế một màn hình mới | 3 |\n| Viết lại toàn bộ một màn hình | 2 |\n| Chỉnh sửa có mục tiêu (tìm và thay) | 0,2 |\n| Đề xuất một kế hoạch màn hình | 1 |\n| Sao chép một website từ URL | 10 |\n| Hoàn tất một bản sao chưa đầy đủ | 2 |\n| Tạo một ảnh | 0,5 |\n| Sửa một ảnh sẵn có | 0,5 |\n| Thay một tài nguyên trên mọi màn hình | 1 |\n| Đọc một màn hình, chủ đề, ảnh hoặc tài liệu | 0 |\n| Tạo hoặc cập nhật một chủ đề | 0 |\n| Trả lời một câu hỏi làm rõ | 0 |\n\n**Các thao tác theo màn hình** được tính cho từng màn hình mà chúng chạm tới, ở mức **6 tín dụng mỗi màn hình**:\n\n- Tạo lại một màn hình\n- Tạo các biến thể\n- Tạo một luồng\n- Chuyển một màn hình sang bản di động\n- Chuyển một màn hình sang bản máy tính\n\nVậy nên chuyển tám màn hình sang di động tốn 48 tín dụng, không phải 6.\n\n## Bắt đầu một phiên\n\nMột phiên trò chuyện cần ít nhất **4 tín dụng** để bắt đầu — đủ cho một kế hoạch cộng một màn hình hoàn chỉnh, để một phiên không thể khởi động, lên kế hoạch, rồi cạn sạch trước khi tạo ra được gì.\n\n## Bài toán kinh tế, gói trong một dòng\n\n**Chỉnh sửa rẻ hơn viết lại khoảng mười lăm lần, và viết lại rẻ hơn tạo lại.** Khoản tiết kiệm lớn nhất trong tầm tay bạn là yêu cầu đúng thay đổi cụ thể thay vì yêu cầu lại cả màn hình.\n\n## Dùng số dư được lâu hơn\n\n1. **Hãy yêu cầu thay đổi có mục tiêu.** “Làm hero ngắn lại” tốn một phần nhỏ so với “làm lại trang này”.\n2. **Chốt chủ đề sớm.** Thay đổi chủ đề là miễn phí và áp ở mọi nơi; đổi màu từng màn hình thì không được điều nào trong hai.\n3. **Coi trọng kế hoạch màn hình.** Sửa kế hoạch tốn 1 tín dụng. Sửa tám màn hình sai tốn 24 tới 48.\n4. **Để biến thể theo thiết bị làm sau cùng.** Hãy chuyển một lần ở cuối, thay vì chuyển lại sau mỗi thay đổi.\n5. **Dùng chế độ chỉnh sửa cho câu chữ.** Thay chữ và ảnh ở chế độ chỉnh sửa là miễn phí.\n6. **Kiểm tra số dư trước một luồng lớn.** Một lượt chạy dừng giữa chừng để lại cho bạn nửa luồng.\n\n## Tín dụng của đội\n\nTrong một dự án của đội, công việc AI được tính vào **quỹ chung của đội** hoặc phần phân bổ của bạn từ quỹ đó — không phải số dư cá nhân. Người sở hữu có thể đặt trần chi tiêu cho từng thành viên. Xem [Đội và chỗ ngồi](/help/collaborate/teams-and-seats).\n\n## Khi hết tín dụng\n\nBạn sẽ nhận được một thông báo rõ ràng chứ không phải một lỗi âm thầm. Xem [Tôi hết tín dụng](/help/troubleshooting/i-ran-out-of-credits).","text":"Tín dụng là đơn vị đo công việc của AI. Đọc và đặt chủ đề là miễn phí; tạo và dựng lại thì tốn, tỉ lệ với lượng tính toán mà thao tác đó thật sự cần. Chi phí của từng thao tác Thao tác Tín dụng --- --- Thiết kế một màn hình mới 3 Viết lại toàn bộ một màn hình 2 Chỉnh sửa có mục tiêu (tìm và thay) 0,2 Đề xuất một kế hoạch màn hình 1 Sao chép một website từ URL 10 Hoàn tất một bản sao chưa đầy đủ 2 Tạo một ảnh 0,5 Sửa một ảnh sẵn có 0,5 Thay một tài nguyên trên mọi màn hình 1 Đọc một màn hình, chủ đề, ảnh hoặc tài liệu 0 Tạo hoặc cập nhật một chủ đề 0 Trả lời một câu hỏi làm rõ 0 Các thao tác theo màn hình được tính cho từng màn hình mà chúng chạm tới, ở mức 6 tín dụng mỗi màn hình: - Tạo lại một màn hình - Tạo các biến thể - Tạo một luồng - Chuyển một màn hình sang bản di động - Chuyển một màn hình sang bản máy tính Vậy nên chuyển tám màn hình sang di động tốn 48 tín dụng, không phải 6. Bắt đầu một phiên Một phiên trò chuyện cần ít nhất 4 tín dụng để bắt đầu — đủ cho một kế hoạch cộng một màn hình hoàn chỉnh, để một phiên không thể khởi động, lên kế hoạch, rồi cạn sạch trước khi tạo ra được gì. Bài toán kinh tế, gói trong một dòng Chỉnh sửa rẻ hơn viết lại khoảng mười lăm lần, và viết lại rẻ hơn tạo lại. Khoản tiết kiệm lớn nhất trong tầm tay bạn là yêu cầu đúng thay đổi cụ thể thay vì yêu cầu lại cả màn hình. Dùng số dư được lâu hơn 1. Hãy yêu cầu thay đổi có mục tiêu. “Làm hero ngắn lại” tốn một phần nhỏ so với “làm lại trang này”. 2. Chốt chủ đề sớm. Thay đổi chủ đề là miễn phí và áp ở mọi nơi; đổi màu từng màn hình thì không được điều nào trong hai. 3. Coi trọng kế hoạch màn hình. Sửa kế hoạch tốn 1 tín dụng. Sửa tám màn hình sai tốn 24 tới 48. 4. Để biến thể theo thiết bị làm sau cùng. Hãy chuyển một lần ở cuối, thay vì chuyển lại sau mỗi thay đổi. 5. Dùng chế độ chỉnh sửa cho câu chữ. Thay chữ và ảnh ở chế độ chỉnh sửa là miễn phí. 6. Kiểm tra số dư trước một luồng lớn. Một lượt chạy dừng giữa chừng để lại cho bạn nửa luồng. Tín dụng của đội Trong một dự án của đội, công việc AI được tính vào quỹ chung của đội hoặc phần phân bổ của bạn từ quỹ đó — không phải số dư cá nhân. Người sở hữu có thể đặt trần chi tiêu cho từng thành viên. Xem Đội và chỗ ngồi. Khi hết tín dụng Bạn sẽ nhận được một thông báo rõ ràng chứ không phải một lỗi âm thầm. Xem Tôi hết tín dụng."},{"slug":"plans-and-limits","category":"account-and-billing","categoryTitle":"Gói, tín dụng & thanh toán","title":"Gói và giới hạn","description":"Free, Pro và Enterprise gồm những gì, và giới hạn nào áp cho cái gì.","url":"https://uxmagic.ai/vi/help/account-and-billing/plans-and-limits","type":"reference","keywords":["gói","giá","free","pro","enterprise","giới hạn","nâng gói","bậc"],"headings":["Free","Pro","Enterprise","Giới hạn nào áp ở đâu","Nhịp thanh toán"],"updated":"2026-09-03","faqs":[],"related":["how-credits-work","upgrade-or-downgrade","teams-and-seats"],"markdown":"Giá hiện hành và bảng tính năng đầy đủ nằm ở [trang bảng giá](/pricing). Đây là hình dung tổng thể.\n\n## Free\n\n- **20 tín dụng mỗi ngày**, làm mới hằng ngày — số dư cạn sẽ trở lại vào ngày mai.\n- Tối đa **3 màn hình một ngày**, trong **5 dự án**.\n- **1 lượt xuất Figma.**\n- Các khả năng cốt lõi: thiết kế UI, wireframe, chế độ luồng, ảnh chụp và bản phác thành giao diện, sao chép website, bộ quy chuẩn, nhập từ Figma, xuất mã.\n- **Không cần thẻ tín dụng.**\n\n## Pro\n\n- **2.400 tín dụng mỗi tháng** — tối đa **400 màn hình** — đặt lại mỗi chu kỳ thanh toán, không giới hạn theo ngày.\n- **35 $/tháng**, hoặc **17,5 $/tháng khi thanh toán theo năm** (giảm 50%, 210 $ cho cả năm).\n- Dự án không giới hạn và **250 lượt xuất Figma** mỗi tháng.\n- Mọi thứ của Free, không còn trần.\n- Gỡ huy hiệu UX Magic khỏi website đã xuất bản, và website riêng tư/có mật khẩu.\n\n## Enterprise\n\nMọi thứ của Pro, cộng thêm:\n\n- Màn hình do AI tạo không giới hạn và chỗ ngồi không giới hạn\n- Hạn mức tín dụng tùy chỉnh\n- Xác thực SSO / SAML\n- Bảng quản trị đội\n- Hệ thống thiết kế và thư viện thành phần dùng chung\n- Hỗ trợ ưu tiên với thời gian phản hồi cam kết\n- Onboarding và đào tạo riêng\n- Hợp đồng và hóa đơn theo yêu cầu\n- Truy cập sớm các tính năng mới\n\n[Hãy trao đổi với chúng tôi](/support) về Enterprise.\n\n## Giới hạn nào áp ở đâu\n\n| Giới hạn | Áp cho |\n| --- | --- |\n| Tín dụng | Mọi việc tạo bằng AI, trong ứng dụng cũng như qua MCP và plugin Figma |\n| Màn hình | Màn hình được tạo trong các dự án |\n| Dự án | Số dự án cùng lúc trên tài khoản của bạn |\n| Lượt xuất Figma | Mỗi thao tác xuất |\n| Website đã xuất bản | Số website chạy cùng lúc; gỡ xuất bản sẽ giải phóng chỗ |\n| Chỗ ngồi | Số thành viên đang hoạt động của một đội |\n\n## Nhịp thanh toán\n\nTheo tháng hoặc theo năm. Trả theo năm rẻ hơn đáng kể tính trên mỗi tháng. Bạn có thể đổi nhịp bất cứ lúc nào trong phần cài đặt thanh toán. Xem [Nâng, hạ gói hoặc đổi nhịp thanh toán](/help/account-and-billing/upgrade-or-downgrade).","text":"Giá hiện hành và bảng tính năng đầy đủ nằm ở trang bảng giá. Đây là hình dung tổng thể. Free - 20 tín dụng mỗi ngày, làm mới hằng ngày — số dư cạn sẽ trở lại vào ngày mai. - Tối đa 3 màn hình một ngày, trong 5 dự án. - 1 lượt xuất Figma. - Các khả năng cốt lõi: thiết kế UI, wireframe, chế độ luồng, ảnh chụp và bản phác thành giao diện, sao chép website, bộ quy chuẩn, nhập từ Figma, xuất mã. - Không cần thẻ tín dụng. Pro - 2.400 tín dụng mỗi tháng — tối đa 400 màn hình — đặt lại mỗi chu kỳ thanh toán, không giới hạn theo ngày. - 35 $/tháng, hoặc 17,5 $/tháng khi thanh toán theo năm (giảm 50%, 210 $ cho cả năm). - Dự án không giới hạn và 250 lượt xuất Figma mỗi tháng. - Mọi thứ của Free, không còn trần. - Gỡ huy hiệu UX Magic khỏi website đã xuất bản, và website riêng tư/có mật khẩu. Enterprise Mọi thứ của Pro, cộng thêm: - Màn hình do AI tạo không giới hạn và chỗ ngồi không giới hạn - Hạn mức tín dụng tùy chỉnh - Xác thực SSO / SAML - Bảng quản trị đội - Hệ thống thiết kế và thư viện thành phần dùng chung - Hỗ trợ ưu tiên với thời gian phản hồi cam kết - Onboarding và đào tạo riêng - Hợp đồng và hóa đơn theo yêu cầu - Truy cập sớm các tính năng mới Hãy trao đổi với chúng tôi về Enterprise. Giới hạn nào áp ở đâu Giới hạn Áp cho --- --- Tín dụng Mọi việc tạo bằng AI, trong ứng dụng cũng như qua MCP và plugin Figma Màn hình Màn hình được tạo trong các dự án Dự án Số dự án cùng lúc trên tài khoản của bạn Lượt xuất Figma Mỗi thao tác xuất Website đã xuất bản Số website chạy cùng lúc; gỡ xuất bản sẽ giải phóng chỗ Chỗ ngồi Số thành viên đang hoạt động của một đội Nhịp thanh toán Theo tháng hoặc theo năm. Trả theo năm rẻ hơn đáng kể tính trên mỗi tháng. Bạn có thể đổi nhịp bất cứ lúc nào trong phần cài đặt thanh toán. Xem Nâng, hạ gói hoặc đổi nhịp thanh toán."},{"slug":"upgrade-or-downgrade","category":"account-and-billing","categoryTitle":"Gói, tín dụng & thanh toán","title":"Nâng gói, hạ gói hoặc đổi nhịp thanh toán","description":"Đổi gói hoặc chuyển giữa trả theo tháng và theo năm, và điều gì xảy ra với tín dụng của bạn.","url":"https://uxmagic.ai/vi/help/account-and-billing/upgrade-or-downgrade","type":"howto","keywords":["nâng gói","hạ gói","theo năm","theo tháng","đổi gói","chuyển"],"headings":["Nâng gói","Hạ gói","Theo tháng ↔ theo năm","Điều gì xảy ra với tín dụng","Gói cho đội"],"updated":"2026-08-27","faqs":[],"related":["plans-and-limits","billing-and-invoices","cancel-your-subscription"],"markdown":"## Nâng gói\n\nTrong **Quản lý tài khoản → Thanh toán**, hãy chọn gói bạn muốn. Việc nâng gói có hiệu lực **ngay lập tức** — hạn mức mới có sẵn liền.\n\n## Hạ gói\n\nViệc hạ gói có hiệu lực từ **chu kỳ thanh toán kế tiếp**. Bạn giữ gói hiện tại và hạn mức của nó cho tới lúc đó, nên bạn không bao giờ bị cắt giữa tháng vì một thay đổi bạn thực hiện hôm mùng 3.\n\nSau khi hạ gói, các giới hạn của gói áp dụng từ đó về sau. Dự án và màn hình vượt quá giới hạn mới không bị xóa, nhưng bạn có thể không tạo thêm được cho tới khi trở lại dưới giới hạn.\n\n## Theo tháng ↔ theo năm\n\nBạn có thể đổi nhịp bất cứ lúc nào trong phần cài đặt thanh toán. Trả theo năm được giảm giá đáng kể so với mười hai lần trả theo tháng.\n\nMột điều cần biết: chuyển **giữa chu kỳ** có thể phát sinh một khoản tính theo tỉ lệ từ nhà cung cấp thanh toán bên cạnh khoản của gói mới. Nếu bạn muốn tránh hai lần bị trừ tiền sát nhau, hãy chuyển vào đầu chu kỳ — hoặc [trao đổi với chúng tôi trước](/support) và chúng tôi sẽ cùng bạn đi qua từng bước.\n\n## Điều gì xảy ra với tín dụng\n\n- **Nâng gói** — hạn mức mới có ngay lập tức.\n- **Hạ gói** — hạn mức mới áp dụng từ chu kỳ kế tiếp.\n- Tín dụng hằng tháng **không cộng dồn** giữa các chu kỳ.\n\n## Gói cho đội\n\nVới đội, người sở hữu quản lý gói và chỗ ngồi. Thành viên không cần gói đăng ký riêng. Xem [Đội và chỗ ngồi](/help/collaborate/teams-and-seats).","text":"Nâng gói Trong Quản lý tài khoản → Thanh toán, hãy chọn gói bạn muốn. Việc nâng gói có hiệu lực ngay lập tức — hạn mức mới có sẵn liền. Hạ gói Việc hạ gói có hiệu lực từ chu kỳ thanh toán kế tiếp. Bạn giữ gói hiện tại và hạn mức của nó cho tới lúc đó, nên bạn không bao giờ bị cắt giữa tháng vì một thay đổi bạn thực hiện hôm mùng 3. Sau khi hạ gói, các giới hạn của gói áp dụng từ đó về sau. Dự án và màn hình vượt quá giới hạn mới không bị xóa, nhưng bạn có thể không tạo thêm được cho tới khi trở lại dưới giới hạn. Theo tháng ↔ theo năm Bạn có thể đổi nhịp bất cứ lúc nào trong phần cài đặt thanh toán. Trả theo năm được giảm giá đáng kể so với mười hai lần trả theo tháng. Một điều cần biết: chuyển giữa chu kỳ có thể phát sinh một khoản tính theo tỉ lệ từ nhà cung cấp thanh toán bên cạnh khoản của gói mới. Nếu bạn muốn tránh hai lần bị trừ tiền sát nhau, hãy chuyển vào đầu chu kỳ — hoặc trao đổi với chúng tôi trước và chúng tôi sẽ cùng bạn đi qua từng bước. Điều gì xảy ra với tín dụng - Nâng gói — hạn mức mới có ngay lập tức. - Hạ gói — hạn mức mới áp dụng từ chu kỳ kế tiếp. - Tín dụng hằng tháng không cộng dồn giữa các chu kỳ. Gói cho đội Với đội, người sở hữu quản lý gói và chỗ ngồi. Thành viên không cần gói đăng ký riêng. Xem Đội và chỗ ngồi."},{"slug":"billing-and-invoices","category":"account-and-billing","categoryTitle":"Gói, tín dụng & thanh toán","title":"Thanh toán, hóa đơn và phương thức thanh toán","description":"Phương thức thanh toán, tìm hóa đơn ở đâu, và làm gì với một khoản trừ tiền bất ngờ.","url":"https://uxmagic.ai/vi/help/account-and-billing/billing-and-invoices","type":"howto","keywords":["hóa đơn","biên nhận","thanh toán","thẻ","trả tiền","bị trừ tiền","thuế","stripe"],"headings":["Phương thức thanh toán","Hóa đơn","Một khoản trừ tiền bất ngờ","Thanh toán thất bại","Đơn vị tiền tệ"],"updated":"2026-08-27","faqs":[],"related":["upgrade-or-downgrade","refunds","cancel-your-subscription"],"markdown":"## Phương thức thanh toán\n\nThanh toán do Stripe xử lý. Các loại thẻ tín dụng và thẻ ghi nợ phổ biến đều được chấp nhận; phương thức nội địa khả dụng tùy theo quốc gia của bạn. UXMagic không bao giờ nhìn thấy hay lưu trữ đầy đủ thông tin thẻ của bạn.\n\n## Hóa đơn\n\nHóa đơn và biên nhận nằm trong **Quản lý tài khoản → Thanh toán**. Mỗi khoản trừ tiền đều có hóa đơn tải về được, và bạn có thể thêm thông tin công ty cùng mã số thuế để chúng hiện lên hóa đơn.\n\nHãy điền thông tin thanh toán **trước khi** bạn cần tới hóa đơn — xin cấp lại sau đó phiền hơn nhiều so với điền một biểu mẫu ngay bây giờ.\n\n## Một khoản trừ tiền bất ngờ\n\nHãy liên hệ **hello@uxmagic.ai** trước khi khiếu nại với ngân hàng hay với Stripe. Phần lớn thắc mắc về thanh toán được giải quyết ngay trong ngày khi bạn tới chỗ chúng tôi trước.\n\nViệc mở khiếu nại kích hoạt một quy trình tự động ở phía nhà cung cấp thanh toán, có thể tạm khóa tài khoản của bạn trong lúc xem xét — điều đó chẳng giúp gì ai, và bạn là người thiệt nhất. Chúng tôi thà chỉ đơn giản là sửa cho xong.\n\n## Thanh toán thất bại\n\nNếu một khoản thanh toán thất bại, bạn sẽ được thông báo và có thời gian cập nhật thẻ trước khi tài khoản có bất kỳ thay đổi nào. Hãy cập nhật trong **Quản lý tài khoản → Thanh toán**.\n\n## Đơn vị tiền tệ\n\nGiá tính bằng đô la Mỹ. Ngân hàng của bạn có thể áp tỉ giá và phí riêng.","text":"Phương thức thanh toán Thanh toán do Stripe xử lý. Các loại thẻ tín dụng và thẻ ghi nợ phổ biến đều được chấp nhận; phương thức nội địa khả dụng tùy theo quốc gia của bạn. UXMagic không bao giờ nhìn thấy hay lưu trữ đầy đủ thông tin thẻ của bạn. Hóa đơn Hóa đơn và biên nhận nằm trong Quản lý tài khoản → Thanh toán. Mỗi khoản trừ tiền đều có hóa đơn tải về được, và bạn có thể thêm thông tin công ty cùng mã số thuế để chúng hiện lên hóa đơn. Hãy điền thông tin thanh toán trước khi bạn cần tới hóa đơn — xin cấp lại sau đó phiền hơn nhiều so với điền một biểu mẫu ngay bây giờ. Một khoản trừ tiền bất ngờ Hãy liên hệ hello@uxmagic.ai trước khi khiếu nại với ngân hàng hay với Stripe. Phần lớn thắc mắc về thanh toán được giải quyết ngay trong ngày khi bạn tới chỗ chúng tôi trước. Việc mở khiếu nại kích hoạt một quy trình tự động ở phía nhà cung cấp thanh toán, có thể tạm khóa tài khoản của bạn trong lúc xem xét — điều đó chẳng giúp gì ai, và bạn là người thiệt nhất. Chúng tôi thà chỉ đơn giản là sửa cho xong. Thanh toán thất bại Nếu một khoản thanh toán thất bại, bạn sẽ được thông báo và có thời gian cập nhật thẻ trước khi tài khoản có bất kỳ thay đổi nào. Hãy cập nhật trong Quản lý tài khoản → Thanh toán. Đơn vị tiền tệ Giá tính bằng đô la Mỹ. Ngân hàng của bạn có thể áp tỉ giá và phí riêng."},{"slug":"refunds","category":"account-and-billing","categoryTitle":"Gói, tín dụng & thanh toán","title":"Hoàn tiền","description":"Chính sách hoàn tiền, và làm gì nếu có chuyện thật sự sai sót.","url":"https://uxmagic.ai/vi/help/account-and-billing/refunds","type":"reference","keywords":["hoàn tiền","trả lại tiền","hủy khoản trừ","bồi hoàn"],"headings":["Chính sách","Nếu bạn chưa chắc mình cần gói nào","Nếu thật sự có gì đó sai","Trước khi khiếu nại"],"updated":"2026-08-27","faqs":[],"related":["billing-and-invoices","cancel-your-subscription","contact-support"],"markdown":"## Chính sách\n\nUXMagic không hoàn tiền cho gói đăng ký hay các lần mua tín dụng. Chúng tôi khuyên bạn dùng thử gói Free trước — nó tồn tại chính là để bạn đánh giá kết quả trước khi trả tiền.\n\n## Nếu bạn chưa chắc mình cần gói nào\n\n[Hãy hỏi chúng tôi](/support) trước khi mua. Chúng tôi thà dành năm phút giúp bạn chọn còn hơn thấy bạn mua nhầm.\n\n## Nếu thật sự có gì đó sai\n\nChính sách này nói về việc đổi ý sau khi mua, không phải về lỗi của chúng tôi. Nếu bạn bị trừ tiền hai lần, bị trừ sau khi đã hủy, hoặc bị tính cho phần việc thất bại và không tạo ra gì, đó là lỗi thanh toán — hãy gửi thư tới **hello@uxmagic.ai** kèm hóa đơn và chúng tôi sẽ giải quyết.\n\n## Trước khi khiếu nại\n\nHãy tới chỗ chúng tôi trước. Một khiếu nại với ngân hàng có thể tạm khóa tài khoản của bạn trong lúc xem xét, và mất nhiều thời gian hơn một email rất nhiều. Xem [Thanh toán, hóa đơn và phương thức thanh toán](/help/account-and-billing/billing-and-invoices).","text":"Chính sách UXMagic không hoàn tiền cho gói đăng ký hay các lần mua tín dụng. Chúng tôi khuyên bạn dùng thử gói Free trước — nó tồn tại chính là để bạn đánh giá kết quả trước khi trả tiền. Nếu bạn chưa chắc mình cần gói nào Hãy hỏi chúng tôi trước khi mua. Chúng tôi thà dành năm phút giúp bạn chọn còn hơn thấy bạn mua nhầm. Nếu thật sự có gì đó sai Chính sách này nói về việc đổi ý sau khi mua, không phải về lỗi của chúng tôi. Nếu bạn bị trừ tiền hai lần, bị trừ sau khi đã hủy, hoặc bị tính cho phần việc thất bại và không tạo ra gì, đó là lỗi thanh toán — hãy gửi thư tới hello@uxmagic.ai kèm hóa đơn và chúng tôi sẽ giải quyết. Trước khi khiếu nại Hãy tới chỗ chúng tôi trước. Một khiếu nại với ngân hàng có thể tạm khóa tài khoản của bạn trong lúc xem xét, và mất nhiều thời gian hơn một email rất nhiều. Xem Thanh toán, hóa đơn và phương thức thanh toán."},{"slug":"cancel-your-subscription","category":"account-and-billing","categoryTitle":"Gói, tín dụng & thanh toán","title":"Hủy gói đăng ký","description":"Cách hủy, khi nào quyền truy cập kết thúc, và điều gì xảy ra với công việc của bạn.","url":"https://uxmagic.ai/vi/help/account-and-billing/cancel-your-subscription","type":"howto","keywords":["hủy","ngừng đăng ký","kết thúc đăng ký","ngừng thanh toán","về gói free"],"headings":["Hủy","Điều gì xảy ra","Hủy không phải là xóa","Nếu bạn đổi ý","Trước khi bạn đi"],"updated":"2026-08-27","faqs":[],"related":["refunds","delete-your-account","upgrade-or-downgrade"],"markdown":"## Hủy\n\n**Quản lý tài khoản → Thanh toán → Hủy gói đăng ký.** Bạn sẽ được hỏi vài câu về lý do — thật sự hữu ích với chúng tôi, và có thể bỏ qua.\n\n## Điều gì xảy ra\n\n- Gói của bạn vẫn **hoạt động tới hết chu kỳ thanh toán hiện tại**. Bạn giữ nguyên hạn mức đã trả tiền.\n- Sau đó, tài khoản của bạn chuyển về gói Free.\n- **Dự án của bạn không bị xóa.** Chúng ở lại trong tài khoản, chịu các giới hạn của gói Free về những gì bạn có thể tạo thêm.\n- Website đã xuất bản vượt quá giới hạn của gói Free có thể bị gỡ xuống. Hãy kiểm tra trước khi hủy nếu một website đang chạy là quan trọng với bạn.\n\n## Hủy không phải là xóa\n\nHủy sẽ dừng việc thanh toán. Tài khoản và công việc của bạn vẫn còn. Nếu bạn muốn tài khoản cùng dữ liệu biến mất, đó là [Xóa tài khoản của bạn](/help/account-and-billing/delete-your-account) — và việc đó là vĩnh viễn.\n\n## Nếu bạn đổi ý\n\nHãy đăng ký lại bất cứ lúc nào trong phần cài đặt thanh toán. Nếu bạn đăng ký lại trước khi chu kỳ kết thúc, không có gì bị mất.\n\n## Trước khi bạn đi\n\nNếu bạn rời đi vì một vấn đề cụ thể — chất lượng đầu ra, một tính năng còn thiếu, chi phí — [hãy nói với chúng tôi](/support). Một số điều chúng tôi có thể sửa, và một số thì đã sửa rồi mà quên báo bạn.","text":"Hủy Quản lý tài khoản → Thanh toán → Hủy gói đăng ký. Bạn sẽ được hỏi vài câu về lý do — thật sự hữu ích với chúng tôi, và có thể bỏ qua. Điều gì xảy ra - Gói của bạn vẫn hoạt động tới hết chu kỳ thanh toán hiện tại. Bạn giữ nguyên hạn mức đã trả tiền. - Sau đó, tài khoản của bạn chuyển về gói Free. - Dự án của bạn không bị xóa. Chúng ở lại trong tài khoản, chịu các giới hạn của gói Free về những gì bạn có thể tạo thêm. - Website đã xuất bản vượt quá giới hạn của gói Free có thể bị gỡ xuống. Hãy kiểm tra trước khi hủy nếu một website đang chạy là quan trọng với bạn. Hủy không phải là xóa Hủy sẽ dừng việc thanh toán. Tài khoản và công việc của bạn vẫn còn. Nếu bạn muốn tài khoản cùng dữ liệu biến mất, đó là Xóa tài khoản của bạn — và việc đó là vĩnh viễn. Nếu bạn đổi ý Hãy đăng ký lại bất cứ lúc nào trong phần cài đặt thanh toán. Nếu bạn đăng ký lại trước khi chu kỳ kết thúc, không có gì bị mất. Trước khi bạn đi Nếu bạn rời đi vì một vấn đề cụ thể — chất lượng đầu ra, một tính năng còn thiếu, chi phí — hãy nói với chúng tôi. Một số điều chúng tôi có thể sửa, và một số thì đã sửa rồi mà quên báo bạn."},{"slug":"earn-free-credits","category":"account-and-billing","categoryTitle":"Gói, tín dụng & thanh toán","title":"Nhận tín dụng miễn phí","description":"Bốn bước của Unlock Pro Plan, mỗi bước trả bao nhiêu, và những cách khác để nạp thêm số dư mà không phải trả tiền.","url":"https://uxmagic.ai/vi/help/account-and-billing/earn-free-credits","type":"guide","keywords":["tín dụng miễn phí","kiếm tín dụng","mở khoá pro","nâng cấp miễn phí","thêm tín dụng","tín dụng không mất tiền","dùng thử"],"headings":["Hạn mức hằng ngày","Unlock Pro Plan — bốn bước","Việc xác minh làm thủ công","Giới thiệu","Dùng tín dụng lâu hơn"],"updated":"2026-09-03","faqs":[{"question":"Làm sao để nhận tín dụng miễn phí?","answer":"Mở \"Upgrade for free\" trong trình chỉnh sửa và hoàn thành bốn bước của Unlock Pro Plan — một khảo sát ngắn, một đánh giá trên Capterra, tham gia cộng đồng Slack, và để lại lời chứng thực. Mỗi bước đều trả tín dụng, và hoàn thành cả bốn sẽ mở 3 ngày dùng Pro. Giới thiệu một người còn được thêm 250 tín dụng."},{"question":"Tín dụng có về ngay không?","answer":"Không. Người trong đội ngũ sẽ xác minh từng bước và bạn nhận email khi được duyệt, nên hãy chờ một chút thay vì gửi lại."}],"related":["how-credits-work","referral-program","plans-and-limits"],"markdown":"Có ba cách cộng thêm tín dụng mà không phải trả tiền: hạn mức miễn phí hằng ngày, danh sách **Unlock Pro Plan**, và giới thiệu.\n\n## Hạn mức hằng ngày\n\nMọi tài khoản Free đều nhận **20 tín dụng mỗi ngày**, làm mới hằng ngày — đủ cho khoảng 3 màn hình. Số dư cạn sẽ trở lại vào ngày mai, nên một tuần thong thả không tốn gì. Xem [Gói và giới hạn](/help/account-and-billing/plans-and-limits).\n\n## Unlock Pro Plan — bốn bước\n\nTrong trình chỉnh sửa, bấm **Upgrade for free**. Bảng này theo dõi tiến độ của bạn qua bốn bước, và **hoàn thành cả bốn sẽ mở 3 ngày dùng Pro Plan miễn phí**. Mỗi bước cũng trả tín dụng riêng:\n\n| Bước | Tín dụng |\n| --- | --- |\n| Trả lời vài câu hỏi về cách bạn dùng UXMagic | 12 |\n| Để lại đánh giá trên Capterra | 12 |\n| Tham gia cộng đồng Slack của UXMagic | 12 |\n| Để lại lời chứng thực — văn bản, hoặc văn bản kèm video | tối đa 36 |\n\nVài điều nên biết:\n\n- **Mỗi bước chỉ trả một lần.** Bạn không thể nhận cùng một bước hai lần.\n- **Đánh giá được tính ở nơi bạn đã viết.** Capterra đã thay Trustpilot ở bước đánh giá; nếu bạn từng đánh giá chúng tôi trên Trustpilot trước khi đổi, nó vẫn được tính và bạn sẽ không bị hỏi lại.\n- **Lời chứng thực trả nhiều hơn khi có video** — 12 tín dụng cho văn bản, thêm 24 cho một video ngắn.\n\n## Việc xác minh làm thủ công\n\nTín dụng không được cấp ngay lúc bạn gửi. Sẽ có người kiểm tra xem đánh giá, bài đăng hay lời chứng thực có thật hay không, và bạn nhận email khi nó được cộng. Đây là chủ ý — chính điều đó khiến phần thưởng còn đáng để trao — nên hãy chờ một chút thay vì gửi hai lần.\n\n## Giới thiệu\n\nGiới thiệu một người trả **250 tín dụng** (khoảng 10 $) cho cả hai bên khi người đó lần đầu nâng lên gói trả phí, tối đa năm lượt giới thiệu. Đây là nguồn tín dụng miễn phí lớn nhất tính theo từng nguồn. Xem [Giới thiệu và nhận thưởng](/help/account-and-billing/referral-program).\n\n## Dùng tín dụng lâu hơn\n\nKiếm thêm mới chỉ là một nửa. Một chỉnh sửa có mục tiêu tốn 0,2 tín dụng trong khi tạo lại một màn hình tốn 6, nên các thói quen trong [Tín dụng hoạt động thế nào](/help/account-and-billing/how-credits-work) kéo dài số dư còn hơn tất cả các bước này cộng lại.","text":"Có ba cách cộng thêm tín dụng mà không phải trả tiền: hạn mức miễn phí hằng ngày, danh sách Unlock Pro Plan, và giới thiệu. Hạn mức hằng ngày Mọi tài khoản Free đều nhận 20 tín dụng mỗi ngày, làm mới hằng ngày — đủ cho khoảng 3 màn hình. Số dư cạn sẽ trở lại vào ngày mai, nên một tuần thong thả không tốn gì. Xem Gói và giới hạn. Unlock Pro Plan — bốn bước Trong trình chỉnh sửa, bấm Upgrade for free. Bảng này theo dõi tiến độ của bạn qua bốn bước, và hoàn thành cả bốn sẽ mở 3 ngày dùng Pro Plan miễn phí. Mỗi bước cũng trả tín dụng riêng: Bước Tín dụng --- --- Trả lời vài câu hỏi về cách bạn dùng UXMagic 12 Để lại đánh giá trên Capterra 12 Tham gia cộng đồng Slack của UXMagic 12 Để lại lời chứng thực — văn bản, hoặc văn bản kèm video tối đa 36 Vài điều nên biết: - Mỗi bước chỉ trả một lần. Bạn không thể nhận cùng một bước hai lần. - Đánh giá được tính ở nơi bạn đã viết. Capterra đã thay Trustpilot ở bước đánh giá; nếu bạn từng đánh giá chúng tôi trên Trustpilot trước khi đổi, nó vẫn được tính và bạn sẽ không bị hỏi lại. - Lời chứng thực trả nhiều hơn khi có video — 12 tín dụng cho văn bản, thêm 24 cho một video ngắn. Việc xác minh làm thủ công Tín dụng không được cấp ngay lúc bạn gửi. Sẽ có người kiểm tra xem đánh giá, bài đăng hay lời chứng thực có thật hay không, và bạn nhận email khi nó được cộng. Đây là chủ ý — chính điều đó khiến phần thưởng còn đáng để trao — nên hãy chờ một chút thay vì gửi hai lần. Giới thiệu Giới thiệu một người trả 250 tín dụng (khoảng 10 $) cho cả hai bên khi người đó lần đầu nâng lên gói trả phí, tối đa năm lượt giới thiệu. Đây là nguồn tín dụng miễn phí lớn nhất tính theo từng nguồn. Xem Giới thiệu và nhận thưởng. Dùng tín dụng lâu hơn Kiếm thêm mới chỉ là một nửa. Một chỉnh sửa có mục tiêu tốn 0,2 tín dụng trong khi tạo lại một màn hình tốn 6, nên các thói quen trong Tín dụng hoạt động thế nào kéo dài số dư còn hơn tất cả các bước này cộng lại."},{"slug":"referral-program","category":"account-and-billing","categoryTitle":"Gói, tín dụng & thanh toán","title":"Giới thiệu và nhận thưởng","description":"Mời người khác tới UXMagic và nhận tín dụng khi họ nâng lên gói trả phí.","url":"https://uxmagic.ai/vi/help/account-and-billing/referral-program","type":"guide","keywords":["giới thiệu","mời bạn bè","mời","nhận tín dụng","tiếp thị liên kết","phần thưởng"],"headings":["Cách hoạt động","Phần thưởng","Mức trần","Quy tắc","Chương trình tiếp thị liên kết"],"updated":"2026-08-27","faqs":[{"question":"Khi nào tôi nhận được tín dụng?","answer":"Khi người bạn giới thiệu nâng lên gói trả phí lần đầu tiên — không phải khi họ đăng ký tài khoản."},{"question":"Có giới hạn không?","answer":"Bạn nhận thưởng cho tối đa năm lượt giới thiệu. Những lượt sau vẫn hiện trong tổng số của bạn nhưng không còn được trả thưởng."}],"related":["earn-free-credits","how-credits-work","plans-and-limits"],"markdown":"## Cách hoạt động\n\n1. Lấy liên kết giới thiệu của bạn trong mục **Giới thiệu và nhận thưởng** ở tài khoản.\n2. Chia sẻ nó.\n3. Khi ai đó đăng ký qua liên kết đó và **nâng lên gói trả phí lần đầu tiên**, cả hai bên đều nhận tín dụng.\n\n## Phần thưởng\n\n**250 tín dụng cho mỗi bên** — được diễn đạt là “tín dụng trị giá 10 $” — cho người giới thiệu và cho người được giới thiệu.\n\nĐể dễ hình dung: 250 tín dụng tương đương khoảng 80 màn hình mới, hoặc rất nhiều lượt chỉnh sửa. Xem [Cách tín dụng hoạt động](/help/account-and-billing/how-credits-work).\n\n## Mức trần\n\nBạn nhận thưởng cho tối đa **năm** lượt giới thiệu. Vượt quá đó, các lượt giới thiệu vẫn hiện trong tổng số nhưng ngừng trả thưởng.\n\n## Quy tắc\n\n- Phần thưởng được kích hoạt bởi **lần nâng gói trả phí đầu tiên** của người được giới thiệu, không phải lúc họ đăng ký.\n- Tự giới thiệu chính mình và tài khoản trùng lặp không được tính.\n- Tín dụng vào cả hai tài khoản một cách tự động; không có gì phải nhận thủ công.\n\n## Chương trình tiếp thị liên kết\n\nNếu bạn giới thiệu ở quy mô lớn — một bản tin, một khóa học, tệp khách hàng của một agency — [chương trình tiếp thị liên kết](/affiliate) trả hoa hồng thay vì tín dụng và phù hợp hơn.","text":"Cách hoạt động 1. Lấy liên kết giới thiệu của bạn trong mục Giới thiệu và nhận thưởng ở tài khoản. 2. Chia sẻ nó. 3. Khi ai đó đăng ký qua liên kết đó và nâng lên gói trả phí lần đầu tiên, cả hai bên đều nhận tín dụng. Phần thưởng 250 tín dụng cho mỗi bên — được diễn đạt là “tín dụng trị giá 10 $” — cho người giới thiệu và cho người được giới thiệu. Để dễ hình dung: 250 tín dụng tương đương khoảng 80 màn hình mới, hoặc rất nhiều lượt chỉnh sửa. Xem Cách tín dụng hoạt động. Mức trần Bạn nhận thưởng cho tối đa năm lượt giới thiệu. Vượt quá đó, các lượt giới thiệu vẫn hiện trong tổng số nhưng ngừng trả thưởng. Quy tắc - Phần thưởng được kích hoạt bởi lần nâng gói trả phí đầu tiên của người được giới thiệu, không phải lúc họ đăng ký. - Tự giới thiệu chính mình và tài khoản trùng lặp không được tính. - Tín dụng vào cả hai tài khoản một cách tự động; không có gì phải nhận thủ công. Chương trình tiếp thị liên kết Nếu bạn giới thiệu ở quy mô lớn — một bản tin, một khóa học, tệp khách hàng của một agency — chương trình tiếp thị liên kết trả hoa hồng thay vì tín dụng và phù hợp hơn."},{"slug":"delete-your-account","category":"account-and-billing","categoryTitle":"Gói, tín dụng & thanh toán","title":"Xóa tài khoản của bạn","description":"Xóa vĩnh viễn tài khoản UXMagic của bạn và mọi thứ trong đó.","url":"https://uxmagic.ai/vi/help/account-and-billing/delete-your-account","type":"howto","keywords":["xóa tài khoản","gỡ tài khoản","gdpr","xóa dữ liệu","đóng tài khoản","quyền riêng tư"],"headings":["Trước khi xóa","Xuất ra trước","Xóa","Gói đăng ký đang hoạt động","Website đã xuất bản","Đội"],"updated":"2026-08-27","faqs":[],"related":["cancel-your-subscription","account-and-profile"],"markdown":"## Trước khi xóa\n\nViệc xóa là **vĩnh viễn**. Nó gỡ bỏ dự án, màn hình, chủ đề, tài nguyên và lịch sử của bạn. Không có hoàn tác và không có khôi phục.\n\nNếu bạn chỉ muốn ngừng trả tiền, hãy [hủy gói đăng ký](/help/account-and-billing/cancel-your-subscription) — công việc của bạn vẫn còn.\n\n## Xuất ra trước\n\nMột khi đã mất thì mất hẳn. Hãy lấy đi thứ bạn cần:\n\n- [Xuất sang Figma](/help/export-and-handoff/export-to-figma)\n- [Xuất mã nguồn](/help/export-and-handoff/export-code)\n- [Xuất thành PDF hoặc ảnh](/help/export-and-handoff/export-pdf-and-images)\n\n## Xóa\n\n1. **Quản lý tài khoản → Xóa tài khoản.**\n2. Xác nhận — có bước xác nhận hai lớp, một cách có chủ đích.\n3. Nếu muốn, hãy cho chúng tôi biết lý do. Nó được người thật đọc, và là góp ý hữu ích nhất chúng tôi nhận được.\n\n## Gói đăng ký đang hoạt động\n\nHãy hủy gói đăng ký trước để việc thanh toán dừng gọn ghẽ. Xóa tài khoản tự nó không giải quyết một vấn đề thanh toán còn treo — nếu bạn có, hãy xử lý trước.\n\n## Website đã xuất bản\n\nXóa tài khoản sẽ gỡ các website đã xuất bản của bạn xuống và trả lại subdomain của chúng. Nếu một website đang chạy là quan trọng, hãy chuyển nó đi trước khi xóa.\n\n## Đội\n\nNếu bạn sở hữu một đội, hãy chuyển quyền sở hữu trước khi xóa, nếu không các dự án của đội sẽ đi theo bạn.","text":"Trước khi xóa Việc xóa là vĩnh viễn. Nó gỡ bỏ dự án, màn hình, chủ đề, tài nguyên và lịch sử của bạn. Không có hoàn tác và không có khôi phục. Nếu bạn chỉ muốn ngừng trả tiền, hãy hủy gói đăng ký — công việc của bạn vẫn còn. Xuất ra trước Một khi đã mất thì mất hẳn. Hãy lấy đi thứ bạn cần: - Xuất sang Figma - Xuất mã nguồn - Xuất thành PDF hoặc ảnh Xóa 1. Quản lý tài khoản → Xóa tài khoản. 2. Xác nhận — có bước xác nhận hai lớp, một cách có chủ đích. 3. Nếu muốn, hãy cho chúng tôi biết lý do. Nó được người thật đọc, và là góp ý hữu ích nhất chúng tôi nhận được. Gói đăng ký đang hoạt động Hãy hủy gói đăng ký trước để việc thanh toán dừng gọn ghẽ. Xóa tài khoản tự nó không giải quyết một vấn đề thanh toán còn treo — nếu bạn có, hãy xử lý trước. Website đã xuất bản Xóa tài khoản sẽ gỡ các website đã xuất bản của bạn xuống và trả lại subdomain của chúng. Nếu một website đang chạy là quan trọng, hãy chuyển nó đi trước khi xóa. Đội Nếu bạn sở hữu một đội, hãy chuyển quyền sở hữu trước khi xóa, nếu không các dự án của đội sẽ đi theo bạn."},{"slug":"i-ran-out-of-credits","category":"troubleshooting","categoryTitle":"Xử lý sự cố","title":"Tôi hết tín dụng","description":"Điều gì xảy ra khi số dư cạn giữa chừng, và cách để tiếp tục.","url":"https://uxmagic.ai/vi/help/troubleshooting/i-ran-out-of-credits","type":"troubleshooting","keywords":["hết tín dụng","không còn tín dụng","không đủ","số dư","bị chặn","402"],"headings":["Bạn sẽ thấy gì","Nếu chuyện đó xảy ra giữa lượt chạy","Có thêm tín dụng","Để lượt tín dụng tiếp theo dùng được lâu hơn","Quỹ của đội","Bị tính phí cho thứ đã thất bại?"],"updated":"2026-09-03","faqs":[],"related":["earn-free-credits","how-credits-work","upgrade-or-downgrade"],"markdown":"## Bạn sẽ thấy gì\n\nMột thông báo rõ ràng rằng bạn đã hết tín dụng, hoặc khi bạn định bắt đầu một phiên, hoặc giữa một lượt chạy. Các phiên cần ít nhất **4 tín dụng** để bắt đầu.\n\n## Nếu chuyện đó xảy ra giữa lượt chạy\n\nNhững màn hình đã thiết kế xong **vẫn được giữ**. Bạn không mất phần việc đã hoàn tất — chỉ là bạn chưa có phần còn lại của luồng.\n\nHãy nạp thêm hoặc nâng gói, rồi yêu cầu những màn hình còn lại. Chúng sẽ được thiết kế theo đúng chủ đề đó, nên luồng vẫn nhất quán.\n\n## Có thêm tín dụng\n\n- **[Nâng gói](/help/account-and-billing/upgrade-or-downgrade)** — một gói trả phí làm mới tín dụng mỗi chu kỳ thanh toán.\n- **[Giới thiệu ai đó](/help/account-and-billing/referral-program)** — 250 tín dụng khi họ nâng gói.\n- **Chờ được làm mới** — ở gói Free tín dụng được làm mới mỗi ngày; ở gói trả phí chúng được đặt lại vào ngày thanh toán của bạn. Cả hai đều không cộng dồn, nên không có gì để dành.\n\n## Để lượt tín dụng tiếp theo dùng được lâu hơn\n\nĐiểm ăn lớn nhất là đừng tạo lại. Một chỉnh sửa có mục tiêu tốn 0,2 tín dụng; tạo lại một màn hình tốn 6. Xem [Cách tín dụng hoạt động](/help/account-and-billing/how-credits-work) để có bảng đầy đủ và những thói quen tiết kiệm nhất.\n\n## Quỹ của đội\n\nTrong một dự án của đội, khoản tính đi vào quỹ **của đội** hoặc phần phân bổ của bạn từ quỹ đó. “Hết tín dụng” ở đó có thể nghĩa là phần phân bổ cá nhân của bạn đã cạn trong khi quỹ đội thì chưa — hãy nhờ người sở hữu đội nâng lên. Xem [Đội và chỗ ngồi](/help/collaborate/teams-and-seats).\n\n## Bị tính phí cho thứ đã thất bại?\n\nPhần việc không tạo ra gì thì không nên bị tính phí. Nếu đã bị tính, [hãy liên hệ hỗ trợ](/help/troubleshooting/contact-support) kèm liên kết dự án và khoảng thời gian xảy ra.","text":"Bạn sẽ thấy gì Một thông báo rõ ràng rằng bạn đã hết tín dụng, hoặc khi bạn định bắt đầu một phiên, hoặc giữa một lượt chạy. Các phiên cần ít nhất 4 tín dụng để bắt đầu. Nếu chuyện đó xảy ra giữa lượt chạy Những màn hình đã thiết kế xong vẫn được giữ. Bạn không mất phần việc đã hoàn tất — chỉ là bạn chưa có phần còn lại của luồng. Hãy nạp thêm hoặc nâng gói, rồi yêu cầu những màn hình còn lại. Chúng sẽ được thiết kế theo đúng chủ đề đó, nên luồng vẫn nhất quán. Có thêm tín dụng - Nâng gói — một gói trả phí làm mới tín dụng mỗi chu kỳ thanh toán. - Giới thiệu ai đó — 250 tín dụng khi họ nâng gói. - Chờ được làm mới — ở gói Free tín dụng được làm mới mỗi ngày; ở gói trả phí chúng được đặt lại vào ngày thanh toán của bạn. Cả hai đều không cộng dồn, nên không có gì để dành. Để lượt tín dụng tiếp theo dùng được lâu hơn Điểm ăn lớn nhất là đừng tạo lại. Một chỉnh sửa có mục tiêu tốn 0,2 tín dụng; tạo lại một màn hình tốn 6. Xem Cách tín dụng hoạt động để có bảng đầy đủ và những thói quen tiết kiệm nhất. Quỹ của đội Trong một dự án của đội, khoản tính đi vào quỹ của đội hoặc phần phân bổ của bạn từ quỹ đó. “Hết tín dụng” ở đó có thể nghĩa là phần phân bổ cá nhân của bạn đã cạn trong khi quỹ đội thì chưa — hãy nhờ người sở hữu đội nâng lên. Xem Đội và chỗ ngồi. Bị tính phí cho thứ đã thất bại? Phần việc không tạo ra gì thì không nên bị tính phí. Nếu đã bị tính, hãy liên hệ hỗ trợ kèm liên kết dự án và khoảng thời gian xảy ra."},{"slug":"blank-or-empty-screens","category":"troubleshooting","categoryTitle":"Xử lý sự cố","title":"Một màn hình trống rỗng","description":"Frame trống sau một kế hoạch, canvas trắng khi mở, và những màn hình không hiển thị gì.","url":"https://uxmagic.ai/vi/help/troubleshooting/blank-or-empty-screens","type":"troubleshooting","keywords":["trống","rỗng","không có gì","màn hình trắng","không hiển thị","thiếu màn hình"],"headings":["1. Frame đã được lên kế hoạch nhưng chưa từng được thiết kế","2. Canvas trắng nhưng các màn hình vẫn tồn tại","3. Màn hình có nội dung nhưng không hiển thị gì","Vẫn trống"],"updated":"2026-08-27","faqs":[],"related":["flow-mode-and-screen-plans","style-guide-did-not-apply","contact-support"],"markdown":"Màn hình trống có ba nguyên nhân khác nhau. Hãy đi lần lượt.\n\n## 1. Frame đã được lên kế hoạch nhưng chưa từng được thiết kế\n\nĐây là trường hợp phổ biến nhất. Một kế hoạch màn hình tạo ra các frame có tên và **trống** trên canvas, rồi thiết kế chúng lần lượt. Nếu lượt chạy dừng sớm — hết tín dụng, một lỗi, một lượt bị hủy — bạn còn lại các frame được đặt tên đúng nhưng không có nội dung.\n\n**Cách khắc phục:** hãy yêu cầu thiết kế các màn hình còn trống:\n\n> Thiết kế màn hình Bảng giá và Cài đặt — chúng vẫn đang trống.\n\nHãy kiểm tra số dư tín dụng trước, để chuyện tương tự không lặp lại.\n\n## 2. Canvas trắng nhưng các màn hình vẫn tồn tại\n\nNếu dự án mở ra mà không thấy gì trong khi bạn biết là có màn hình:\n\n1. **Vừa màn hình** (Shift+1). Các màn hình có thể nằm ngoài khung nhìn.\n2. **Tải lại trang.**\n3. **Thử một cửa sổ trình duyệt rộng hơn.** Cửa sổ rất hẹp có thể ép vùng canvas nhỏ tới mức gần như không còn.\n4. **Thử trình duyệt khác** để loại trừ một tiện ích mở rộng.\n\n## 3. Màn hình có nội dung nhưng không hiển thị gì\n\nThường là vấn đề kiểu dáng chứ không phải nội dung — xem [Bộ quy chuẩn của tôi không được áp dụng](/help/troubleshooting/style-guide-did-not-apply). Nếu màn hình có biểu đồ hoặc hoạt ảnh, xem [Biểu đồ hoặc hoạt ảnh không hiển thị](/help/troubleshooting/charts-or-animations-not-rendering).\n\n## Vẫn trống\n\n[Hãy liên hệ hỗ trợ](/help/troubleshooting/contact-support) kèm liên kết dự án và tên màn hình. Xin đừng xóa màn hình trống đó trước — nó là bằng chứng.","text":"Màn hình trống có ba nguyên nhân khác nhau. Hãy đi lần lượt. 1. Frame đã được lên kế hoạch nhưng chưa từng được thiết kế Đây là trường hợp phổ biến nhất. Một kế hoạch màn hình tạo ra các frame có tên và trống trên canvas, rồi thiết kế chúng lần lượt. Nếu lượt chạy dừng sớm — hết tín dụng, một lỗi, một lượt bị hủy — bạn còn lại các frame được đặt tên đúng nhưng không có nội dung. Cách khắc phục: hãy yêu cầu thiết kế các màn hình còn trống: Thiết kế màn hình Bảng giá và Cài đặt — chúng vẫn đang trống. Hãy kiểm tra số dư tín dụng trước, để chuyện tương tự không lặp lại. 2. Canvas trắng nhưng các màn hình vẫn tồn tại Nếu dự án mở ra mà không thấy gì trong khi bạn biết là có màn hình: 1. Vừa màn hình (Shift+1). Các màn hình có thể nằm ngoài khung nhìn. 2. Tải lại trang. 3. Thử một cửa sổ trình duyệt rộng hơn. Cửa sổ rất hẹp có thể ép vùng canvas nhỏ tới mức gần như không còn. 4. Thử trình duyệt khác để loại trừ một tiện ích mở rộng. 3. Màn hình có nội dung nhưng không hiển thị gì Thường là vấn đề kiểu dáng chứ không phải nội dung — xem Bộ quy chuẩn của tôi không được áp dụng. Nếu màn hình có biểu đồ hoặc hoạt ảnh, xem Biểu đồ hoặc hoạt ảnh không hiển thị. Vẫn trống Hãy liên hệ hỗ trợ kèm liên kết dự án và tên màn hình. Xin đừng xóa màn hình trống đó trước — nó là bằng chứng."},{"slug":"style-guide-did-not-apply","category":"troubleshooting","categoryTitle":"Xử lý sự cố","title":"Bộ quy chuẩn hoặc chủ đề của tôi không được áp dụng","description":"Màn hình hiện ra không có kiểu dáng hoặc bỏ qua một thay đổi chủ đề — cần kiểm tra gì và gửi gì cho chúng tôi.","url":"https://uxmagic.ai/vi/help/troubleshooting/style-guide-did-not-apply","type":"troubleshooting","keywords":["không có kiểu dáng","chủ đề không áp dụng","thiếu kiểu dáng","bộ quy chuẩn","thiếu màu","trơ trụi"],"headings":["Hãy nhìn canvas, đừng nhìn câu trả lời","Cách khắc phục, theo thứ tự","Riêng về phông chữ","Đừng sửa theo từng màn hình","Báo lại cho chúng tôi"],"updated":"2026-08-27","faqs":[],"related":["themes-and-style-guides","fonts-and-typography","blank-or-empty-screens"],"markdown":"Triệu chứng: một màn hình hiện ra như nội dung trơ trụi không kiểu dáng, hoặc một thay đổi chủ đề rõ ràng đã tác động lên vài màn hình nhưng không lên những màn hình khác.\n\n## Hãy nhìn canvas, đừng nhìn câu trả lời\n\nMột thói quen quan trọng: trò chuyện có thể báo rằng thay đổi chủ đề đã xong trong khi canvas chẳng nhúc nhích. **Hãy tin canvas.** Nếu các màn hình không đổi thì thay đổi chưa tới nơi, bất kể tin nhắn nói gì.\n\n## Cách khắc phục, theo thứ tự\n\n1. **Tải lại dự án.** Một bản hiển thị cũ là lời giải thích rẻ nhất có thể.\n2. **Áp dụng lại thay đổi chủ đề trong trò chuyện** — và nhìn các màn hình.\n3. **Áp dụng ở phạm vi dự án.** Nếu bạn yêu cầu thay đổi khi đang tập trung vào một màn hình, hãy yêu cầu lại một cách rõ ràng: *“Áp chủ đề này cho mọi màn hình trong dự án.”*\n4. **Kiểm tra nguồn gốc của màn hình.** Những màn hình được tạo dưới dạng biến thể responsive, hoặc qua một số lối nhập nhất định, xưa nay là loại dễ bỏ lỡ chủ đề dự án nhất. Nếu chỉ một màn hình cụ thể lệch ra, đó là nguyên nhân nhiều khả năng nhất — hãy yêu cầu áp chủ đề cho đúng màn hình đó theo tên.\n\n## Riêng về phông chữ\n\nMột phông chữ có thể được đặt trong chủ đề trong khi tệp kiểu tải nó thì không được làm mới, khiến thiết kế tuyên bố dùng một phông mà nó không hiển thị. Xem [Phông chữ và kiểu chữ](/help/design-and-edit/fonts-and-typography).\n\n## Đừng sửa theo từng màn hình\n\nĐổi màu thủ công từng màn hình sẽ làm triệu chứng biến mất và bảo đảm sẽ lệch nhau về sau. Hãy làm cho chủ đề được áp dụng đúng cách.\n\n## Báo lại cho chúng tôi\n\n[Hãy liên hệ hỗ trợ](/help/troubleshooting/contact-support) kèm liên kết dự án, tên màn hình và điều bạn đã yêu cầu. Đây là thứ có thể sửa từ phía chúng tôi, và chính những báo cáo cụ thể mới làm được điều đó.","text":"Triệu chứng: một màn hình hiện ra như nội dung trơ trụi không kiểu dáng, hoặc một thay đổi chủ đề rõ ràng đã tác động lên vài màn hình nhưng không lên những màn hình khác. Hãy nhìn canvas, đừng nhìn câu trả lời Một thói quen quan trọng: trò chuyện có thể báo rằng thay đổi chủ đề đã xong trong khi canvas chẳng nhúc nhích. Hãy tin canvas. Nếu các màn hình không đổi thì thay đổi chưa tới nơi, bất kể tin nhắn nói gì. Cách khắc phục, theo thứ tự 1. Tải lại dự án. Một bản hiển thị cũ là lời giải thích rẻ nhất có thể. 2. Áp dụng lại thay đổi chủ đề trong trò chuyện — và nhìn các màn hình. 3. Áp dụng ở phạm vi dự án. Nếu bạn yêu cầu thay đổi khi đang tập trung vào một màn hình, hãy yêu cầu lại một cách rõ ràng: “Áp chủ đề này cho mọi màn hình trong dự án.” 4. Kiểm tra nguồn gốc của màn hình. Những màn hình được tạo dưới dạng biến thể responsive, hoặc qua một số lối nhập nhất định, xưa nay là loại dễ bỏ lỡ chủ đề dự án nhất. Nếu chỉ một màn hình cụ thể lệch ra, đó là nguyên nhân nhiều khả năng nhất — hãy yêu cầu áp chủ đề cho đúng màn hình đó theo tên. Riêng về phông chữ Một phông chữ có thể được đặt trong chủ đề trong khi tệp kiểu tải nó thì không được làm mới, khiến thiết kế tuyên bố dùng một phông mà nó không hiển thị. Xem Phông chữ và kiểu chữ. Đừng sửa theo từng màn hình Đổi màu thủ công từng màn hình sẽ làm triệu chứng biến mất và bảo đảm sẽ lệch nhau về sau. Hãy làm cho chủ đề được áp dụng đúng cách. Báo lại cho chúng tôi Hãy liên hệ hỗ trợ kèm liên kết dự án, tên màn hình và điều bạn đã yêu cầu. Đây là thứ có thể sửa từ phía chúng tôi, và chính những báo cáo cụ thể mới làm được điều đó."},{"slug":"images-are-broken-or-missing","category":"troubleshooting","categoryTitle":"Xử lý sự cố","title":"Ảnh bị hỏng, thiếu hoặc kẹt khi tải","description":"Ô giữ chỗ, ảnh tải mãi không xong, và ảnh biến mất sau khi xuất.","url":"https://uxmagic.ai/vi/help/troubleshooting/images-are-broken-or-missing","type":"troubleshooting","keywords":["ảnh hỏng","ảnh không tải","ô giữ chỗ","thiếu ảnh","quay vòng","kẹt"],"headings":["Một ảnh cứ ở mãi trạng thái đang tải","Biểu tượng ảnh hỏng","Một ảnh tải lên không đọc được","Ảnh biến mất sau khi xuất mã","Ảnh trông sai sau khi đổi chủ đề","Vẫn là cái logo sai ở khắp nơi"],"updated":"2026-08-27","faqs":[],"related":["images-in-your-designs","export-code","contact-support"],"markdown":"## Một ảnh cứ ở mãi trạng thái đang tải\n\nĐôi khi một ảnh đã tạo xong nhưng thẻ hiển thị vẫn cho thấy ô giữ chỗ. Bản thân bức ảnh thường vẫn ổn.\n\n**Cách khắc phục:** tải lại dự án. Nếu ảnh hiện ra, đó là vấn đề hiển thị chứ không phải vấn đề tạo ảnh. Nếu sau khi tải lại vẫn là ô giữ chỗ, hãy yêu cầu tạo lại ảnh đó.\n\n## Biểu tượng ảnh hỏng\n\nTham chiếu tới ảnh vẫn tồn tại nhưng tệp thì không tìm thấy. Hãy yêu cầu tạo lại:\n\n> Ảnh hero trên trang giới thiệu bị hỏng — hãy tạo lại.\n\n## Một ảnh tải lên không đọc được\n\nNếu bạn đưa cho AI một URL ảnh và nó nói không đọc được, URL đó phải **truy cập công khai được**. Các liên kết sau đăng nhập, trong một kho lưu trữ riêng tư, hay liên kết chia sẻ đã hết hạn thì không lấy về được. Hãy tải thẳng tệp lên thay vì dán một liên kết.\n\n## Ảnh biến mất sau khi xuất mã\n\nĐây là điều được dự kiến và quan trọng phải tính trước: mã đã xuất tham chiếu ảnh qua URL từ kho tài nguyên của dự án bạn. Hãy tải tài nguyên về kho mã của bạn trước khi phát hành — nếu không, website thật của bạn phụ thuộc vào những URL bạn không kiểm soát. Xem [Xuất mã nguồn](/help/export-and-handoff/export-code).\n\n## Ảnh trông sai sau khi đổi chủ đề\n\nẢnh do AI tạo không tự động chạy theo bảng màu mới. Hãy yêu cầu đổi màu tại chỗ thay vì tạo lại — như vậy mọi thứ khác của bức ảnh vẫn giữ nguyên. Xem [Hình ảnh trong thiết kế của bạn](/help/design-and-edit/images-in-your-designs).\n\n## Vẫn là cái logo sai ở khắp nơi\n\nHãy dùng lối thay-ở-mọi-nơi thay vì sửa từng màn hình một:\n\n> Thay logo trên mọi màn hình bằng cái tôi vừa tải lên.","text":"Một ảnh cứ ở mãi trạng thái đang tải Đôi khi một ảnh đã tạo xong nhưng thẻ hiển thị vẫn cho thấy ô giữ chỗ. Bản thân bức ảnh thường vẫn ổn. Cách khắc phục: tải lại dự án. Nếu ảnh hiện ra, đó là vấn đề hiển thị chứ không phải vấn đề tạo ảnh. Nếu sau khi tải lại vẫn là ô giữ chỗ, hãy yêu cầu tạo lại ảnh đó. Biểu tượng ảnh hỏng Tham chiếu tới ảnh vẫn tồn tại nhưng tệp thì không tìm thấy. Hãy yêu cầu tạo lại: Ảnh hero trên trang giới thiệu bị hỏng — hãy tạo lại. Một ảnh tải lên không đọc được Nếu bạn đưa cho AI một URL ảnh và nó nói không đọc được, URL đó phải truy cập công khai được. Các liên kết sau đăng nhập, trong một kho lưu trữ riêng tư, hay liên kết chia sẻ đã hết hạn thì không lấy về được. Hãy tải thẳng tệp lên thay vì dán một liên kết. Ảnh biến mất sau khi xuất mã Đây là điều được dự kiến và quan trọng phải tính trước: mã đã xuất tham chiếu ảnh qua URL từ kho tài nguyên của dự án bạn. Hãy tải tài nguyên về kho mã của bạn trước khi phát hành — nếu không, website thật của bạn phụ thuộc vào những URL bạn không kiểm soát. Xem Xuất mã nguồn. Ảnh trông sai sau khi đổi chủ đề Ảnh do AI tạo không tự động chạy theo bảng màu mới. Hãy yêu cầu đổi màu tại chỗ thay vì tạo lại — như vậy mọi thứ khác của bức ảnh vẫn giữ nguyên. Xem Hình ảnh trong thiết kế của bạn. Vẫn là cái logo sai ở khắp nơi Hãy dùng lối thay-ở-mọi-nơi thay vì sửa từng màn hình một: Thay logo trên mọi màn hình bằng cái tôi vừa tải lên."},{"slug":"clone-came-out-blank-or-partial","category":"troubleshooting","categoryTitle":"Xử lý sự cố","title":"Bản sao của tôi trống hoặc chưa đầy đủ","description":"Vì sao một bản sao website có thể trả về chưa đầy đủ, và cách hoàn tất nó.","url":"https://uxmagic.ai/vi/help/troubleshooting/clone-came-out-blank-or-partial","type":"troubleshooting","keywords":["sao chép thất bại","bản sao một phần","bản sao trống","sao chép website","thiếu phần"],"headings":["Chỗ giữ ở nơi lẽ ra phải là một phần nội dung","Không có gì trả về cả","Bản sao thiếu đúng những phần tôi cần","Chữ chồng lên nhau hoặc trông sai"],"updated":"2026-08-27","faqs":[],"related":["clone-a-website","blank-or-empty-screens","how-credits-work"],"markdown":"## Chỗ giữ ở nơi lẽ ra phải là một phần nội dung\n\nĐây là chủ ý. Khi một trang quá dài hoặc quá phức tạp để dựng lại trong một lượt, những phần không dựng được sẽ nằm lại trên canvas dưới dạng **chỗ giữ có nhãn** — một khoảng trống trung thực thay vì một trang bị âm thầm cắt ngắn.\n\n**Cách khắc phục:** hãy yêu cầu AI hoàn tất bản sao.\n\n> Hãy hoàn tất bản sao — các phần chỗ giữ vẫn đang trống.\n\nNó ghi lại trang gốc lần nữa và chỉ dựng những phần còn thiếu. Việc đó tốn một phần nhỏ so với một bản sao mới (2 tín dụng so với 10), nên đừng chạy lại cả bản sao.\n\n## Không có gì trả về cả\n\nThường là do trang không thể ghi lại được:\n\n- **Nó cần đăng nhập.** Không sao chép được. Hãy chụp màn hình trang đó và dùng [Ảnh chụp thành giao diện](/help/generate/screenshot-to-ui).\n- **Lớp chặn bot.** Các thử thách của Cloudflare và tương tự chặn việc ghi lại tự động.\n- **URL sai.** Hãy thêm giao thức, và kiểm tra xem nó có mở được trong cửa sổ ẩn danh không.\n- **Nội dung nằm sau một thao tác.** Menu, hộp thoại và các slide sau của băng chuyền chưa tồn tại cho tới khi có người bấm vào.\n\n## Bản sao thiếu đúng những phần tôi cần\n\nTrang dài mất phần đuôi trước. Nếu thứ bạn cần nằm xa phía dưới, hãy sao chép rồi yêu cầu cụ thể:\n\n> Hãy dựng lại phần câu hỏi thường gặp và phần chân trang của trang đó.\n\n## Chữ chồng lên nhau hoặc trông sai\n\nHãy báo cho chúng tôi. Chất lượng đầu ra của việc sao chép là thứ chúng tôi đang tích cực cải thiện, và chính những ví dụ cụ thể mới thúc đẩy điều đó — [hãy liên hệ hỗ trợ](/help/troubleshooting/contact-support) kèm URL nguồn và liên kết dự án.","text":"Chỗ giữ ở nơi lẽ ra phải là một phần nội dung Đây là chủ ý. Khi một trang quá dài hoặc quá phức tạp để dựng lại trong một lượt, những phần không dựng được sẽ nằm lại trên canvas dưới dạng chỗ giữ có nhãn — một khoảng trống trung thực thay vì một trang bị âm thầm cắt ngắn. Cách khắc phục: hãy yêu cầu AI hoàn tất bản sao. Hãy hoàn tất bản sao — các phần chỗ giữ vẫn đang trống. Nó ghi lại trang gốc lần nữa và chỉ dựng những phần còn thiếu. Việc đó tốn một phần nhỏ so với một bản sao mới (2 tín dụng so với 10), nên đừng chạy lại cả bản sao. Không có gì trả về cả Thường là do trang không thể ghi lại được: - Nó cần đăng nhập. Không sao chép được. Hãy chụp màn hình trang đó và dùng Ảnh chụp thành giao diện. - Lớp chặn bot. Các thử thách của Cloudflare và tương tự chặn việc ghi lại tự động. - URL sai. Hãy thêm giao thức, và kiểm tra xem nó có mở được trong cửa sổ ẩn danh không. - Nội dung nằm sau một thao tác. Menu, hộp thoại và các slide sau của băng chuyền chưa tồn tại cho tới khi có người bấm vào. Bản sao thiếu đúng những phần tôi cần Trang dài mất phần đuôi trước. Nếu thứ bạn cần nằm xa phía dưới, hãy sao chép rồi yêu cầu cụ thể: Hãy dựng lại phần câu hỏi thường gặp và phần chân trang của trang đó. Chữ chồng lên nhau hoặc trông sai Hãy báo cho chúng tôi. Chất lượng đầu ra của việc sao chép là thứ chúng tôi đang tích cực cải thiện, và chính những ví dụ cụ thể mới thúc đẩy điều đó — hãy liên hệ hỗ trợ kèm URL nguồn và liên kết dự án."},{"slug":"figma-export-failed","category":"troubleshooting","categoryTitle":"Xử lý sự cố","title":"Lượt xuất Figma của tôi thất bại","description":"Lỗi khi xuất, tệp Figma trống, và những lượt xuất làm hao hạn mức.","url":"https://uxmagic.ai/vi/help/troubleshooting/figma-export-failed","type":"troubleshooting","keywords":["xuất figma thất bại","lỗi xuất","figma trống","xuất không được"],"headings":["Kiểm tra hạn mức xuất của bạn","Lượt xuất đã chạy nhưng Figma trống","Lượt xuất báo lỗi","Kết nối lại","Một lượt xuất thất bại không nên tốn một lượt xuất","Tệp thì ổn nhưng bố cục lệch"],"updated":"2026-08-27","faqs":[],"related":["export-to-figma","figma-plugin","plans-and-limits"],"markdown":"## Kiểm tra hạn mức xuất của bạn\n\nSố lượt xuất Figma được tính theo gói. Nếu bạn đã dùng hết hạn mức, việc xuất sẽ dừng cho tới chu kỳ sau hoặc cho tới khi bạn nâng gói. Số lượt còn lại hiển thị trong tài khoản. Xem [Gói và giới hạn](/help/account-and-billing/plans-and-limits).\n\n## Lượt xuất đã chạy nhưng Figma trống\n\n- Hãy kiểm tra bạn đang ở **đúng tệp và đúng trang Figma** — các frame rơi vào nơi lượt xuất nhắm tới, và có thể đó không phải nơi bạn đang nhìn.\n- Thử **thu phóng cho vừa** trong Figma; các frame có thể nằm ngoài khung nhìn.\n- Nếu bạn xuất qua plugin, hãy chắc rằng plugin đang đăng nhập bằng **cùng tài khoản UXMagic**.\n\n## Lượt xuất báo lỗi\n\n1. **Thử một màn hình** thay vì cả dự án. Cách đó khoanh vùng được màn hình có vấn đề.\n2. **Kết nối lại Figma** trong Tích hợp — token OAuth có hạn dùng.\n3. **Kiểm tra tình trạng của chính Figma** nếu mọi thứ cùng lúc đều hỏng.\n\n## Kết nối lại\n\n**Tích hợp → Figma → ngắt kết nối, rồi kết nối lại.** Cách này xử lý được phần lớn lỗi ủy quyền.\n\n## Một lượt xuất thất bại không nên tốn một lượt xuất\n\nNếu một lần thử thất bại đã tiêu mất một phần hạn mức của bạn, [hãy liên hệ hỗ trợ](/help/troubleshooting/contact-support) kèm mốc thời gian và chúng tôi sẽ hoàn lại.\n\n## Tệp thì ổn nhưng bố cục lệch\n\nCấu trúc được chuyển sang một cách trung thực, nhưng Figma và web dàn chữ khác nhau, nên hãy chờ đợi vài khác biệt nhỏ ở chỗ ngắt dòng và ở những hiệu ứng không có tương đương trực tiếp. Nếu cả một phần sai chứ không chỉ hơi khác, điều đó đáng được báo lại.","text":"Kiểm tra hạn mức xuất của bạn Số lượt xuất Figma được tính theo gói. Nếu bạn đã dùng hết hạn mức, việc xuất sẽ dừng cho tới chu kỳ sau hoặc cho tới khi bạn nâng gói. Số lượt còn lại hiển thị trong tài khoản. Xem Gói và giới hạn. Lượt xuất đã chạy nhưng Figma trống - Hãy kiểm tra bạn đang ở đúng tệp và đúng trang Figma — các frame rơi vào nơi lượt xuất nhắm tới, và có thể đó không phải nơi bạn đang nhìn. - Thử thu phóng cho vừa trong Figma; các frame có thể nằm ngoài khung nhìn. - Nếu bạn xuất qua plugin, hãy chắc rằng plugin đang đăng nhập bằng cùng tài khoản UXMagic. Lượt xuất báo lỗi 1. Thử một màn hình thay vì cả dự án. Cách đó khoanh vùng được màn hình có vấn đề. 2. Kết nối lại Figma trong Tích hợp — token OAuth có hạn dùng. 3. Kiểm tra tình trạng của chính Figma nếu mọi thứ cùng lúc đều hỏng. Kết nối lại Tích hợp → Figma → ngắt kết nối, rồi kết nối lại. Cách này xử lý được phần lớn lỗi ủy quyền. Một lượt xuất thất bại không nên tốn một lượt xuất Nếu một lần thử thất bại đã tiêu mất một phần hạn mức của bạn, hãy liên hệ hỗ trợ kèm mốc thời gian và chúng tôi sẽ hoàn lại. Tệp thì ổn nhưng bố cục lệch Cấu trúc được chuyển sang một cách trung thực, nhưng Figma và web dàn chữ khác nhau, nên hãy chờ đợi vài khác biệt nhỏ ở chỗ ngắt dòng và ở những hiệu ứng không có tương đương trực tiếp. Nếu cả một phần sai chứ không chỉ hơi khác, điều đó đáng được báo lại."},{"slug":"my-changes-reverted","category":"troubleshooting","categoryTitle":"Xử lý sự cố","title":"Thay đổi của tôi bị quay lui hoặc biến mất","description":"Một lần chuyển phiên bản bật ngược lại, hoặc các chỉnh sửa có vẻ không được lưu.","url":"https://uxmagic.ai/vi/help/troubleshooting/my-changes-reverted","type":"troubleshooting","keywords":["quay lui","mất thay đổi","không lưu","tự hoàn tác","biến mất","rollback"],"headings":["Phiên bản đã chọn bật ngược lại khi bạn bấm ra chỗ khác","Thay đổi trong chế độ chỉnh sửa không giữ lại","Một chỉnh sửa của AI đi sai hướng","⌘Z không có tác dụng","Cả một màn hình biến mất"],"updated":"2026-08-27","faqs":[],"related":["versions-and-history","editing-a-screen","contact-support"],"markdown":"## Phiên bản đã chọn bật ngược lại khi bạn bấm ra chỗ khác\n\nNếu bạn chọn một phiên bản cũ và màn hình quay lui ngay khi bạn bấm ra nơi khác, lựa chọn đó chưa được lưu. Hãy thử:\n\n1. Chọn phiên bản rồi **đợi canvas ổn định** trước khi bấm ra chỗ khác.\n2. **Tải lại** và kiểm tra phiên bản nào đang hoạt động.\n3. Nếu vẫn quay lui, [hãy liên hệ hỗ trợ](/help/troubleshooting/contact-support) kèm liên kết dự án và tên màn hình — đây là lỗi, không phải một tùy chọn.\n\n## Thay đổi trong chế độ chỉnh sửa không giữ lại\n\nHãy bấm ra ngoài phần tử bạn vừa sửa để xác nhận thay đổi, rồi tải lại để chắc rằng nó đã lưu. Nếu chữ bạn gõ biến mất sau khi tải lại, hãy nói với chúng tôi — kèm tên màn hình và nội dung bạn đã gõ.\n\n## Một chỉnh sửa của AI đi sai hướng\n\nKhông có gì bị hủy. Mọi thay đổi của AI đều tạo một **phiên bản mới** và phiên bản trước vẫn còn đó — hãy quay lại nó. Xem [Phiên bản và lịch sử](/help/design-and-edit/versions-and-history).\n\n## ⌘Z không có tác dụng\n\nHãy bấm vào vùng trống trên canvas trước. Khi con trỏ đang ở trong ô prompt, thao tác hoàn tác thuộc về ô văn bản. Cũng lưu ý rằng hoàn tác chỉ bao phủ các thao tác trên canvas, không bao phủ các lượt tạo của AI — với những thứ đó, hãy dùng phiên bản.\n\n## Cả một màn hình biến mất\n\nHãy kiểm tra **thùng rác** của dự án và lịch sử phiên bản. Nếu một màn hình thật sự biến mất, hãy liên hệ hỗ trợ ngay và đừng tiếp tục làm việc trong dự án đó — việc khôi phục dễ hơn trước khi có thêm thay đổi chồng lên.","text":"Phiên bản đã chọn bật ngược lại khi bạn bấm ra chỗ khác Nếu bạn chọn một phiên bản cũ và màn hình quay lui ngay khi bạn bấm ra nơi khác, lựa chọn đó chưa được lưu. Hãy thử: 1. Chọn phiên bản rồi đợi canvas ổn định trước khi bấm ra chỗ khác. 2. Tải lại và kiểm tra phiên bản nào đang hoạt động. 3. Nếu vẫn quay lui, hãy liên hệ hỗ trợ kèm liên kết dự án và tên màn hình — đây là lỗi, không phải một tùy chọn. Thay đổi trong chế độ chỉnh sửa không giữ lại Hãy bấm ra ngoài phần tử bạn vừa sửa để xác nhận thay đổi, rồi tải lại để chắc rằng nó đã lưu. Nếu chữ bạn gõ biến mất sau khi tải lại, hãy nói với chúng tôi — kèm tên màn hình và nội dung bạn đã gõ. Một chỉnh sửa của AI đi sai hướng Không có gì bị hủy. Mọi thay đổi của AI đều tạo một phiên bản mới và phiên bản trước vẫn còn đó — hãy quay lại nó. Xem Phiên bản và lịch sử. ⌘Z không có tác dụng Hãy bấm vào vùng trống trên canvas trước. Khi con trỏ đang ở trong ô prompt, thao tác hoàn tác thuộc về ô văn bản. Cũng lưu ý rằng hoàn tác chỉ bao phủ các thao tác trên canvas, không bao phủ các lượt tạo của AI — với những thứ đó, hãy dùng phiên bản. Cả một màn hình biến mất Hãy kiểm tra thùng rác của dự án và lịch sử phiên bản. Nếu một màn hình thật sự biến mất, hãy liên hệ hỗ trợ ngay và đừng tiếp tục làm việc trong dự án đó — việc khôi phục dễ hơn trước khi có thêm thay đổi chồng lên."},{"slug":"the-ai-is-not-following-my-brief","category":"troubleshooting","categoryTitle":"Xử lý sự cố","title":"AI không làm theo brief của tôi","description":"Khi kết quả bỏ qua thương hiệu của bạn, đổi những thứ bạn không hỏi tới, hoặc báo thành công mà thực ra không đạt được.","url":"https://uxmagic.ai/vi/help/troubleshooting/the-ai-is-not-following-my-brief","type":"troubleshooting","keywords":["không làm theo","bỏ qua chỉ dẫn","sai màu","thương hiệu","ghi đè","kết quả sai"],"headings":["Hãy dứt khoát với những gì không thể thương lượng","Coi chừng bảng màu bị ghi đè","Hãy kiểm chứng, đừng tin bản tóm tắt","Giới hạn phạm vi chỉ dẫn của bạn","Ít thay đổi hơn trong mỗi tin nhắn","Ảnh tham chiếu không ghi đè một chủ đề sẵn có","Khi chuyện đó cứ lặp lại"],"updated":"2026-08-27","faqs":[],"related":["writing-a-good-prompt","chat-editing","themes-and-style-guides"],"markdown":"Đây là kiểu hỏng khó chịu nhất, và phần lớn có thể khắc phục từ phía bạn. Đây là những cách thật sự hiệu quả.\n\n## Hãy dứt khoát với những gì không thể thương lượng\n\nCách nói mềm sẽ bị coi là sở thích. Nếu điều gì đó là cố định, hãy nói đúng như vậy:\n\n> Dùng đúng #0F3D2E và #F5F1E8. Không đưa thêm bất kỳ màu nào khác.\n> Giữ nguyên chữ hiện có đúng như đang viết. Chỉ đổi bố cục.\n\n## Coi chừng bảng màu bị ghi đè\n\nMột mô-típ phổ biến: bạn nêu rõ màu thương hiệu, rồi một thao tác về chủ đề thay chúng bằng bảng màu mà mô hình cho là hài hòa hơn. Nếu màu của bạn biến mất, hãy nói thẳng:\n\n> Bạn đã thay màu thương hiệu của tôi. Trả màu chính về #0F3D2E và đừng đổi nữa.\n\n## Hãy kiểm chứng, đừng tin bản tóm tắt\n\nTrò chuyện đôi khi báo một thay đổi là đã xong trong khi canvas nói ngược lại. **Hãy nhìn các màn hình.** Nếu chúng không nhúc nhích thì thay đổi chưa tới nơi — hãy nói ra và yêu cầu lại. Xem [Bộ quy chuẩn của tôi không được áp dụng](/help/troubleshooting/style-guide-did-not-apply).\n\n## Giới hạn phạm vi chỉ dẫn của bạn\n\n“Chuyển sang tối” khi đang tập trung vào một phần tử có thể ghi cứng màu vào phần tử đó thay vì làm lại chủ đề của dự án. Với bất cứ điều gì mang tính toàn cục, hãy yêu cầu ở cấp dự án trong trò chuyện, chứ không phải bên trong chế độ chỉnh sửa.\n\n## Ít thay đổi hơn trong mỗi tin nhắn\n\nHai hoặc ba mỗi lần. Danh sách dài tác động lẫn nhau, và khi có gì đó hỏng bạn không thể biết chỉ dẫn nào gây ra.\n\n## Ảnh tham chiếu không ghi đè một chủ đề sẵn có\n\nĐính kèm một ảnh tham chiếu vào dự án đã có chủ đề sẽ không sơn lại dự án theo màu của ảnh đó. Hãy nói bằng lời: *“Dùng bảng màu từ ảnh này thay cho chủ đề hiện tại.”*\n\n## Khi chuyện đó cứ lặp lại\n\nHãy nói với chúng tôi, kèm liên kết dự án và điều bạn đã yêu cầu. Những trường hợp lặp lại mà mô hình phớt lờ một brief rõ ràng được chúng tôi coi là lỗi — đó là điều tai hại nhất mà sản phẩm có thể gây ra — và chính những ví dụ cụ thể mới giúp chúng tôi sửa được. [Hãy liên hệ hỗ trợ](/help/troubleshooting/contact-support).","text":"Đây là kiểu hỏng khó chịu nhất, và phần lớn có thể khắc phục từ phía bạn. Đây là những cách thật sự hiệu quả. Hãy dứt khoát với những gì không thể thương lượng Cách nói mềm sẽ bị coi là sở thích. Nếu điều gì đó là cố định, hãy nói đúng như vậy: Dùng đúng #0F3D2E và #F5F1E8. Không đưa thêm bất kỳ màu nào khác. Giữ nguyên chữ hiện có đúng như đang viết. Chỉ đổi bố cục. Coi chừng bảng màu bị ghi đè Một mô-típ phổ biến: bạn nêu rõ màu thương hiệu, rồi một thao tác về chủ đề thay chúng bằng bảng màu mà mô hình cho là hài hòa hơn. Nếu màu của bạn biến mất, hãy nói thẳng: Bạn đã thay màu thương hiệu của tôi. Trả màu chính về #0F3D2E và đừng đổi nữa. Hãy kiểm chứng, đừng tin bản tóm tắt Trò chuyện đôi khi báo một thay đổi là đã xong trong khi canvas nói ngược lại. Hãy nhìn các màn hình. Nếu chúng không nhúc nhích thì thay đổi chưa tới nơi — hãy nói ra và yêu cầu lại. Xem Bộ quy chuẩn của tôi không được áp dụng. Giới hạn phạm vi chỉ dẫn của bạn “Chuyển sang tối” khi đang tập trung vào một phần tử có thể ghi cứng màu vào phần tử đó thay vì làm lại chủ đề của dự án. Với bất cứ điều gì mang tính toàn cục, hãy yêu cầu ở cấp dự án trong trò chuyện, chứ không phải bên trong chế độ chỉnh sửa. Ít thay đổi hơn trong mỗi tin nhắn Hai hoặc ba mỗi lần. Danh sách dài tác động lẫn nhau, và khi có gì đó hỏng bạn không thể biết chỉ dẫn nào gây ra. Ảnh tham chiếu không ghi đè một chủ đề sẵn có Đính kèm một ảnh tham chiếu vào dự án đã có chủ đề sẽ không sơn lại dự án theo màu của ảnh đó. Hãy nói bằng lời: “Dùng bảng màu từ ảnh này thay cho chủ đề hiện tại.” Khi chuyện đó cứ lặp lại Hãy nói với chúng tôi, kèm liên kết dự án và điều bạn đã yêu cầu. Những trường hợp lặp lại mà mô hình phớt lờ một brief rõ ràng được chúng tôi coi là lỗi — đó là điều tai hại nhất mà sản phẩm có thể gây ra — và chính những ví dụ cụ thể mới giúp chúng tôi sửa được. Hãy liên hệ hỗ trợ."},{"slug":"generation-is-slow-or-stuck","category":"troubleshooting","categoryTitle":"Xử lý sự cố","title":"Việc tạo chạy chậm hoặc bị kẹt","description":"Điều gì là bình thường, điều gì thì không, và làm gì với một lượt chạy đã đứng lại.","url":"https://uxmagic.ai/vi/help/troubleshooting/generation-is-slow-or-stuck","type":"troubleshooting","keywords":["chậm","kẹt","treo","hết thời gian chờ","tải mãi","đóng băng","không phản hồi"],"headings":["Điều gì là bình thường","Điều gì là không bình thường","Nên làm gì","Để các lượt chạy nhanh hơn"],"updated":"2026-08-27","faqs":[],"related":["flow-mode-and-screen-plans","clone-a-website","contact-support"],"markdown":"## Điều gì là bình thường\n\n- **Một màn hình đơn lẻ** — thường dưới một phút.\n- **Một luồng nhiều màn hình** — các màn hình được thiết kế lần lượt, nên một luồng năm màn hình mất khoảng năm lần thời gian của một màn hình.\n- **Một bản sao website** — lâu hơn hẳn, vì một trình duyệt thật phải tải trang đích trước khi bất kỳ công việc thiết kế nào bắt đầu.\n- **Một lượt xuất mã cả dự án** — chạy như tác vụ nền; dự án lớn hơn thì lâu hơn.\n\nNếu các màn hình đang lần lượt hiện lên canvas thì mọi thứ vẫn chạy. Cứ để nó chạy tiếp.\n\n## Điều gì là không bình thường\n\n- Không có tiến triển nào trong vài phút liền.\n- Trò chuyện dừng giữa lượt mà không có tin nhắn và không có lỗi.\n- Một tác vụ nền không bao giờ báo hoàn thành.\n\n## Nên làm gì\n\n1. **Tải lại trang.** Lượt chạy vẫn tiếp tục ở phía máy chủ; bạn chỉ đang kết nối lại với nó.\n2. **Nhìn canvas.** Những màn hình hoàn tất trước lúc đứng lại vẫn ở đó.\n3. **Yêu cầu phần còn thiếu**, thay vì khởi động lại cả yêu cầu — như vậy bạn tránh trả tiền hai lần cho phần việc đã xong.\n4. Nếu tái hiện được, [hãy liên hệ hỗ trợ](/help/troubleshooting/contact-support) kèm liên kết dự án và thời điểm.\n\n## Để các lượt chạy nhanh hơn\n\n- **Chia nhỏ hơn.** Ba màn hình rồi ba màn hình nữa tốt hơn mười cái cùng lúc, và bạn có thể chỉnh hướng ở giữa.\n- **Chỉnh sửa có mục tiêu thay vì tạo lại** — vừa nhanh hơn vừa rẻ hơn.\n- **Chốt chủ đề trước**, để bạn không phải dựng lại màn hình chỉ vì sửa màu.","text":"Điều gì là bình thường - Một màn hình đơn lẻ — thường dưới một phút. - Một luồng nhiều màn hình — các màn hình được thiết kế lần lượt, nên một luồng năm màn hình mất khoảng năm lần thời gian của một màn hình. - Một bản sao website — lâu hơn hẳn, vì một trình duyệt thật phải tải trang đích trước khi bất kỳ công việc thiết kế nào bắt đầu. - Một lượt xuất mã cả dự án — chạy như tác vụ nền; dự án lớn hơn thì lâu hơn. Nếu các màn hình đang lần lượt hiện lên canvas thì mọi thứ vẫn chạy. Cứ để nó chạy tiếp. Điều gì là không bình thường - Không có tiến triển nào trong vài phút liền. - Trò chuyện dừng giữa lượt mà không có tin nhắn và không có lỗi. - Một tác vụ nền không bao giờ báo hoàn thành. Nên làm gì 1. Tải lại trang. Lượt chạy vẫn tiếp tục ở phía máy chủ; bạn chỉ đang kết nối lại với nó. 2. Nhìn canvas. Những màn hình hoàn tất trước lúc đứng lại vẫn ở đó. 3. Yêu cầu phần còn thiếu, thay vì khởi động lại cả yêu cầu — như vậy bạn tránh trả tiền hai lần cho phần việc đã xong. 4. Nếu tái hiện được, hãy liên hệ hỗ trợ kèm liên kết dự án và thời điểm. Để các lượt chạy nhanh hơn - Chia nhỏ hơn. Ba màn hình rồi ba màn hình nữa tốt hơn mười cái cùng lúc, và bạn có thể chỉnh hướng ở giữa. - Chỉnh sửa có mục tiêu thay vì tạo lại — vừa nhanh hơn vừa rẻ hơn. - Chốt chủ đề trước, để bạn không phải dựng lại màn hình chỉ vì sửa màu."},{"slug":"charts-or-animations-not-rendering","category":"troubleshooting","categoryTitle":"Xử lý sự cố","title":"Biểu đồ hoặc hoạt ảnh không hiển thị","description":"Vì sao một biểu đồ chỉ hiện ra một ô trống, và làm gì với các phần tử tương tác.","url":"https://uxmagic.ai/vi/help/troubleshooting/charts-or-animations-not-rendering","type":"troubleshooting","keywords":["biểu đồ","đồ thị","hoạt ảnh","phần tử canvas","biểu đồ trống","tương tác","script"],"headings":["Một ô trống ở chỗ lẽ ra là biểu đồ","Hoạt ảnh không chạy","Sau khi xuất","Báo lại cho chúng tôi"],"updated":"2026-08-27","faqs":[],"related":["blank-or-empty-screens","export-code","contact-support"],"markdown":"## Một ô trống ở chỗ lẽ ra là biểu đồ\n\nBiểu đồ được một script vẽ vào một phần tử canvas. Nếu màn hình được hiển thị lại mà script đó không chạy lại — sau khi tải lại, sau khi chuyển phiên bản, hoặc sau khi lưu — phần tử vẫn còn nhưng hình vẽ thì không, và bạn nhận về một ô trống.\n\n**Nên thử**\n\n1. **Tải lại dự án.** Thường là đủ.\n2. **Yêu cầu dựng lại biểu đồ** trên màn hình đó.\n3. **Yêu cầu một biểu đồ tĩnh** nếu nó chỉ cần trông đúng trong một thiết kế: *“Thay biểu đồ bằng một bản SVG tĩnh.”* Biểu đồ tĩnh sống sót qua mọi lần lưu và xuất, và với một sản phẩm bàn giao thiết kế thì đó thường là thứ bạn muốn.\n\n## Hoạt ảnh không chạy\n\nCùng một nguyên nhân gốc. Thiết kế được lưu dưới dạng mã, và những hành vi phụ thuộc vào việc script chạy đúng lúc thì không phải lúc nào cũng sống sót qua một vòng lưu–mở. Với bất cứ thứ gì nặng về chuyển động, hãy thiết kế các khung tĩnh ở đây rồi cài đặt chuyển động sau khi xuất.\n\n## Sau khi xuất\n\nMã đã xuất chứa đúng những gì có trên màn hình. Nếu một biểu đồ trống trên canvas, nó cũng trống trong bản xuất. Hãy sửa trước khi xuất, hoặc nối thư viện biểu đồ thật trong codebase của bạn — thứ mà đằng nào bạn cũng sẽ phải làm khi nó hiển thị dữ liệu thật.\n\n## Báo lại cho chúng tôi\n\nNếu một biểu đồ luôn trống trên một màn hình cụ thể, [hãy liên hệ hỗ trợ](/help/troubleshooting/contact-support) kèm liên kết dự án và tên màn hình.","text":"Một ô trống ở chỗ lẽ ra là biểu đồ Biểu đồ được một script vẽ vào một phần tử canvas. Nếu màn hình được hiển thị lại mà script đó không chạy lại — sau khi tải lại, sau khi chuyển phiên bản, hoặc sau khi lưu — phần tử vẫn còn nhưng hình vẽ thì không, và bạn nhận về một ô trống. Nên thử 1. Tải lại dự án. Thường là đủ. 2. Yêu cầu dựng lại biểu đồ trên màn hình đó. 3. Yêu cầu một biểu đồ tĩnh nếu nó chỉ cần trông đúng trong một thiết kế: “Thay biểu đồ bằng một bản SVG tĩnh.” Biểu đồ tĩnh sống sót qua mọi lần lưu và xuất, và với một sản phẩm bàn giao thiết kế thì đó thường là thứ bạn muốn. Hoạt ảnh không chạy Cùng một nguyên nhân gốc. Thiết kế được lưu dưới dạng mã, và những hành vi phụ thuộc vào việc script chạy đúng lúc thì không phải lúc nào cũng sống sót qua một vòng lưu–mở. Với bất cứ thứ gì nặng về chuyển động, hãy thiết kế các khung tĩnh ở đây rồi cài đặt chuyển động sau khi xuất. Sau khi xuất Mã đã xuất chứa đúng những gì có trên màn hình. Nếu một biểu đồ trống trên canvas, nó cũng trống trong bản xuất. Hãy sửa trước khi xuất, hoặc nối thư viện biểu đồ thật trong codebase của bạn — thứ mà đằng nào bạn cũng sẽ phải làm khi nó hiển thị dữ liệu thật. Báo lại cho chúng tôi Nếu một biểu đồ luôn trống trên một màn hình cụ thể, hãy liên hệ hỗ trợ kèm liên kết dự án và tên màn hình."},{"slug":"contact-support","category":"troubleshooting","categoryTitle":"Xử lý sự cố","title":"Liên hệ hỗ trợ","description":"Cách liên hệ chúng tôi, và cần gửi kèm gì để chúng tôi xử lý được ngay ở lần trả lời đầu tiên.","url":"https://uxmagic.ai/vi/help/troubleshooting/contact-support","type":"guide","keywords":["hỗ trợ","trợ giúp","liên hệ","email","trò chuyện","báo lỗi","nói chuyện với người thật"],"headings":["Cách liên hệ chúng tôi","Cần gửi kèm gì","Xin đừng xóa bằng chứng","Thanh toán","Đề xuất tính năng"],"updated":"2026-08-27","faqs":[],"related":["i-ran-out-of-credits","the-ai-is-not-following-my-brief","refunds"],"markdown":"## Cách liên hệ chúng tôi\n\n- **Trò chuyện trong ứng dụng** — cách nhanh nhất. Mở hộp thư từ bảng điều khiển hoặc từ [trang hỗ trợ](/support).\n- **Email** — **hello@uxmagic.ai**.\n- **Enterprise** — hỗ trợ ưu tiên với thời gian phản hồi cam kết là một phần của gói.\n\n## Cần gửi kèm gì\n\nĐây là khác biệt giữa việc được xử lý ngay ở lần trả lời đầu tiên và cả tuần trao đổi qua lại:\n\n1. **Liên kết dự án.** Sao chép từ thanh địa chỉ.\n2. **Tên màn hình**, nếu vấn đề nằm ở một màn hình.\n3. **Điều bạn đã yêu cầu** — hãy dán prompt vào.\n4. **Điều đã xảy ra thay vào đó**, và điều bạn mong đợi.\n5. **Khoảng thời gian.** Giờ và múi giờ.\n6. **Một ảnh chụp màn hình**, nếu là vấn đề về hình ảnh.\n\n## Xin đừng xóa bằng chứng\n\nNếu một màn hình trống, hỏng hay sai, hãy để nguyên đó cho tới khi chúng tôi xem. Xóa nó đi là gỡ mất bản ghi duy nhất về việc gì đã sai.\n\n## Thanh toán\n\nVới mọi việc liên quan tới thanh toán, hãy gửi thư tới **hello@uxmagic.ai** trước khi khiếu nại với ngân hàng — một khiếu nại có thể tạm khóa tài khoản của bạn trong lúc xem xét. Xem [Thanh toán, hóa đơn và phương thức thanh toán](/help/account-and-billing/billing-and-invoices).\n\n## Đề xuất tính năng\n\nChúng tôi thật lòng hoan nghênh. Hãy nói cho chúng tôi vấn đề bạn đang muốn giải quyết thay vì tính năng bạn đã hình dung — nhiều khi chúng tôi giải được theo một cách bạn chưa nghĩ tới, hoặc cho bạn biết rằng nó đã có sẵn.","text":"Cách liên hệ chúng tôi - Trò chuyện trong ứng dụng — cách nhanh nhất. Mở hộp thư từ bảng điều khiển hoặc từ trang hỗ trợ. - Email — hello@uxmagic.ai. - Enterprise — hỗ trợ ưu tiên với thời gian phản hồi cam kết là một phần của gói. Cần gửi kèm gì Đây là khác biệt giữa việc được xử lý ngay ở lần trả lời đầu tiên và cả tuần trao đổi qua lại: 1. Liên kết dự án. Sao chép từ thanh địa chỉ. 2. Tên màn hình, nếu vấn đề nằm ở một màn hình. 3. Điều bạn đã yêu cầu — hãy dán prompt vào. 4. Điều đã xảy ra thay vào đó, và điều bạn mong đợi. 5. Khoảng thời gian. Giờ và múi giờ. 6. Một ảnh chụp màn hình, nếu là vấn đề về hình ảnh. Xin đừng xóa bằng chứng Nếu một màn hình trống, hỏng hay sai, hãy để nguyên đó cho tới khi chúng tôi xem. Xóa nó đi là gỡ mất bản ghi duy nhất về việc gì đã sai. Thanh toán Với mọi việc liên quan tới thanh toán, hãy gửi thư tới hello@uxmagic.ai trước khi khiếu nại với ngân hàng — một khiếu nại có thể tạm khóa tài khoản của bạn trong lúc xem xét. Xem Thanh toán, hóa đơn và phương thức thanh toán. Đề xuất tính năng Chúng tôi thật lòng hoan nghênh. Hãy nói cho chúng tôi vấn đề bạn đang muốn giải quyết thay vì tính năng bạn đã hình dung — nhiều khi chúng tôi giải được theo một cách bạn chưa nghĩ tới, hoặc cho bạn biết rằng nó đã có sẵn."}]}