Tangkap kode halaman langsung sebagai lapisan desain yang dapat diedit di Chrome
Wonder Capture oleh wonder.design adalah ekstensi Chrome yang membantu desainer dan pengembang mengubah situs web langsung menjadi titik awal desain yang dapat diedit. Ekstensi ini mengambil struktur halaman dan gaya sehingga konten yang ditangkap dapat menjadi komponen yang dapat diedit di dalam lingkungan desain alih-alih tangkapan layar statis. Ini fokus pada mengubah elemen situs nyata menjadi aset yang dapat digunakan kembali dan terhubung ke alur kerja desain Wonder. Desainer UI/UX, insinyur web, dan tim produk menggunakannya untuk membuat mockup lebih cepat dan penelitian berdasarkan halaman produksi.
Ini mengekstrak kode situs untuk digunakan di dalam alur kerja desain
Wonder menangkap markup dan gaya dasar halaman daripada bitmap, menghasilkan komponen yang dapat diedit yang dapat disempurnakan oleh seorang desainer. Ekstensi ini mempertahankan teks, aturan CSS, dan informasi tata letak sehingga item yang ditangkap tiba sebagai aset yang dapat diedit di dalam target desain. Mode tangkap penting yang disebutkan oleh pengembang mencakup pemilihan elemen dan bagian serta pengambilan gulir halaman penuh, yang memberikan tim bahan awal yang konkret untuk mockup.
Proses lokal dan aktivasi cepat menjaga tangkapan di dalam browser
Pengembang menyatakan bahwa semua pemrosesan tangkapan berjalan secara lokal di browser, sehingga data yang ditangkap tidak diunggah ke server eksternal. Metode aktivasi termasuk ikon toolbar dan pintasan keyboard (Alt+Shift+C), yang memungkinkan desainer memulai pengambilan tanpa meninggalkan tab saat ini. Perilaku ini membuat alat ini cocok untuk alur kerja yang memerlukan material yang ditangkap tetap berada di dalam lingkungan lokal sebelum diedit.
Bekerja di dalam ekosistem Wonder tetapi terikat pada Chrome dengan basis pengguna yang khusus
Ekstensi ini terintegrasi langsung dengan lingkungan desain Wonder, memungkinkan kode yang ditangkap untuk ditempelkan sebagai item yang dapat diedit di dalam platform tersebut. Ini didistribusikan sebagai ekstensi Chrome dan tersedia di seluruh platform desktop yang menjalankan Chrome, sehingga penggunaannya terikat pada browser tersebut. Ekstensi ini menempati ceruk yang terfokus untuk tim yang menginginkan aset yang dihasilkan dari produksi, dan pengembang mencatat basis pengguna yang kecil dan khusus yang terarah pada alur kerja desain-ke-kode.
Pilihan terfokus untuk tim yang menggunakan kembali kode situs langsung, dengan batas ekosistem yang jelas
Wonder adalah opsi praktis bagi desainer dan pengembang yang ingin aset yang berasal dari produksi diimpor ke dalam alur kerja desain; pemrosesan lokal dan keluaran yang siap diedit cocok untuk mockup yang memperhatikan privasi dan fokus pada kode. Ketergantungan ekstensi pada Chrome dan platform Wonder membuatnya kurang berlaku bagi pengguna yang membutuhkan tangkapan layar piksel sederhana atau yang tidak menggunakan ekosistem tersebut.
