В release note-а на Figma (да да, знам, че не съм дизайнер, но се интересувам) от преди буквално няколко дни имаше нещо, на което реагирах с „О, не!„
Liquid Glass. Във Figma.
След буквално няколко реда ще дам моите 5 цента(?) по темата, но преди да започна, искам да дам малко контекст за читателите, които по някаква причина не са разбрали що е то liquid glass.
Всичко ново е добре забравено старо
Така нареченият (от Apple) liquid glass е всъщност добре познатия ни (окей, на тези от нас родени преди 2000 година) glassmorphism, само че една идея „по-жив“, по-отзивчив и по-въздействащ от предшестващото го течение. Характерните за този тип UI са прозрачността, стъкления ефект и… трудностите, свързани с употребата му.
През годините ставаме свидетели как след като Apple зададе тон, всички компании (дори първоначално с насмешка) го следват. Досещаш се – слушалките без кабел, iPad-a, дори няма да засягам темата с iPhone-a.
И след като през 2025-та от компанията майка решиха да обединят всичките си операционни системи под една версия (26) и да променят изцяло визуалния език, посредством който потребителя взаимодейства с устройствата – през 2026-та всички, използващи техен хардуер (искаме или не) станахме ползватели и на въпросния liquid glass.
Няма да залитам в подробности около решението за драстична промяна на UI и UX на 4 операционни системи – macOS, iOS, iPad OS и watchOS, но навярно фактът, че главния отговорен – дизайнерът Алън Дай (Alan Dye) е освободен от Apple е достатъчен…
Liquid Glass навсякъде
Като човек, който работи в сферата на уеб от над 13 години мога да заявя смело – каквото Apple подаде като идея се превръща в тренд.
Както започнах тази статия, преди няколко дни от Figma обявиха официално новия си liquid glass фийчър. Точно това провокира написването на тези няколко реда.
Вече виждаме имплементация (или опити за такава) на този тренд в не малко уебсайтове.
Но след като възможността за пресъздаване на въпросния ефект в най-използвания за дизайн софтуер е налична, вярвам, че съвсем скоро ще сме изправени пред затвуднения с трудно достъпни, невъзможни за четене и работа интерфейси (и то не защото дизйанерите не знаят какво правят, а защото… е модерно).
Затова и реших да споделя гледната си точна като разработчик. Не с идеята да не изпозлваме liquid glass никъде. А с насока да го използваме целесъобразно и най-вече внимателно.
Какви въпроси да си зададете, преди да имплементирате liquid glass в даден дизайн
Уеб през 2026-та е далеч от статичен – имаме хвърчащи анимации навсякъде, хоризонтален скрол, WebGL… you name it.
Но преди да предприемем какъвто и да е подход за даден продукт е важно да си зададем няколко ключови въпроса:
1. Дали liquid glass ще допълни посланието на уебсайта
Знам, знам, че е модерно. Но замисли се – само защото всички го ползват, означава ли, че има истинско приложение и в твоя дизайн?
Допълва ли изживяването на потребителя? Прави ли го по-плавно и по-енергоефективно (ами да, мозъка изразходва огромно количество енергия под формата на калории, за да разбере нещо)? Прави ли го по-интуитивно? Ако отговорът ти не е убедително ДА, то те съветвам да преосмислиш употребата на този ефект.
2. Какъв е характерът на проекта, над който работиш
Ако приемем, че работиш над дизайн, чиято цел е да спечели дадена награда или да покаже възможностите на дизайн/дев екипите в твоята компания – that’s okay. Или пък ако си правиш портфолио – също.
Но ако имплементираш liquid glass ефект в дизайн на, да речем, колежански уебсайт, чиято основна цел е да насочва студентите до важна информация скорострелно, то вероятно този фенси ефект по-скоро би ги затруднил, отколкото да допълни преживяването.
3. Какъв е стандарта на достъпност (web accessibility), който този проект трябва да покрие
2026-та е, вече не можем да се преструваме, че хора с нарушено зрение не използват уеб и да създаваме преживявания, сякаш всички потребители имат еднакви възможности.
Един от най-големите проблеми на liquid glass е в това, че прави четимостта много по-трудна, на моменти дори невъзможна.
А ако искаш да научиш повече за уеб достъпността, виж тази статия, която писах преди време.
4. С какъв опит са програмистите, които ще имплементират дизайна
Сега вероятно ще си кажеш „а, да го мислят, моята работа е свършена“. Но идеята на handoff-а не е просто да се предаде един дизайн и всички врати да бъдат затворени. Не е дори в самото предаване. А в начинът, по който дизайн и дев си взаимодействат в процесите, съпътстващи развиването на един проект.
Ако планираш да използваш liquid glass – непременно си направи една среща с дев екипа. Задай въпроси като: „имплементирали ли сте досега liquid glass“ и „какво използвате за този ефект, готова библиотека ли“.
Между другото, ако ти е интересно, ето тук съм направила едно демо на JS библиотека – LiquidGL, с която се постиха тъкмо този ефект.
5. Не е твоя работа, но помисли и за перформанса
Всеки интерактивен елемент, всяка анимация, всяка промяна на DOM дървото или на позиция на HTML елемент потенциално забавя зареждането на дадена страница и оттам – потребителското преживяване.
Сега ще открехна вратата на девовете за момент и ще ти разкажа как работи liquid glass в уеб. В момента на зареждане на дадена страница, посредством JavaScript, се прави една цяла „снимка“ на това, което браузъра вижда. Елементът, който ще има liquid glass ефект (например навигационно меню) бива изолиран и тъкмо на него се придават свойства на прозрачност, наситеност и изобщо – този ефект.
Всичко зад него на изображението се замъглява и обработва в реално време, така че при скрол, hover или отваряне на менюто, ефектът да изглежда „жив“, а не като статична снимка.
Това означава допълнителни изчисления, прерисуване и често – работа с canvas, filter-и или GPU ускорение. Казано по-просто: liquid glass не е просто CSS магийка, а комбинация от JavaScript, визуални ефекти и постоянно следене какво се случва зад елемента.
И сега какво да го правим този нов Figma фийчър
Във всичките си работилници не спирам да повтарям колко ценно е това, че Figma все повече започва да наподобява дев процесите при създаване на нов дизайн (auto-layout, grid…).
Съветът ми към дизайнерите (от дев гледна точка), е като начало да поекспериментират с liquid glass, а ако са твърдо решени, че това е ефект, който искат в следващия си проект, то действително да отделят време и да си отговорят на по-горните въпроси. Да го изкоментират с хората, които ще имплементират дизайна и да са сигурни, че всички са на една страница.
Толкова от мен по темата, дано ви е било полезно и ви е дало храна за размисъл доколко нещо е приложимо и доколко е самоцел.
Stay blond
