DesignOps
Design system działa tylko wtedy, gdy ktoś nim zarządza
Design system, którym nikt nie zarządza, traci spójność w rok: komponenty się dublują, dokumentacja się starzeje, zespoły go omijają. DesignOps to proces, narzędzia i szkolenia, dzięki którym system jest używany, aktualny i ma właściciela.
Opracowanie: Radosław Kołacki Aktualizacja:

Zaufali nam
Kiedy warto wprowadzić DesignOps?
Firma ma design system, zbudowany przez Squares albo wewnętrznie, ale komponenty istnieją w kilku wersjach w różnych zespołach.
Dokumentacja nie nadąża za zmianami i nikt nie wie, kto może system zmieniać. Nowe osoby w zespole go nie używają.
Inwestycję w system, z której Head of Product rozlicza się przed zarządem, coraz trudniej wtedy obronić.
Dla kogo jest DesignOps?
- Design system jest wdrożony w Figmie i w kodzie (np. Storybook), ale nikt za niego nie odpowiada
- Rośnie liczba projektów i osób korzystających z tego samego systemu
- Po redesignie Head of Product albo lider designu chce utrzymać spójność produktu
Jak to wygląda
Jak wygląda opieka DesignOps krok po kroku?
01
Audyt stanu systemu
Sprawdzamy, ile zespołów faktycznie używa systemu, gdzie komponenty się rozeszły i co wymaga naprawy.
02
Zasady zmian
Ustalamy, kto może zmieniać system, jak numerujemy wersje i jak opisujemy zmiany.
03
Narzędzia
Porządkujemy albo wdrażamy Storybook (katalog komponentów w kodzie), automatyczne przenoszenie tokenów, czyli nazwanych wartości kolorów i odstępów, z Figmy do kodu oraz kontrolę spójności.
04
Szkolenie zespołów
Uczymy projektantów i deweloperów, jak korzystać z systemu i jak go rozwijać.
05
Cykliczne przeglądy
Co miesiąc albo co kwartał sprawdzamy stan systemu i porównujemy wynik z poprzednim przeglądem.
06
Analityka użycia
Mierzymy, które komponenty i tokeny są faktycznie używane, a gdzie zespoły obchodzą system.
Design system jest w organizacji używany i aktualny, ma jasny proces zmian i regularny przegląd z liczbami.
Ile kosztuje DesignOps?
od 2 500 zł netto/mc
Stała opieka kosztuje od 2 500 zł netto miesięcznie. Zaczynamy od audytu stanu systemu, który wyceniamy zależnie od jego skali. Stałą opiekę rozliczamy miesięcznie, a opłatę dobieramy do wielkości zespołu i częstotliwości zmian.
Pierwszym krokiem po rozmowie jest audyt stanu systemu. O stałej opiece firma decyduje dopiero po nim, z wynikiem w ręku. Odpowiedź przychodzi w ciągu kilku godzin.

