DesignForge

DesignForge là một công cụ tổng hợp các "quy tắc thiết kế" cho ứng dụng và màn hình vào một tệp duy nhất có tên là DESIGN.md.

■ Khi nào nên sử dụng:

・Cảm nhận về màu sắc và khoảng cách thay đổi mỗi khi bạn để AI tạo giao diện người dùng.

・Bạn luôn không chắc chắn "lần trước mình đã dùng màu gì?"

・Các quy tắc chung mà bạn có thể đưa ra cho nhóm của mình hoặc AI chỉ tồn tại trong đầu bạn.

Nguyên nhân của sự khác biệt không phải là sự khác biệt về cảm nhận, mà là việc không cung cấp được "định nghĩa về câu trả lời chính xác". DesignForge đưa định nghĩa đó vào một tệp.

■ Cách sử dụng:

1. Chọn một mẫu (mẫu có sẵn dành riêng cho thể loại).

2. Điều chỉnh màu chính, độ sáng, phông chữ, tỷ lệ kích thước, khoảng cách, bo tròn góc, v.v.

3. Kiểm tra giao diện thực tế với bản xem trước màn hình.

4. Sao chép/chia sẻ/lưu DESIGN.md và đặt nó vào dự án của bạn.

Bạn chỉ cần quyết định khoảng 8 mục. Từ đó, phần mềm sẽ tự động tạo ra 14 màu sắc, 7 cấp độ phông chữ, bo tròn góc, khoảng cách và kiểu dáng thành phần. Vì bạn không phải tự chọn mọi thứ, bạn có thể hoàn thành dự án mà không bị bỏ dở giữa chừng.

■ Tính năng

■ Xem trước trực tiếp

Tiêu đề, văn bản chính, nút chính, nút phụ, mẹo, thẻ và trường nhập liệu được hiển thị với các cài đặt hiện tại. Thay đổi giá trị được phản ánh ngay lập tức.

■ 12 công cụ như một "phòng thử đồ"

Bao gồm các công cụ thiết thực như danh sách việc cần làm, ghi chú dán màu, bộ đếm thời gian nghỉ, đồng hồ bấm giờ, bộ đếm, vòng quay may mắn, bộ đếm ngày, công cụ theo dõi thói quen và kiểm tra trước khi phát hành. Tất cả đều được hiển thị bằng cách sử dụng các mã thông báo trong tệp DESIGN.md mà bạn đang tạo. Bạn có thể kiểm tra các bảng màu trên "màn hình thông thường" của mình, chứ không chỉ là màn hình mẫu.

■ Phát hiện độ tương phản

Thiết bị đầu cuối phát hiện tiêu chuẩn WCAG AA. Bạn có thể tìm thấy các tổ hợp khó đọc trước khi xuất.

■ • Tuân thủ định dạng DESIGN.md

Định dạng đầu ra không phải là định dạng tùy chỉnh; nó tuân thủ các thông số kỹ thuật DESIGN.md được công khai.

* Lưu và Khôi phục

Bạn có thể lưu các thiết kế đã tạo của mình với một tên và tải chúng lên sau này.

* Đầu ra

Một tệp Markdown duy nhất chứa các định nghĩa mã thông báo (YAML) cho màu sắc, phông chữ, bố cục, bo tròn góc và các thành phần, cùng với một phần văn bản nêu rõ "những việc nên làm/những việc không nên làm". Tệp này có thể được đặt trực tiếp trong kho lưu trữ và được đọc bởi các tác nhân AI và các thành viên nhóm.

* Ghi chú sử dụng

* Tất cả dữ liệu đã nhập được lưu trên thiết bị của bạn. Không cần đăng ký tài khoản.

* Miễn phí sử dụng. Quảng cáo được hiển thị để hỗ trợ dịch vụ.