Case Study · Automatyzacja Adobe Illustrator

CyfraDruk
wtyczka, która wykrywa błędy pre-press przed drukiem

Panel CEP dla Adobe Illustrator, który eliminuje niewidzialne błędy grubości linii i mikro-obiektów — jedno kliknięcie zamiast tysięcy ręcznych sprawdzeń.

Rola Digital Product Designer · Typ Automatyzacja DTP · Narzędzie wewnętrzne · Technologia Adobe CEP · ExtendScript · Wynik Inspekcja z 15 minut do 1 sekundy
Zakres
UX/UI Design, ExtendScript (.jsx), HTML/CSS/JS, CEP Panel
Technologie
Adobe Illustrator · CEP Framework · ExtendScript · Adobe CC SDK
Co robiłem
Analiza procesu DTP · Projekt panelu · Implementacja · Testy
Co dostarczyłem
Wtyczka CEP · Skaner kolorów i obiektów · Raport błędów w jednym panelu
CyfraDruk – panel CEP w Adobe Illustrator z raportem błędów
Zapytaj o podobne narzędzie

Kontekst projektu

CyfraDruk to panel CEP (Common Extensibility Platform) napisany dla Adobe Illustrator, który eliminuje jeden z najbardziej kosztownych problemów w drukarniach cyfrowych — niewidzialne błędy grubości linii i mikro-obiektów, które nie są widoczne na ekranie, ale powodują zlewanie się elementów podczas druku.

Operatorzy DTP musieli ręcznie klikać i weryfikować tysiące wektorów w każdym pliku, co prowadziło do błędów ludzkich i kosztownych przedruków reklamacji. Celem projektu było zastąpienie tego procesu jednorazowym kliknięciem i automatycznym raportem w czasie poniżej jednej sekundy.

Zakres projektu

🔍

Automatyczne wykrywanie linii poniżej 0.1 mm

📐

Wykrywanie ukrytych mikro-kształtów niewidocznych gołym okiem

🎨

Weryfikacja wartości CMYK i kolorów Pantone (Spot Colors)

🖨️

Generowanie bezpiecznych spadów z wykrojnika jednym przyciskiem

📋

Eksport raportu błędów z listą obiektów do poprawy

🎯

Przycisk "Zaznacz w AI" – lokalizacja błędnego wektora w pliku

Czas inspekcji: <1 sekunda niezależnie od rozmiaru pliku

🔧

Integracja z istniejącym workflow drukarni bez konieczności zmiany procesu

📦

Pakiet instalacyjny CEP – instalacja bez uprawnień IT

Ręczne sprawdzanie wektorów to strata czasu i pieniędzy

W drukarniach cyfrowych cienkie linie poniżej 0.1 mm zlewają się w druku — są dosłownie niewidoczne dla oka operatora na monitorze, ale powodują defekty na gotowym produkcie. Proces manualnej weryfikacji całego pliku zajmował od 5 do 20 minut i był podatny na błędy ludzkie.

Powyższe widoki panelu pokazują dwa główne moduły wtyczki: weryfikację kolorów z podziałem na wypełnienia i obrysy, oraz skaner obiektów z listą wykrytych problemów (czerwone wiersze oznaczają błędy wymagające interwencji). Każda pozycja na liście jest klikalna — jedno kliknięcie zaznacza obiekt bezpośrednio w Illustratorze.

Zautomatyzowany skaner jednym kliknięciem

Wtyczka łączy panel HTML/CSS/JS (warstwa UI) z logiką ExtendScript (.jsx), która rekurencyjnie skanuje cały plik, wyłapuje błędy i wystawia interaktywny raport. Operator nie musi znać technikalii — widzi wyłącznie kolorową listę problemów gotową do naprawy.

Skaner obiektów i grubości linii

Rekurencyjne przeszukiwanie wszystkich warstw pliku — grupy, maski, zagnieżdżone symbole. Zero pominięć, wynik w <1 sekundę

Panel CyfraDruk – lista wykrytych obiektów z błędami grubości

Lista wykrytych obiektów z błędami

Panel CyfraDruk – widok szczegółowy obiektu z błędem grubości linii

Szczegóły obiektu – min. wymiar i warstwa

Jak działa skaner obiektów

  • Rekurencyjne przeszukiwanie: skaner wchodzi w grupy, symbole i maski — żaden obiekt nie ucieka
  • Próg 0.25 mm: konfigurowalny próg minimalnej grubości — ustawiany pod specyfikację danej drukarni
  • Czerwone wiersze = błędy: czytelne oznaczenie kolorowe bez konieczności czytania wartości
  • Kliknij wiersz → Zaznacz w AI: jeden klik przenosi kursor Illustratora prosto na błędny obiekt