„Współpracuję z agencją Squares od dłuższego czasu i z czystym sumieniem mogę ich polecić każdemu, kto szuka rzetelnych deweloperów. Realizowaliśmy wspólnie kilka stron www. Cały proces przebiegł bardzo sprawnie.”
Realizacje
Jak to wygląda w praktyce
NoHo Group: jeden system utrzymywany dla czterech marek
Zmiany w design systemie trafiają do wszystkich czterech serwisów naraz. To budowa systemu, a nie stały przegląd, ale pokazuje, po co pilnować jednego źródła.
Opis realizacji
pompy.app: komponenty opisane raz
Kolory, typografię i komponenty opisaliśmy raz, żeby rozbudowa serwisu nie psuła spójności wyglądu. DesignOps pilnuje tego samego już po wdrożeniu.
Opis realizacji
Platforma sprzedaży szkoleń: zasady dla nowych elementów
Zbiór zasad i komponentów pozwala dodawać nowe elementy interfejsu bez utraty spójności. Powstał w projekcie wdrożeniowym, a nie w ramach usługi DesignOps.
Opis realizacji
Dlaczego Squares
Budujemy design systemy od zera, więc wiemy, które decyzje projektowe nie sprawdzają się w praktyce. Zapobiegamy temu procesem, a nie kolejnym redesignem za rok.
Pytania
Najczęstsze pytania
Czym jest DesignOps?
DesignOps to proces, narzędzia i szkolenia, dzięki którym design system jest używany, aktualny i ma właściciela. Obejmuje zasady wprowadzania zmian, numerowanie wersji, dokumentację i regularne przeglądy stanu systemu. Bez tego system traci spójność w rok: komponenty się dublują, dokumentacja się starzeje, a zespoły go omijają.
Czym DesignOps różni się od usługi Design system?
Design system to projekt jednorazowy: zaprojektowanie i wdrożenie komponentów oraz zasad. DesignOps to ciągłe utrzymanie systemu, który już istnieje: proces zmian, narzędzia, szkolenia i adopcja w zespołach. Pierwsza usługa kończy się gotowym systemem, druga pilnuje, żeby rok później nadal był w użyciu.
Kiedy firma potrzebuje DesignOps?
DesignOps jest potrzebny, gdy design system istnieje w Figmie i w kodzie, ale nikt za niego nie odpowiada. Objawy: te same komponenty w kilku wersjach w różnych zespołach, dokumentacja, która nie nadąża za zmianami, brak jasności, kto może system zmieniać, i nowe osoby, które z niego nie korzystają.
Ile kosztuje DesignOps?
Audyt stanu systemu wyceniamy zależnie od jego skali. Stałą opiekę rozliczamy miesięcznie, a opłata zależy od wielkości zespołu i częstotliwości zmian. Wstępną wycenę podajemy po pierwszej rozmowie. O stałej opiece firma decyduje dopiero po audycie, z wynikiem w ręku.
Co obejmuje DesignOps?
Usługa obejmuje audyt stanu systemu, zasady zmian i numerowania wersji, uporządkowanie albo wdrożenie Storybooka i automatycznego przenoszenia tokenów z Figmy do kodu, szkolenie projektantów i deweloperów, cykliczne przeglądy oraz analitykę użycia komponentów. Efektem jest system używany w organizacji, z jasnym procesem zmian i regularnym przeglądem z liczbami.
Jak zmierzyć stan design systemu?
Stan design systemu oceniamy w liczbach: przy każdym przeglądzie przechodzimy przez plik w Figmie i oceniamy zdrowie systemu od 0 do 100 w pięciu obszarach. Są to kolory i tokeny, odstępy i układ, typografia, komponenty oraz nazwy i dokumentacja. Wynik porównujemy z poprzednim przeglądem, więc widać, czy system się porządkuje, czy rozjeżdża.
Czy DesignOps obejmuje design system zbudowany przez innego wykonawcę?
Tak. Pracę otwiera audyt stanu systemu, niezależnie od tego, kto go zbudował: Squares, zespół wewnętrzny czy inny wykonawca. Audyt pokazuje, ile zespołów faktycznie używa systemu, gdzie komponenty się rozeszły i co wymaga naprawy. Po nim wiadomo, co zostaje, a co trzeba uporządkować.
Czy DesignOps obejmuje szkolenia zespołu?
Tak. Szkolenie projektantów i deweloperów z korzystania z systemu i jego rozwijania jest częścią zakresu i nie wymaga osobnego zamówienia. Bez szkolenia nowe osoby w zespole systemu nie używają. W planie pracy następuje ono po ustaleniu zasad zmian i uporządkowaniu narzędzi.
Jak często odbywają się przeglądy design systemu?
Przeglądy odbywają się co miesiąc albo co kwartał. Do przeglądu potrzebny jest dostęp do pliku systemu w Figmie i do katalogu komponentów w kodzie, na przykład w Storybooku. Każdy przegląd wskazuje odstępstwa od systemu, od najpilniejszego, i mierzy, które komponenty i tokeny są faktycznie używane.
Czy są już realizacje usługi DesignOps?
DesignOps jako osobna usługa jest nowy w ofercie i osobnego case study jeszcze nie ma. Opieramy go na design systemach, które zbudowaliśmy: jednym systemie dla czterech marek NoHo Group i design systemie serwisu pompy.app, opisanym raz, żeby rozbudowa nie psuła spójności wyglądu. Stąd wiemy, które decyzje projektowe nie sprawdzają się w praktyce.
Powiązane usługi

