Przechwyć kod strony na żywo jako edytowalne warstwy projektu w Chrome
Wonder Capture od wonder.design to rozszerzenie Chrome, które pomaga projektantom i deweloperom przekształcać żywe strony internetowe w edytowalne punkty wyjścia do projektowania. Rozszerzenie przechwytuje strukturę strony i stylizację, dzięki czemu przechwycone treści mogą stać się edytowalnymi komponentami w środowisku projektowym zamiast statycznych zrzutów ekranu. Skupia się na konwertowaniu elementów rzeczywistych stron w zasoby wielokrotnego użytku i łączy się z przepływem pracy projektowej Wonder. Projektanci UI/UX, inżynierowie internetowi i zespoły produktowe używają go do szybszych makiet i badań opartych na stronach produkcyjnych.
Wyodrębnia kod strony do użycia w procesie projektowania
Wonder przechwytuje podstawowy markup i styl strony zamiast bitmapy, produkując edytowalne komponenty, które projektant może udoskonalić. Rozszerzenie zachowuje tekst, reguły CSS i informacje o układzie, dzięki czemu przechwycone elementy trafiają jako edytowalne zasoby do celu projektowania. Ważne tryby przechwytywania wymienione przez dewelopera obejmują wybór elementów i sekcji oraz pełnoekranowe przechwytywanie przewijania, co daje zespołom konkretne materiały startowe do makiet.
Przetwarzanie lokalne i szybka aktywacja utrzymują przechwyty w przeglądarce
Deweloper stwierdza, że całe przetwarzanie przechwytywania odbywa się lokalnie w przeglądarce, więc przechwycone dane nie są przesyłane na zewnętrzne serwery. Metody aktywacji obejmują ikonę na pasku narzędzi oraz skrót klawiaturowy (Alt+Shift+C), co pozwala projektantom rozpocząć przechwytywanie bez opuszczania bieżącej karty. Te zachowania sprawiają, że narzędzie nadaje się do procesów roboczych, które wymagają, aby przechwycone materiały pozostały w lokalnym środowisku przed edytowaniem.
Działa w ekosystemie Wonder, ale jest związane z Chrome i ma niszową bazę użytkowników
Rozszerzenie integruje się bezpośrednio z środowiskiem projektowym Wonder, umożliwiając wklejanie przechwyconego kodu jako edytowalnych elementów w tej platformie. Jest dystrybuowane jako rozszerzenie Chrome i jest dostępne na platformach desktopowych, które uruchamiają Chrome, więc użycie jest związane z tą przeglądarką. Rozszerzenie zajmuje skoncentrowaną niszę dla zespołów, które chcą zasobów pochodzących z produkcji, a deweloper zauważa małą, wyspecjalizowaną bazę użytkowników ukierunkowaną na procesy robocze od projektu do kodu.
Skoncentrowany wybór dla zespołów, które ponownie wykorzystują kod z aktywnej strony, z wyraźnymi ograniczeniami ekosystemu
Wonder to praktyczna opcja dla projektantów i programistów, którzy chcą importować zasoby pochodzące z produkcji do przepływu pracy projektowej; jego lokalne przetwarzanie i gotowe do edycji wyjścia odpowiadają potrzebom związanym z prywatnością oraz skupionym na kodzie makietom. Zależność rozszerzenia od Chrome i platformy Wonder sprawia, że jest mniej przydatne dla użytkowników, którzy potrzebują prostych zrzutów ekranu pikseli lub którzy nie korzystają z tego ekosystemu.
