Xếp hạng của biên tập viên: Xếp hạng của người dùng:[Tổng cộng: 0 Trung bình: 0] @media(độ rộng tối thiểu: 500px) { } @media(độ rộng tối thiểu: 800px) { }
Noya là một công cụ tạo mẫu giao diện người dùng miễn phí với Notion như trình chỉnh sửa và xuất Figma. Công cụ này chỉ là một công cụ tạo mẫu giao diện người dùng khác dành cho bạn, nhưng nó hoạt động theo cách khác. Nó nhanh hơn cũng như cung cấp cho bạn một cách hoàn toàn mới để thiết kế trang web hoặc giao diện người dùng khác. Nó cho phép bạn vẽ các khối giao diện người dùng bằng cách kéo và thả, sau đó tạo bố cục cuối cùng trong thời gian thực. Nó có các lệnh Notion giống như dấu gạch chéo mà bạn có thể sử dụng để chèn các khối khác nhau vào thiết kế của mình.
Bạn có thể tạo thiết kế của mình chỉ trong vài giây với công cụ này. Đối với các trình giữ chỗ như hình ảnh và bảng, nó có thể tự động tạo dữ liệu giả cho bạn, dữ liệu này có thể chỉnh sửa được. Bạn chỉ có thể tập trung vào thiết kế và sau khi thiết kế hoàn tất, bạn có thể xuất nó dưới dạng tệp PNG, PDF và Figma. Nó cũng hỗ trợ xuất trong React, nhưng tôi nghĩ gói miễn phí không có gói đó.
Gói miễn phí của Noya cho phép bạn tạo bất kỳ nguyên mẫu thiết kế nào của trang web, trang đích hoặc ứng dụng web. Nhưng bạn chỉ được giới hạn trong 200 khối. Điều đó tốt cho việc thiết kế các trang web kinh doanh nhỏ. Trình chỉnh sửa không giới hạn bạn có các khối có kích thước cố định. Bạn có thể thay đổi kích thước và định hình lại các khối bằng chuột giống như bạn thay đổi kích thước hình ảnh.
🎉🚀 Giới thiệu Noya (YC W23) 🚀🎉
Noya là một công cụ wireframing để tạo ra các thiết kế & mã số. Hãy dùng thử:https://t.co/Cxrcs1bWkb
Noya cho phép bạn làm việc khung dây có độ chính xác thấp, trong khi vẫn tạo ra các thiết kế có độ chính xác cao và nguyên mẫu React để chia sẻ với nhóm của bạn. pic.twitter.com/WV3bcXkLLt
— Devin Abbott (@dvnabbott) Ngày 9 tháng 2 năm 2023
Công cụ tạo mẫu giao diện người dùng miễn phí với Notion như Editor, Figma Export: Noya
Trên trang web chính của Noya, bạn chỉ cần cần phải tạo một tài khoản miễn phí để bắt đầu sử dụng nó. Vì vậy, hãy làm điều đó và sau đó bạn sẽ đến trang tổng quan chính. Từ đây, bạn có thể tạo dự án đầu tiên của mình và sau đó bắt đầu thiết kế.
Trong trình chỉnh sửa, điều đầu tiên bạn phải đặt là tên của dự án và sau đó là kích thước. Ngoài ra, bạn chọn một hệ thống thiết kế nhưng hiện tại chỉ Charka UI được hỗ trợ.
Bây giờ, niềm vui thực sự có thể bắt đầu. Trong cổng xem, bạn chỉ cần bắt đầu vẽ các khối. Nhấp vào biểu tượng “+” và sau đó kéo vẽ một khối. Dựa trên kích thước của khối được vẽ, nó sẽ cố gắng tự động đoán những gì bạn muốn. Nếu bạn vẽ một hình chữ nhật hẹp, thì nó sẽ tự động đoán rằng đó là thanh điều hướng trong tiêu đề.
Tương tự, bạn có thể thêm các khối khác vào thiết kế của mình, chẳng hạn như hình ảnh và phần anh hùng.
Các khối hỗ trợ các lệnh gạch chéo và cũng có một menu để thay đổi loại khối. Bạn chỉ cần gõ dấu gạch chéo (/) và sau đó xem các tùy chọn. Hoặc bạn cũng có thể sử dụng trình đơn thả xuống ở dưới cùng bên phải của mỗi khối để đặt loại.
Sau khi thiết kế xong, bạn có thể xem bản xem trước trực tiếp của thiết kế. Chỉ cần nhấp vào mở bản xem trước trực tiếp và nó sẽ hiển thị thiết kế của bạn trên một trang web trong tab mới.
Tương tự như vậy, bạn có thể tiếp tục thêm các khối và nó sẽ tiếp tục tạo thiết kế cho bạn cũng như bản xem trước của nó. Khi bạn đã hoàn tất, bạn chỉ cần xuất thiết kế của mình. Nhấp vào tùy chọn Xuất và sau đó bạn sẽ thấy các tùy chọn khác nhau mà nó cung cấp cho bạn ở đó.
Bằng cách này, bạn có thể sử dụng công cụ tạo mẫu giao diện người dùng mới và đơn giản này. Công cụ này được trang bị các công cụ mới và tuân theo một quy trình khác. quy trình làm việc trong thiết kế giao diện người dùng. Việc tạo nội dung AI mà nó cung cấp cũng rất đáng khen ngợi và bạn được phép sao chép các dự án của mình tại đây.
Lời kết:
Nếu bạn yêu thích thiết kế UI và UX, thì tôi là chắc chắn bạn sẽ thích công cụ này vì tính đơn giản và chức năng mạnh mẽ của nó. Phần tốt nhất về công cụ này là bản vẽ tự do. Bạn có thể thiết kế và định hình các khối xây dựng theo cách bạn muốn. Ngoài ra, tính năng xuất Figma và React cũng rất hữu ích vì các thiết kế hiện đại hiện đang được tạo ra trong đó.
