Early Access
Chỉnh sửa phong cách, bố cục và nội dung ngay trên trình duyệt. Agent AI sẽ viết mọi thay đổi vào mã nguồn.
Từ những nhà sáng tạo của Motion
Cách hoạt động
Design
- Thay đổi màu sắc, bố cục, phong cách, chuyển đổi, hoạt ảnh và chỉnh sửa văn bản.
- Sử dụng trên tất cả các trình duyệt.
Sync
- Gửi thay đổi đến agent AI, agent sẽ tìm đúng tập tin và áp dụng chỉnh sửa, dù trang của bạn được xây dựng như thế nào.
- Hỗ trợ mọi framework hoặc CSS thường.
Ship
- Agent viết mã. Xem lại sự khác biệt, commit, và triển khai. Không cần copy-paste hay chuyển đổi ngữ cảnh.
- Hỗ trợ tất cả các agents chính.
Tính năng
Chỉnh sửa trên trang
- Công cụ thiết kế ngay trên trang web của bạn. Dùng điều khiển để chỉnh sửa bố cục, phong cách…
- Gửi cập nhật trực tiếp tới agent AI để thực hiện.
Dòng thời gian animations
- Theo dõi hoạt ảnh
@keyframestrên dòng thời gian trực quan. - Thêm, di chuyển, chỉnh sửa và xóa keyframes. Thay đổi thời gian, độ trễ, hướng và easing.
CSS variables
- CSS Studio phát hiện biến CSS có trên phần tử.
- Chỉnh sửa biến và xem tác động trên toàn trang.
- Áp dụng biến vào phong cách chỉ với một cú nhấp.
Chỉnh sửa DOM
- Thêm phần tử, đổi tên thẻ, sắp xếp lại với kéo-thả, sao chép và xóa.
- Nhấp đôi để chỉnh sửa văn bản trực tiếp.
Spring easings
- Thiết kế springs với trình chỉnh sửa đường cong.
- CSS Studio sử dụng Motion để tạo springs CSS thật hoàn hảo.
Trình chỉnh sửa gradient
- Xây dựng gradient tuyến tính, hình bán nguyệt và hình nón.
- Thêm, di chuyển và xóa màu điểm dừng.
Trình chọn màu
- Chọn màu với công cụ chọn HSL/RGB, nhập hex, bút màu và điều khiển kênh alpha.
Bắt đầu chỉnh sửa CSS một cách trực quan.
- Mua một lần. Bao gồm mọi cập nhật trong tương lai.
- Giá $99