Đường đi ngắn nhất qua 1DesignTool là một brief và một lần điều hướng — khoảng năm phút. Trang này dẫn bạn qua vòng lặp đó: một dự án mới, một lượt chạy đầu tiên và lần sửa đầu tiên, để bạn có khung hình dung cho phần tài liệu còn lại.
Tạo dự án
Từ màn hình chính, nhấn New project — hoặc mô tả thiết kế ngay trong composer ở trang chủ và app sẽ tạo dự án cho bạn. Chọn một mẫu sẽ cho agent biết định dạng output (một slide deck, một bộ màn hình mobile, một UI mockup) và nạp đúng viewer cùng các kiểm tra; Blank để brief tự quyết định định dạng.
Viết brief đầu tiên
Một brief đầu tiên tốt mang theo ý tưởng, đối tượng và cảm giác — một hoặc hai câu, không phải một spec. "Một landing page cho dịch vụ cà phê đăng ký — tông tối, phong cách editorial, typography tự tin" là đủ. Gửi nó bằng Send và lượt chạy bắt đầu: composer hiển thị agent đang làm việc, và panel preview lấp đầy khi các file thật đổ vào thư mục dự án.
Khi turn kết thúc, cổng kiểm duyệt báo cáo — Design checks xanh nghĩa là kết quả đạt các luật của kit (độ tương phản, cỡ chữ, vùng chạm, điều hướng hoạt động ở mọi độ rộng). Kết quả vẫn live ở panel bên phải: hover lên nó, click qua nó, kéo thay đổi độ rộng.
Điều hướng một lần
Không thích một tiêu đề? ⌥-click vào nó trong preview, viết một dòng — "siết lại, tối đa hai dòng" — rồi gửi. Bình luận đó trở thành một ghim mà agent đọc, và turn tiếp theo sửa đúng chỗ đó. Với những thay đổi hướng lớn hơn, nhắn tiếp trong composer.
Mẹo: Điều hướng cái gì, không phải cách làm. "Thêm khoảng trống phía trên fold" tốt hơn "thêm
margin-top: 4rem" — design kit sẽ dịch định hướng của bạn thành các token mà cả dự án giữ nhất quán.
Đi xa hơn: một app mobile, thiết kế lại qua MCP
Cùng một vòng lặp scale lên các artifact lớn hơn. Ở đây một dự án Mobile app dựng một app theo dõi thói quen — vòng Today, streak, màn hình stats — theo phong cách SwiftUI native, rồi một MCP client (Cursor) điều khiển turn tiếp theo từ bên ngoài app: một lần thiết kế lại đổi accent, làm đậm các vòng và thêm biểu đồ tuần.
Turn bên ngoài đổ xuống như mọi turn khác — được gắn tag via MCP · Cursor trên bubble, lượt chạy live trong transcript, và cổng kiểm duyệt báo cáo khi nó kết thúc. Studio không hề dừng; client chỉ dùng API thật của nó.
MCP — điều khiển studio từ bất kỳ agent nào trình bày server, panel truy cập và những gì một client có thể gọi.