Чому «виглядає як у дизайні» — це пастка, особливо тепер
Нещодавно я почула від дизайнера фразу, яка не виходить з голови:
«Розробникам, чесно кажучи, не дуже важливо, що там всередині. Якщо компонент виглядає як у дизайні, ніхто не буде особливо паритись щодо деталей. Все одно ідеально не буває.»
В цьому є зерно правди. І спокуса погодитись — велика. Коли інтерфейс виглядає так, як його задумав дизайнер, усі задоволені: картинка збігається, можна йти далі. Але саме тут ховається одна з найдорожчих пасток сучасного дизайну. І AI зробив її ще дорожчою.
Картинка проходить тест, який нічого не перевіряє
Коли дизайнер створює інтерфейс, він тримає в голові не тільки те, як це виглядає на конкретному екрані. Він думає про систему: як цей компонент поведеться в темній темі, як він адаптується для іншого клієнта, що станеться, коли через рік хтось захоче оновити кольори чи стиль. Дизайн-система — це не каталог красивих елементів. Це набір правил, який забезпечує, щоб усе залишалося послідовним.
Коли інтерфейс просто виглядає як у дизайні, але всередині складений із випадкових значень — він проходить тест на картинку. І провалює всі інші. Ви бачите ідеальний скріншот. Але скріншот — це не система. Це фотографія системи, зроблена в один конкретний момент часу.
Різниця стає помітною не одразу. Іноді через місяць, коли потрібно внести зміну. Іноді через пів року, коли приходить новий дизайнер і не може зрозуміти, чому деякі речі змінюються разом, а інші — ні. Іноді через рік, коли треба зробити друге видання продукту для іншого клієнта, виявляється, що замість одного оновлення потрібно перебудувати половину інтерфейсу.
Це називається візуальним боргом. І довгий час він накопичувався повільно — настільки повільно, що його часто навіть не помічали.
Що змінилося з AI
Тепер інтерфейси все частіше створює не людина, а інструмент. AI бере дизайн із Figma та генерує код. Робить це швидко, охайно і — головне — результат майже завжди виглядає правильно.
Тут і починається проблема. AI не зловмисник — він просто дуже швидкий. І якщо в системі є місця, де правила нечіткі, він заповнить їх власними рішеннями. Кожне з цих рішень — окреме. Кожне виглядає логічно. Але разом вони не утворюють системи.
Раніше, коли інтерфейс писала людина, такі рішення з’являлися по одному за раз. Можна було помітити, виправити, обговорити. Зараз вони з’являються десятками за хвилину. Один невеликий брак у системі перетворюється на сорок інстансів цього браку, перш ніж хтось встигне переглянути перший.
Це і є суть моменту, в якому ми зараз: візуальний борг більше не накопичується повільно. Він накопичується зі швидкістю AI. І виглядає при цьому ідеально.
Що з цим робити
Перша інтуїтивна реакція — додавати правила. Більше деталей у дизайн-системі, чіткіші інструкції для AI, довші промпти. На жаль, це не працює так, як хотілося б. Великі складні системи AI втримує погано — рівно як і люди.
Реальне рішення — протилежне. Менша, чіткіше структурована система працює краще. Така, яку і людина, і модель можуть утримати в голові одночасно. Замість того, щоб описувати кожен можливий випадок, ви описуєте принципи, з яких ці випадки виводяться. Замість каталогу з тисячами правил — кілька десятків, які покривають усе.
Це не лінь і не спрощення. Це інша філософія: послідовність народжується з ясності, а не з повноти. Чим менше місць, де помилка може сховатися, — тим менше помилок ви знайдете.
І так — це означає, що частину роботи треба робити заздалегідь, до того, як AI почне щось генерувати. Це не «оптимізація для AI» в сенсі підлаштування під моду. Це базова гігієна системи, яку раніше можна було відкласти, а тепер не можна.
Якщо вам цікаво, як виглядає така система на практиці - DLS-Lead — AI-ready дизайн-система для SaaS продуктів.
Справжня ставка
То чи правий той дизайнер на початку? Розробникам справді однаково, як саме все складено всередині — поки воно виглядає правильно.
Можливо. Але це не аргумент за те, щоб не робити роботу. Це якраз аргумент на користь того, щоб вбудувати її в систему — туди, де вона не залежить від чиєїсь свідомості чи настрою.
«Виглядає як у дизайні» — це найдорожча фраза в сучасному фронтенді. Раніше за неї платили місяцями. Тепер — днями. Бо AI не зробив дизайн гіршим. Він просто зробив наслідки кожного зрізаного кута видимими швидше, ніж ми звикли їх бачити.
І якщо ми хочемо, щоб дизайн залишався системою, а не серією красивих знімків, — нам треба думати про те, що під картинкою. Не тому, що AI цього вимагає. А тому що тепер у нас просто немає часу робити це пізніше.
