NEXTCORE DESIGN
Kho bản vẽ giao diện ngay trong NextCore Browser — nhập từ Penpot, Figma, Sketch, PDF; xếp theo bản design, trang, thư mục; xuất và gửi link xem.
NEXTCORE DESIGN (NCD) giữ bản vẽ giao diện của bạn trên máy, mở từ mục NCD ở thanh bên của NextCore Browser (NCB).
Mỗi màn có ảnh xem trước, sắp theo thư mục, và agent đọc / sửa được qua MCP ncd_*.
Bản design, trang, thư mục
Từ 0.3.163, mỗi tệp Penpot bạn nhập vào là một bản design riêng, không còn gom cả dự án Penpot thành một khối:
| Ở Penpot | Trong NCD |
|---|---|
| Dự án | Nhóm của bản design |
| Tệp | Bản design |
| Trang | Thư mục cấp 1 trong bản design |
| Bảng (board) | Màn |
Kho cũ được chuyển tự động lần đầu mở NCD sau khi cập nhật: màn dời về đúng bản design và trang theo nguồn nhập, giữ nguyên biến thể và ghi chú. Màn không xác định được nguồn vào thùng rác của NCD, khôi phục được. Kho gần 3.000 màn chuyển trong khoảng 1–2 giây.
Nhập bản vẽ
Kéo thả hoặc dán vào NCD:
- HTML, SVG, PNG, tệp
.zip - Tệp Penpot
.penpothoặc link chia sẻ Penpot - Sketch, Adobe XD, PDF — mỗi trang thành một ảnh tham chiếu
- Link Figma (dán token Figma một lần) và artifact claude.ai
Mỗi tệp có một dòng tiến độ riêng. Tệp lỗi không làm hỏng cả lô.
Thư mục
Tạo thư mục con nhiều cấp, kéo thả để chuyển, F2 đổi tên. Xoá một thư mục là đưa cả nhánh vào thùng rác; khôi phục trả về đúng chỗ cũ.
Ảnh xem trước chỉ dựng cho thư mục đang mở nên không tốn máy.
Chọn nhiều màn
Từ 0.3.166, rê vào thẻ màn sẽ hiện ô chọn ở góc. Chọn nhiều:
| Thao tác | Kết quả |
|---|---|
| Bấm ô chọn hoặc Space | Chọn / bỏ chọn một màn |
| Shift + bấm | Chọn cả dải từ màn chọn trước |
| Ctrl + A (⌘ + A trên Mac) | Chọn hết màn đang hiện |
| Esc | Bỏ chọn |
Thanh thao tác hiện ở dưới khi có màn được chọn: Chuyển thư mục (có ô tìm thư mục), Gắn #issue / gỡ, Duyệt (đánh dấu Chờ duyệt hoặc Đã duyệt, chip hiện trên thẻ), Thùng rác. Cửa sổ hẹp thì các nút gom vào Thao tác ▾. Một màn lỗi không làm hỏng cả lô.
Gợi ý gom: thư mục có nhiều màn đặt tên cùng tiền tố (dang-nhap-…, T31-…) thì NCD gợi ý gom mỗi tiền tố vào một thư mục con.
Xem trước rồi bấm áp dụng; Hoàn tác trả màn về đúng chỗ cũ, giữ nguyên tên.
Xem và thu phóng
Từ 0.3.166, trên bảng vẽ, cửa sổ trình chiếu và tab Xem HTML:
- Ctrl + lăn chuột (⌘ + lăn trên Mac) hoặc chụm hai ngón trên touchpad để thu phóng quanh con trỏ, từ 5 % tới 400 %.
- Nút Vừa khung · 100 % · 200 %, hoặc phím 0 · 1 · 2 · + · −.
- Phóng to vẫn nét: ảnh được dựng lại ở độ phân giải cao hơn, chip Đang dựng nét ở …% hiện trong lúc chờ.
Tab Xem HTML mở bảng dạng trang thật: rê chuột thấy hiệu ứng hover và nhãn tên · rộng × cao của phần tử; bấm để ghim và đọc style cùng token đang dùng, Esc bỏ ghim.
Tạo bằng agent
Từ 0.3.165, trong một thư mục bấm Tạo bằng agent:
- Ghi mô tả màn cần vẽ, đặt tên (bỏ trống thì lấy từ mô tả), chọn trạng thái và khổ cần vẽ.
- Bấm Giao agent. NCD tạo màn rỗng rồi giao việc cho một agent đang rảnh trên máy bạn qua NEXTCORE TERMINAL.
- Agent gửi từng ô về; ngăn hiện ô nào đã có, ô nào còn thiếu. Xong thì bấm mở màn để xem.
Không có agent rảnh thì việc báo lỗi, mô tả vẫn giữ để Thử lại. Gắn #issue cho thư mục để việc vào sổ, điều phối giao khi có máy rảnh.
Mỗi dự án có một tệp DESIGN.md (màu, chữ, khoảng cách, 5 trạng thái, vùng chạm 44 px) dựng từ bộ token của bạn. Agent đọc tệp này trước khi vẽ. Bạn sửa được nội dung; Dựng lại ghi đè bằng bản mới từ token.
Xuất và chia sẻ
Ctrl+Shift+Emở hộp Xuất: PNG, JPG, WebP, SVG, PDF nhiều trang, PPTX, HTML, hoặc gói.ncd.- Xuất cả một thư mục hoặc cả dự án: PDF gộp thành một tệp, PPTX mỗi ô một trang chiếu.
- Cửa sổ xem trực tiếp tự cập nhật khi bản vẽ đổi; quét mã QR để xem trên điện thoại cùng Wi-Fi.
- Tạo link xem gửi bản vẽ cho người không cài app: có hạn dùng, mật khẩu tuỳ chọn, thu hồi bất cứ lúc nào.