1DesignTool là gì?

1DesignTool là một studio thiết kế desktop biến một brief bằng văn bản thành một thiết kế hoạt động — HTML, CSS và JS thật trong một thư mục dự án thật — bằng cách điều khiển coding agent bạn đã cài sẵn. Claude Code, Codex, Cursor Agent, Devin và các CLI được hỗ trợ khác lo phần dựng; 1DesignTool cung cấp cho chúng một studio: live preview, bộ luật design kit, công cụ điều hướng và các bản export nằm ngay trên ổ đĩa của bạn.

Màn hình chính của 1DesignTool với ô soạn brief và các dự án của bạn

Cách nó vận hành

Bạn viết điều mình muốn — "một landing page cho dịch vụ cà phê đăng ký, tông trầm, phong cách editorial" — và agent sẽ dựng nó. Kết quả không phải mockup hay một canvas toàn hình khối: đó là một thư mục file bạn có thể mở, sửa, fork và ship. Panel preview theo dõi thư mục đó, nên thiết kế trên màn hình luôn là thiết kế trên đĩa.

Chính sự phân tách đó là cốt lõi. Agent giỏi tạo bản nháp đầu tiên thật nhanh; bạn giỏi biết thế nào là "đúng". 1DesignTool được xây quanh lượt bàn giao đó: agent dựng, bạn điều hướng — bằng cách chọn phần tử, viết bình luận, chỉnh nhẹ các núm tweak, hoặc gửi lại bản dựng qua cổng kiểm duyệt chất lượng cao hơn.

Local-first, và agent của bạn là động cơ

Dự án nằm trong thư mục do bạn chọn. Các lượt chạy đi qua CLI agent của chính bạn và tài khoản của chính bạn — app không bao giờ đòi bạn API key cho agent và không bao giờ proxy công việc của bạn qua server của nó. Thứ agent dựng ra được kiểm tra bởi design kit: độ tương phản, cỡ chữ tối thiểu, vùng chạm, điều hướng hoạt động ở mọi độ rộng. Một thiết kế không vượt qua cổng sẽ cho bạn biết chính xác lỗi ở đâu.

Một lượt chạy đầy đủ — brief trở thành live preview đã qua cổng trong thư mục dự án.

Bạn có thể tạo gì

Mười bốn mẫu bao trọn những thứ một team nhỏ thực sự ship: UI mockup và wireframe, slide thuyết trình, màn hình mobile, website tương tác, bộ nhận diện và logo, vật thể và cảnh 3D, animation, sơ yếu lý lịch, infographic, email HTML, tài liệu và hơn nữa. Mỗi mẫu đi kèm một viewer được tinh chỉnh cho output của nó — slide có trình xem slide, email có khung preview đúng độ rộng client, 3D có viewport xoay orbit.

Mẹo: Hãy bắt đầu từ một mẫu, đừng bắt đầu từ trang trắng. Mẫu cho agent biết định dạng output, viewer và các kiểm tra áp dụng — brief của bạn chỉ cần nêu ý tưởng.

Liên quan