Biến và giao diện

1Biến

Mở bảng Biến bằng Cmd+Shift+V. Tạo biến màu, số và văn bản, tìm kiếm chúng và gắn chúng vào màu tô, viền, kích thước hoặc văn bản. Agent còn có thể tạo biến đúng/sai.

2Giao diện

Thêm một giao diện để tạo một trục như Chế độ, rồi thêm các biến thể như Sáng và Tối. Mỗi biến có thể có một giá trị cho từng biến thể, và khi chuyển biến thể, mọi thứ được gắn với biến sẽ được vẽ lại.

Lưu bộ hiện tại thành mẫu cài sẵn để dùng lại trong các tệp khác. Mẫu cài sẵn có thể được xuất ra và nhập từ tệp .optheme.

3Hệ thống thiết kế

Ứng dụng đi kèm bốn hệ thống thiết kế hoàn chỉnh: Halo, Lunaris, Nitro và shadcn. Mỗi hệ thống là một bộ token đầy đủ với giao diện sáng và tối. Áp dụng một hệ thống từ Trang chủ, Hệ thống thiết kế, hoặc nhờ agent làm việc đó.

4design.md

Bảng Hệ thống thiết kế (Cmd+Shift+D) lưu một bản mô tả bằng chữ cho thiết kế: chủ đề trực quan, màu sắc, kiểu chữ, kiểu thành phần, nguyên tắc bố cục và ghi chú cho việc tạo thiết kế. Agent đọc nó trước khi vẽ.

• Nhập hoặc xuất nó dưới dạng tệp design.md.
• Tự động tạo nó từ thiết kế hiện tại bằng mô hình AI của bạn.
• Đồng bộ tất cả với biến chuyển các màu của nó thành biến; +Var thêm từng biến một.

5Hướng dẫn phong cách

Trung tâm tài nguyên có 63 hướng dẫn phong cách tích hợp sẵn mà agent có thể làm theo, cùng các phong cách của riêng bạn: nhập bất kỳ tệp DESIGN.md nào, hoặc dán nội dung, trong mục Phong cách. Ghim một phong cách để agent dùng nó cho mọi thiết kế mới.