Panel Chrome mengambang untuk inspeksi desain, ekspor, dan manajemen referensi lokal
Sebuah panel mengambang yang dapat disesuaikan menutupi halaman web mana pun untuk menangkap referensi, memeriksa font, mengekspor gambar modern, dan mengisi formulir tanpa beralih tab. Ayvu, dari seorang pengembang independen, berjalan sebagai ekstensi Chrome yang ringan dan mengelompokkan alat untuk pemeriksaan desain yang cepat. Elemen kunci termasuk pengelola referensi, pemeriksa font, eksportir gambar dan SVG, serta penggaris dengan grid 4px/8px. Ini cocok untuk desainer web dan pengembang front-end yang membutuhkan utilitas di halaman dan alat yang mengutamakan privasi.
Apa yang sebenarnya dilakukan panel di halaman langsung
Ekstensi ini menampilkan overlay yang dapat diseret yang menyimpan judul situs, URL, dan tangkapan layar melalui manajer referensi Reff, memeriksa tipografi dengan Inspektur Font, dan menyediakan Pengisi Formulir yang diaktifkan dari panel, menu klik kanan, atau Alt+Shift+F. Alat-alat tersebut menjaga Anda tetap di tab aktif saat mengumpulkan referensi dan input uji; gunakan Pengonversi Gambar dan Pembersih SVG untuk mengambil aset yang dioptimalkan tanpa membuka aplikasi terpisah.
- Pengambilan referensi melalui Reff
- Analisis tipografi dan alternatif
- Pengisi formulir dengan beberapa pemicu
Bagaimana ia berperilaku saat Anda bekerja dan apa yang dibutuhkannya
Ekstensi ini digambarkan sebagai ringan dan berjalan sepenuhnya di sisi klien, sehingga tidak memerlukan login, mengirim data penggunaan, atau menampilkan iklan. Privasi ditangani secara lokal, dan panel mengambang dapat diseret, diminimalkan, atau dipasang ke sidebar untuk mengurangi gangguan visual. Karena semuanya dieksekusi di browser, kumpulan alat terintegrasi langsung ke dalam sesi pengembangan atau desain tanpa mengarahkan aset melalui server eksternal.
Bagaimana ia menangani aset, format modern, dan pengukuran
Pengonversi Gambar mengubah gambar halaman menjadi format modern termasuk WebP, AVIF, dan JPEG XL, dan Pembersih SVG menghapus metadata dan komentar sebelum diunduh. Alat pengukuran mencakup penggaris dan overlay grid untuk sistem 4px dan 8px, yang melaporkan padding, margin, dan dimensi elemen di bawah kursor. Kemampuan ini menangani optimasi format dan pemeriksaan tata letak yang tepat yang biasanya diperlukan selama pengujian front-end.
Lingkungan dan pengguna mana yang cocok dengan alat ini
Ekstensi ini ditargetkan untuk browser berbasis Chromium, sehingga berjalan di Chrome dan build Chromium lainnya. Ini cocok untuk profesional UI/UX dan pengembang front-end yang lebih memilih alur kerja lokal tanpa akun dan yang membutuhkan akses cepat ke fitur ekspor dan inspeksi di dalam browser. Alat ini mengkonsolidasikan langkah-langkah yang sebaliknya memerlukan beberapa utilitas terpisah.
Cocok untuk desainer yang peduli privasi yang menginginkan inspeksi dalam tab
Ayvu menyediakan seperangkat utilitas desain yang terkonsentrasi yang beroperasi sepenuhnya di browser dan memprioritaskan penanganan data lokal, yang membuatnya cocok untuk desainer dan pengembang yang menghindari alat berbasis cloud. Fokusnya yang khusus dan volume ulasan publik yang terbatas menunjukkan bahwa ini menarik bagi para profesional yang menguji dan mengadaptasi ekstensi baru daripada tim yang mencari alat perusahaan yang telah diuji secara luas.