Weryfikacja kolorów CMYK i Pantone

Panel sprawdza wypełnienia i obrysy wszystkich obiektów — wykrywa kolory RGB zamiast CMYK oraz niezatwierdzone Spot Colors (Pantone)

Panel CyfraDruk – zakładka kolorów z listą wypełnień i obrysów

Osobny widok wypełnień i obrysów

Panel CyfraDruk – zakładka obiektów z kolorami Pantone

Weryfikacja Spot Colors (Pantone)

Co sprawdza moduł kolorów

  • Wypełnienia vs obrysy: dwa osobne widoki — kolory i grubości obrysów zebrane razem
  • Wykrywanie RGB: automatyczny alert gdy obiekt ma kolor w przestrzeni RGB zamiast CMYK
  • Spot Colors (Pantone): lista wszystkich kolorów dodatkowych w pliku z podziałem na obiekty
  • Licznik obiektów: każda pozycja pokazuje ile obiektów używa danego koloru — priorytetyzacja napraw

Interaktywny raport i nawigacja do błędów

Kliknięcie wiersza w raporcie wykonuje skok do obiektu w Illustratorze — bez scrollowania, bez szukania w warstwach

Panel CyfraDruk – interaktywna lista z zaznaczeniem obiektu w AI

Klik w raporcie → zaznaczenie w AI

Panel CyfraDruk – raport kolorów z przyciskiem zaznaczenia

Raport kolorów z nawigacją

Architektura interaktywnego raportu

  • ExtendScript bridge: panel JS wysyła ID obiektu do warstwy .jsx → Illustrator zaznacza i centruje widok na błędzie
  • Sortowanie błędów: lista sortowana od najpoważniejszych (0 mm) do granicznych — operator zaczyna od najgorszych
  • Filtrowanie warstw: możliwość ograniczenia skanowania do wybranej warstwy — szybsza weryfikacja po poprawkach
  • Zaznacz wszystkie: przycisk "Zaznacz wszystkie błędy" — grupowe zaznaczenie do masowej korekty w jednej operacji

Architektura techniczna — CEP + ExtendScript

Wtyczka CEP składa się z dwóch warstw: panelu webowego (HTML/CSS/JS renderowany w Chromium wbudowanym w Illustratora) oraz skryptu ExtendScript (.jsx), który ma bezpośredni dostęp do modelu dokumentu Illustratora (DOM). Komunikacja między nimi odbywa się przez CSInterface.evalScript().

15x szybciej

  • Zmniejszenie czasu inspekcji z 15 minut do 1 sekundy
  • Operator skanuje plik jednym kliknięciem przycisku "Skanuj plik"
  • Wynik dostępny natychmiast — bez oczekiwania niezależnie od liczby obiektów
  • Czas zaoszczędzony przy 20 plikach dziennie: ponad 4 godziny pracy operatora

100% dokładności

  • Algorytm rekurencyjny nie przeoczy mikroskopijnego punktu ukrytego w grupie lub masce
  • Zero błędów ludzkich — komputer nie ulega zmęczeniu po 200. obiekcie
  • Weryfikacja zarówno fill jak i stroke każdego obiektu osobno
  • Obsługa zagnieżdżonych grup, symboli i obiektów złożonych

Interaktywny UI

  • Przycisk "Zaznacz w AI" automatycznie lokalizuje błędny wektor w dokumencie
  • Skrócenie czasu naprawy — operator nie musi szukać obiektu w warstwach
  • Kolorowe oznaczenia: czerwony = błąd krytyczny, zielony = prawidłowy
  • Sortowanie i filtrowanie listy błędów według warstwy lub rodzaju problemu

Proces projektowy

Obserwacja pracy operatora: Spędziłem czas przy stanowisku DTP obserwując realny workflow. Zobaczyłem, że inspekcja pliku to seria ręcznych kliknięć — otwieranie właściwości każdego obiektu, sprawdzanie zakładki "Obrys", porównywanie z cennikiem grubości linii.

  • Wywiad z operatorami — jakie rodzaje błędów zdarzają się najczęściej, które są najtrudniejsze do wykrycia
  • Analiza kosztów reklamacji — policzenie ile kosztuje jeden przedruk vs. czas poświęcony na inspekcję
  • Ustalenie specyfikacji — progi grubości linii dla różnych technik druku (offset, cyfrowy, UV)
  • Constraint: wtyczka musi działać bez dostępu do internetu, bez zewnętrznych zależności — tylko Adobe SDK

