จับรหัสหน้าแบบสดเป็นเลเยอร์การออกแบบที่แก้ไขได้ใน Chrome
Wonder Capture โดย wonder.design เป็นส่วนขยายของ Chrome ที่ช่วยให้นักออกแบบและนักพัฒนาสามารถนำเว็บไซต์สดไปใช้ใหม่เป็นจุดเริ่มต้นการออกแบบที่แก้ไขได้ ส่วนขยายนี้จะดึงโครงสร้างหน้าและการจัดรูปแบบเพื่อให้เนื้อหาที่ถูกจับสามารถกลายเป็นส่วนประกอบที่แก้ไขได้ภายในสภาพแวดล้อมการออกแบบแทนที่จะเป็นภาพหน้าจอที่คงที่ มันมุ่งเน้นไปที่การแปลงองค์ประกอบของไซต์จริงให้เป็นสินทรัพย์ที่นำกลับมาใช้ใหม่ได้และเชื่อมต่อกับกระบวนการออกแบบของ Wonder นักออกแบบ UI/UX วิศวกรเว็บ และทีมผลิตภัณฑ์ใช้มันสำหรับการสร้างแบบจำลองและการวิจัยที่รวดเร็วขึ้นตามหน้าผลิตภัณฑ์.
มันดึงรหัสไซต์เพื่อใช้ภายในกระบวนการออกแบบ
Wonder จับภาพโครงสร้างพื้นฐานและสไตล์ของหน้าแทนที่จะเป็นภาพบิตแมพ สร้างองค์ประกอบที่สามารถแก้ไขได้ซึ่งนักออกแบบสามารถปรับแต่งได้ ส่วนขยายนี้รักษาข้อความ กฎ CSS และข้อมูลเลย์เอาต์เพื่อให้รายการที่จับได้มาถึงในฐานะสินทรัพย์ที่แก้ไขได้ภายในเป้าหมายการออกแบบ โหมดการจับภาพที่สำคัญที่ระบุโดยนักพัฒนารวมถึงการเลือกองค์ประกอบและส่วนรวมถึงการจับภาพแบบเลื่อนเต็มหน้า ซึ่งให้ทีมงานมีวัสดุเริ่มต้นที่ชัดเจนสำหรับการสร้างแบบจำลอง.
การประมวลผลในท้องถิ่นและการเปิดใช้งานอย่างรวดเร็วทำให้การจับอยู่ในเบราว์เซอร์
นักพัฒนาระบุว่าการประมวลผลการจับทั้งหมดทำงานในท้องถิ่นในเบราว์เซอร์ ดังนั้นข้อมูลที่จับจึงไม่ได้ถูกอัปโหลดไปยังเซิร์ฟเวอร์ภายนอก วิธีการเปิดใช้งานรวมถึงไอคอนแถบเครื่องมือและทางลัดแป้นพิมพ์ (Alt+Shift+C) ซึ่งช่วยให้นักออกแบบเริ่มการจับโดยไม่ต้องออกจากแท็บปัจจุบัน พฤติกรรมเหล่านี้ทำให้เครื่องมือเหมาะสมสำหรับกระบวนการทำงานที่ต้องการให้วัสดุที่จับได้คงอยู่ภายในสภาพแวดล้อมในท้องถิ่นก่อนการแก้ไข.
ทำงานภายในระบบนิเวศของ Wonder แต่จำกัดอยู่ที่ Chrome พร้อมฐานผู้ใช้เฉพาะกลุ่ม
ส่วนขยายนี้รวมเข้ากับสภาพแวดล้อมการออกแบบของ Wonder โดยตรง ทำให้สามารถวางรหัสที่จับได้เป็นรายการที่แก้ไขได้ภายในแพลตฟอร์มนั้น มันถูกแจกจ่ายเป็นส่วนขยายของ Chrome และมีให้บริการในแพลตฟอร์มเดสก์ท็อปที่ใช้ Chrome ดังนั้นการใช้งานจึงผูกพันกับเบราว์เซอร์นั้น ส่วนขยายนี้มีช่องเฉพาะสำหรับทีมที่ต้องการสินทรัพย์ที่ได้จากการผลิต และนักพัฒนาชี้ให้เห็นว่ามีฐานผู้ใช้ขนาดเล็กที่มีความเชี่ยวชาญซึ่งมุ่งเน้นไปที่กระบวนการทำงานจากการออกแบบไปยังรหัส.
การเลือกที่มุ่งเน้นสำหรับทีมที่นำโค้ดเว็บไซต์ที่ใช้งานอยู่กลับมาใช้ใหม่ โดยมีขอบเขตของระบบนิเวศที่ชัดเจน
Wonder เป็นตัวเลือกที่ใช้งานได้จริงสำหรับนักออกแบบและนักพัฒนาที่ต้องการนำสินทรัพย์ที่ได้จากการผลิตเข้าสู่วิธีการออกแบบ; การประมวลผลในท้องถิ่นและผลลัพธ์ที่พร้อมแก้ไขเหมาะสำหรับการสร้างแบบจำลองที่มุ่งเน้นความเป็นส่วนตัวและโค้ด การพึ่งพาของส่วนขยายต่อ Chrome และแพลตฟอร์ม Wonder ทำให้มันไม่เหมาะสำหรับผู้ใช้ที่ต้องการภาพหน้าจอพิกเซลที่เรียบง่ายหรือผู้ที่ไม่ใช้ระบบนิเวศนั้น
