Morph có hơn 300 công cụ. Chuyển đổi tập tin, chỉnh sửa ảnh, xử lý PDF, cắt video, tạo QR, chọn màu, định dạng dữ liệu, chuyển đổi font chữ và hàng chục công cụ khác. Con số này là điểm mạnh, nhưng cũng là vấn đề thiết kế. Nếu bạn không thể tìm thấy công cụ bạn cần trong hai giây, có 300 công cụ cũng chẳng tốt hơn không có gì.
Trang Browse cũ liệt kê các công cụ theo lưới phẳng. Nó hoạt động tốt khi Morph có 40 công cụ. Khi lên đến 300, nó trở thành danh bạ điện thoại. Bạn cuộn, squinted, bỏ cuộc và sử dụng dock thay vì. Trải nghiệm này không đủ tốt.
Trang Browse mới là một thiết kế lại hoàn toàn. Nó được xây dựng xung quanh một ý tưởng: mọi công cụ đều có thể truy cập trong dưới hai giây, dù bạn biết bạn đang tìm kiếm gì hay bạn chỉ đang khám phá.
Điều gì đã thay đổi
Trang Browse được thiết kế lại mở với một tiêu đề duy nhất được đặt trong Cormorant Garamond: "Mọi công cụ. Một tab." Bên dưới, trang mở rộng thành bốn phần riêng biệt, mỗi phần được thiết kế cho một loại nhu cầu sử dụng khác nhau.
Ở trên cùng, ba thẻ gradient nổi bật các công cụ định nghĩa Morph: Morph Artboard (trình chỉnh sửa hình ảnh đầy đủ), Flowcut (trình chỉnh sửa video), và trình tạo mã QR. Mỗi thẻ có hiệu ứng hover nhẹ — một chút nâng và phóng to — khiến toàn bộ trang cảm giác phản hồi và sống động mà không gây phân tâm. Trên điện thoại, các thẻ này thu nhỏ để vừa với cuộn ngang ở chiều rộng 220px.
Dưới các thẻ nổi bật, một hàng các nút chuyển đổi phổ biến hiển thị các chuyển đổi tập tin thường dùng nhất: PNG sang JPEG, MP4 sang MP3, HEIC sang JPG, PDF sang Text, và WebP sang PNG. Đây là các phím tắt một chạm để truy cập các cặp chuyển đổi mà người dùng tìm kiếm nhiều nhất. Không cần menu, không cần dropdown. Nhấn nút, thả tập tin, xong.
Phía dưới, các thẻ danh mục tổ chức mọi công cụ thành các nhóm có thể duyệt. Mỗi thẻ có một viền bên trái màu (3px solid, duy nhất cho từng danh mục), một nhãn đếm định dạng, và một nhãn đếm cặp chuyển đổi. Công cụ hình ảnh, công cụ video, công cụ âm thanh, công cụ tài liệu, công cụ phát triển, công cụ dữ liệu — mỗi danh mục là một điểm đến, không phải là bộ lọc.
Tìm kiếm Thực sự Hoạt động
Thanh tìm kiếm nằm gần đầu trang. Nó hiển thị "Tìm kiếm 300+ công cụ..." và lọc toàn bộ thư viện công cụ trong thời gian thực khi bạn gõ. Không có nút gửi. Không có vòng quay tải. Mỗi phím bạn gõ đều thu hẹp kết quả ngay lập tức vì tìm kiếm chạy hoàn toàn trên client chống lại mảng công cụ.
Khi thanh tìm kiếm được focus, một ánh sáng cam mờ xuất hiện xung quanh nó — cùng màu #FF5200 nổi bật như mọi trạng thái hoạt động trong Morph. Một nút xóa nhỏ xuất hiện khi có văn bản, giúp bạn đặt lại tìm kiếm chỉ bằng một lần chạm thay vì chọn và xóa.
Đây là điều đơn giản cố ý. Không có khớp mờ, không có thuật toán xếp hạng, không có động cơ gợi ý được hỗ trợ bởi AI. Đây là bộ lọc văn bản trên danh sách phẳng. Nó hoạt động vì tên công cụ và mô tả được viết rõ ràng, và vì lọc phía client ở quy mô này hiệu quả là ngay lập tức. Đôi khi trải nghiệm tìm kiếm tốt nhất là trải nghiệm không có độ trễ.
Thể loại như điểm đến
Hầu hết các thư mục công cụ coi danh mục như bộ lọc. Bạn chọn một danh mục từ menu thả xuống, và lưới sẽ được hiển thị lại với một tập con. Điều này hoạt động, nhưng nó làm phẳng trải nghiệm duyệt thành một thứ giao dịch. Bạn biết rõ điều mình muốn, bạn lọc, rồi rời đi.
Trang Duyệt mới xử lý danh mục khác biệt. Mỗi thẻ danh mục hiển thị hai số: số lượng định dạng được hỗ trợ và số lượng cặp chuyển đổi có sẵn. Một thẻ công cụ hình ảnh không chỉ nói "Hình ảnh" — nó cho bạn biết có hơn 15 định dạng và hơn 80 cặp chuyển đổi có sẵn. Bối cảnh này biến một nhãn thành lời mời khám phá.
Các thẻ xuất hiện trong khung nhìn với hiệu ứng chuyển động chậm, mỗi thẻ xuất hiện cách nhau 30 mili giây. Khi di chuột qua, hiệu ứng panel kính được kích hoạt: một hiệu ứng bóng đổ nhiều lớp kết hợp với làm mờ nền tạo ra hiệu ứng độ sâu khiến thẻ cảm giác như nâng lên khỏi bề mặt. Đây không phải là chi tiết trang trí. Chúng là cơ chế phản hồi giúp bạn biết bạn đang ở đâu và bạn có thể tương tác với gì.
Mỗi hoạt ảnh tuân thủ truy vấn phương thức prefers-reduced-motion. Nếu hệ điều hành của bạn được thiết lập để giảm chuyển động, hiệu ứng xếp chồng và hover sẽ bị vô hiệu hóa. Truy cập không phải là điều sau này — nó được tích hợp vào mọi tương tác.
Công cụ nổi bật
Ba thẻ nổi bật ở đầu trang Browse được chọn thủ công, không phải thuật toán. Không có xếp hạng phổ biến, không A/B test, không chỉ số tương tác quyết định điều gì xuất hiện trong hero. Các công cụ nổi bật được chọn vì chúng đại diện cho điều Morph làm tốt nhất.
Morph Artboard là trình chỉnh sửa hình ảnh đầy đủ với lớp, mask, chế độ pha trộn, và tính năng được hỗ trợ AI như điền hình ảnh sinh thành và loại bỏ đối tượng. Flowcut là trình chỉnh sửa video trên trình duyệt với chỉnh sửa timeline, điều chỉnh màu, tốc độ ramp, hỗ trợ LUT, và cài đặt xuất cho YouTube, Instagram, TikTok, và GIF. Trình tạo mã QR tạo mã quét được ngay lập tức với màu sắc và kích thước tùy chỉnh.
Đây không phải là những công cụ duy nhất đáng được đề cập. Nhưng việc chọn lọc có nghĩa là đưa ra lựa chọn. Ba thẻ, ba công cụ, một thông điệp rõ ràng: Morph không chỉ là công cụ chuyển đổi tập tin. Đó là nền tảng sáng tạo.
Tại Sao Điều Này Quan Trọng
Một danh sách công cụ với 300 mục không phải là sản phẩm. Đó là một bảng tính. Sản phẩm là điều xảy ra giữa lúc ai đó mở Browse và lúc họ tìm thấy thứ họ cần. Khoảng cách này nên được đo bằng giây, không phải bằng cuộn trang.
Công cụ tốt là vô hình. Bạn tìm kiếm, bạn tìm thấy, bạn sử dụng. Bạn không đọc tài liệu. Bạn không xem hướng dẫn. Bạn không tạo tài khoản. Trang Browse mới được thiết kế xung quanh nguyên tắc này. Tất cả trên màn hình đều giúp bạn tìm công cụ hoặc cho bạn thấy công cụ mà bạn chưa biết tồn tại.
Không có tường đăng ký. Không yêu cầu tải lên. Hầu hết công cụ hoạt động hoàn toàn trong trình duyệt của bạn mà không cần máy chủ. Tập tin của bạn luôn ở trên thiết bị của bạn. Cam kết bảo mật này không phải là lời quảng cáo — đó là kiến trúc. Morph sử dụng WebAssembly và JavaScript để xử lý tập tin bên client. Không thứ gì chạm vào máy chủ trừ khi bạn sử dụng tính năng AI, và ngay cả khi đó, xử lý diễn ra trên Cloudflare Workers mà không lưu trữ hoặc ghi log.
300+ công cụ trong một ứng dụng là vô nghĩa nếu bạn không thể tìm thấy công cụ cần thiết. Thiết kế lại Browse giúp tìm công cụ phù hợp nhanh như sử dụng nó.
Nếu bạn chưa khám phá những gì Morph có thể làm ngoài việc chuyển đổi tập tin, trang Browse là nơi bắt đầu lý tưởng. Nén ảnh, chỉnh sửa video, chuyển đổi phông chữ, trích xuất thông tin metadata, mã hóa, tạo biểu đồ, xây dựng CV — tất cả đều có sẵn, được tổ chức và có thể tìm kiếm.
Mở trang Browse, nhập nhu cầu của bạn và xem điều gì xảy ra. Hoặc không nhập gì cả — chỉ cần cuộn trang. Bạn có thể tìm thấy công cụ mà bạn không biết mình cần, như một công cụ nén ảnh chạy hoàn toàn trong trình duyệt của bạn, hoặc một trình chỉnh sửa video miễn phí xuất ra GIF với bảng màu tối ưu.
Tất cả công cụ. Một tab. Không lộn xộn.