Kluczowa decyzja projektowa: Panel musi być czytelny w wąskim pasku bocznym Illustratora (domyślna szerokość panelu to ok. 250–300 px). Hierarchia informacji musiała działać w jednej kolumnie.

  • Wireframe w Figmie — układ zakładek: "Obiekty" / "Kolory" / "Ustawienia"
  • System kolorów błędów: czerwony (krytyczny, < progu), żółty (ostrzeżenie, blisko progu), zielony (OK)
  • Tabela wyników z kolumnami: Min. wymiar, Szerokość × Wysokość, Warstwa
  • Przycisk „Skanuj plik" jako jedyna akcja główna — bez progu wejścia dla operatora
  • Stan „Brak właściwości kształtu" dla zaznaczenia wielu obiektów — obsługa skrajnego przypadku

Kluczowy algorytm: Skanowanie dokumentu Illustratora wymaga rekurencyjnego przechodzenia przez drzewo obiektów — grupy mogą zawierać grupy, symbole mogą zawierać inne symbole zagnieżdżone 5 poziomów w głąb.

  • Funkcja scanPageItems(): rekurencja przez pageItems, groupItems, symbolItems
  • Pomiar obiektu: geometricBounds vs visibleBounds — różnica ma znaczenie przy obiektach z obrysem
  • Wykrywanie grubości: pathItem.strokeWidth — konwersja z punktów do mm (1 pt = 0.3528 mm)
  • Kolory: fillColor instanceof SpotColor — identyfikacja Pantone, colorType dla RGB vs CMYK
  • Zaznaczenie z panelu: app.selection = [targetObject] + app.activeDocument.activeView.centerSelection()

Architektura komunikacji: Panel CEP (Chromium) nie ma bezpośredniego dostępu do API Illustratora. Wszystkie wywołania przechodzą przez CSInterface.evalScript() — asynchroniczny most między JS a ExtendScript.

  • Wywołanie skanowania: csInterface.evalScript('scanAllObjects(' + threshold + ')', callback)
  • Serializacja wyników: ExtendScript zwraca JSON jako string — panel parsuje i renderuje tabelę
  • Zaznaczenie obiektu: csInterface.evalScript('selectObjectById("' + objectId + '")') — każdy obiekt ma unikalne ID generowane przy skanowaniu
  • Wydajność: batch processing — jeden eval zamiast pętli eval'ów (10x szybciej na dużych plikach)

Testowanie na realnych plikach: Wtyczka była testowana na plikach produkcyjnych drukarni — etykiety, ulotki, wizytówki, projekty z wykrojnikiem. Każdy typ pliku wymagał obsłużenia innego skrajnego przypadku w algorytmie.

  • Testy na plikach z >5000 obiektów — weryfikacja czasu skanowania i stabilności
  • Skrajne przypadki: obiekty z strokeWidth = 0 (brak obrysu), obiekty ukryte, obiekty na zablokowanych warstwach
  • Szkolenie operatorów — 30-minutowa sesja zamiast tygodniowego onboardingu
  • Zbieranie feedbacku po 2 tygodniach użytkowania — dodanie filtru warstw i sortowania na życzenie zespołu
  • Pakiet instalacyjny — folder .zxp instalowany przez Adobe Extension Manager bez uprawnień administratora

Rezultat

Wtyczka CyfraDruk została wdrożona w środowisku produkcyjnym drukarni i wyeliminowała ręczną inspekcję plików. Czas sprawdzenia jednego pliku skrócił się z 15 minut do mniej niż sekundy. Operatorzy zgłaszają zero reklamacji związanych z grubością linii po wdrożeniu.

<1 sekunda na plik

Czas inspekcji skrócony z 15 minut — niezależnie od liczby obiektów w dokumencie

Zero reklamacji

Po wdrożeniu żaden plik nie przeszedł do druku z błędem grubości linii wykrywalnym przez wtyczkę

🎯

Bez szkolenia

Operatorzy opanowali narzędzie w 30 minut — jeden przycisk, czytelny raport, akcja naprawy

Zapytaj o podobne narzędzie

Co dalej?

Planowane rozszerzenia: moduł spadów — automatyczne generowanie bezpiecznych spadów z wykrojnika jednym przyciskiem, weryfikacja fontów (wykrywanie fontów niekonwertowanych na krzywe), eksport raportu do PDF dla klienta jako protokół weryfikacji pliku przed drukiem.