BEREST UX/UI
Відкрити в Telegram
Вітаю, я Берест Олександр - Senior Product Designer в Fintech, ex. Team Lead в League Design Agency, працюю в сфері з 2018 і веду тг канал про дизайн і всяке цікаве. ▫️Telegram: @berestx ▫️Instagram: berestx ▫️LinkedIn: linkedin.com/in/berestalex
Показати більше3 921
Підписники
+1324 години
+357 днів
+6630 день
Триває завантаження даних...
Схожі канали
Немає даних
Виникли проблеми? Будь ласка, оновіть сторінку або зверніться до нашого support-менеджера.
Хмара тегів
Вхідні та вихідні згадування
---
---
---
---
---
---
Залучення підписників
червень '26
червень '26
+60
в 4 каналах
травень '26
+99
в 1 каналах
Get PRO
квітень '26
+159
в 2 каналах
Get PRO
березень '26
+120
в 3 каналах
Get PRO
лютий '26
+77
в 2 каналах
Get PRO
січень '26
+48
в 2 каналах
Get PRO
грудень '25
+73
в 4 каналах
Get PRO
листопад '25
+117
в 1 каналах
Get PRO
жовтень '25
+95
в 4 каналах
Get PRO
вересень '25
+270
в 3 каналах
Get PRO
серпень '25
+206
в 3 каналах
Get PRO
липень '25
+145
в 4 каналах
Get PRO
червень '25
+191
в 3 каналах
Get PRO
травень '25
+332
в 3 каналах
Get PRO
квітень '25
+208
в 1 каналах
Get PRO
березень '25
+632
в 5 каналах
Get PRO
лютий '25
+204
в 2 каналах
Get PRO
січень '25
+510
в 2 каналах
Get PRO
грудень '24
+1 068
в 2 каналах
| Дата | Залучення підписників | Згадування | Канали | |
| 17 червня | +2 | |||
| 16 червня | +13 | |||
| 15 червня | +4 | |||
| 14 червня | +1 | |||
| 13 червня | +9 | |||
| 12 червня | +4 | |||
| 11 червня | +3 | |||
| 10 червня | +7 | |||
| 09 червня | +5 | |||
| 08 червня | +6 | |||
| 07 червня | 0 | |||
| 06 червня | 0 | |||
| 05 червня | 0 | |||
| 04 червня | +2 | |||
| 03 червня | +1 | |||
| 02 червня | +3 | |||
| 01 червня | 0 |
Дописи каналу
| 2 | UX-аудит, доступність та збір фідбеку
▪️Синтез фідбеку з коментарів: Аналіз величезних тредів обговорень від менеджерів та розробників під макетами та перетворення їх на структурований To-Do список.
▪️Аудит доступності за WCAG (Accessibility Check): Миттєва перевірка контрастності текстів, розмірів шрифтів та зон тапу (мінімальний розмір клікабельних елементів).
▪️Евристичний UX-аудит: Оцінка екранів на відповідність базовим правилам юзабіліті (наприклад, за Нільсеном) із зазначенням потенційних проблемних зон.
▪️Тестування макетів під різні Персони: Аналіз інтерфейсу очима конкретного сегмента аудиторії (наприклад: «перевір цей флоу з погляду 65-річного користувача»).
▪️Перевірка консистентності (Consistency Audit): Пошук елементів, що вибиваються із загальної дизайн-системи (не ті скруглення, використання кастомних кольорів замість токенів).
Прототипування та передача в розробку
▪️Автоматичне пролінковування прототипів (Auto-Prototyping): Налаштування базових зв'язків між екранами (кнопка «Назад» повертає назад, хрестик закриває модалку) однією командою.
▪️Підготовка структури для Dev Mode: Автоматичне впорядкування шарів так, щоб розробникам у Dev Mode було максимально зручно копіювати чистий CSS/Flexbox код.
▪️Автогенерація коду через Figma Make: Підготовка асетів та фрагментів інтерфейсу для безшовного передавання у фронтенд через інтеграції.
Пошук логічних тупиків (Edge-case Audit): Аналіз користувацького сценрію на предмет забутих екранів (наприклад, Агент підкаже: «Ви забули намалювати екран помилки при збої оплати»).
🤔Насправді кількість сценаріїв обмежена лише нашою уявою, і з часом ми знайдемо їх сотні, і вони стануть невіддільною частиною нашої рутини.
Діліться вашими ідеями, сценаріями та фідбеком в коментарях!
@berestux | 1 358 |
| 3 | Днями Figma Agent у беті став доступний для всіх платних користувачів.
Зрозуміло, що його не можна використовувати як повноцінну заміну дизайнеру, оскільки сам дизайн він робить досить посереднім. Але він дуже хороший у деяких юзкейсах — прискорює вашу роботу в рази, перевіряє вас і ваш дизайн на помилки та прибирає рутину.
Я зібрав основні сценарії, які можна використовувати вже зараз. Щось уже й сам протестував, про щось лише прочитав. Деякі працюють добре в одному випадку, а в іншому помиляються. Але давайте зважати на те, що це його перший тиждень на роботі, і це ок, що він може помилятися зараз (бо бета ж).
Рутина, Cleanup та Дизайн-системи
▪️Масове переведення макетів у темну/світлу тему: Перефарбовування цілих флоу та десятків екранів однією командою з автоматичним підбором правильних семантичних токенів.
▪️Пакетна заміна компонентів (Bulk Swap): Миттєва заміна старих кнопок, інпутів або іконок на нові актуальні версії з оновленої бібліотеки по всіх екранах файла.
▪️Групове наведення ладу в шарах (Layer Cleanup): Автоматичне перейменування хаотичних «Frame 2356» та «Rectangle 4» у зрозумілі семантичні структури на кшталт CardContainer або CTA_Button.
▪️Вирівнювання відступів за сіткою (Spacing Scale Alignment): Приведення всіх випадкових і «брудних» відступів у флоу до єдиного кроку вашої дизайн-системи (наприклад, строго кратно 4px/8px).
▪️Автоматичне обгортання в Auto Layout: Виділення розрізненої групи елементів і розумне перетворення її на адаптивну структуру з правильними властивостями fill, hug або fixed.
▪️Групове керування змінними (Variables Operations): Масове перейменування змінних, зміна їхніх значень або зв'язування жорстко прописаних (hardcoded) параметрів зі стилями дизайн-системи
▪️Автодокументування компонентів: Автоматичний опис усіх стейтів (hover, focus, disabled) та пропсів компонента для бібліотеки або передачі розробникам.
▪️Очищення файла від «сміття»: Швидке знаходження та видалення прихованих, порожніх або невикористовуваних шарів, які перевантажують оперативну пам'ять Figma.
▪️Масове заповнення метаданих: Автоматичне оновлення описів (descriptions) та тегів у компонентів у дизайн-системі, щоб команда могла легко знаходити їх через пошук.
▪️Адаптація під автолейаут сітки (Grid Mode): Переведення старих фіксованих макетів на сучасні стандарти сіток (включно з Grid Mode), які нативно мапляться в CSS Grid.
Робота з контентом і локалізація
▪️Розумне заповнення контекстним контентом (Smart Populate): Заміна стандартного Lorem Ipsum на реальні імена, ціни, адреси або описи товарів, що підходять саме під ваш домен (доставка, фінтех, авіаквитки).
▪️Стрес-тест інтерфейсу локалізацією: Миттєвий переклад усіх екранів німецькою (для перевірки довгих рядків) або арабською (для тестування RTL-верстки та зміни напрямку елементів).
▪️Генерація реалістичних зображень-заглушок: Швидке наповнення аватарок і банерів релевантними картинками замість сірих квадратів (наприклад, «заповни картки фотографіями кросівок»).
▪️Валідація довгих заголовків: Симуляція крайніх станів контенту (вкрай довге ім'я користувача), щоб перевірити, як поводиться текстовий контейнер (... або перенесення рядка).
▪️Швидке наповнення порожніх станів (Empty States): Автоматична генерація текстів і графіки для станів «кошик порожній», «немає результатів пошуку», «помилка 404».
Генерація концептів та варіативність
▪️Паралельна генерація стилістичних напрямків: Створення кількох варіантів одного й того самого екрана в різній стилістиці (мінімалістичний, яскравий, строгий) side-by-side для порівняння.
▪️Інтелектуальний пошук за асетами (Asset Search): Пошук потрібного елемента у гігантській дизайн-системі не за точною назвою, а за візуальною схожістю або смисловим контекстом.
▪️Генерація UI-структур за брифом: Створення чорнових варфреймів або екранів з нуля на основі текстового опису, використовуючи компоненти вашої компанії.
▪️Швидке створення альтернативних лейаутів (Layout Variations): Перебір різних варіантів сітки (наприклад, бокове меню vs таббар) для одного й того самого контенту.
@berestux | 1 205 |
| 4 | Про це ніхто не знає, але це можна зробити у Figma
@berestux | 1 516 |
| 5 | Figma викатила розширення для Chrome, яке автоматично імпортує будь-яку вебсторінку у Figma, розбиваючи її на повністю редаговані шари.
І того:
- Миттєвий імпорт: Весь контент (тексти, іконки, кнопки) одразу готовий до редагування.
- Робоча структура: Розширення зберігає ієрархію шарів, що значно пришвидшує роботу над редизайном або аналізом конкурентів.
- Економія часу: Більше не потрібно з нуля перемальовувати базові елементи сайту.
@berestux | 2 995 |
| 6 | Figma викатила розширення для Chrome, яке автоматично імпортує будь-яку вебсторінку у Figma, розбиваючи її на повністю редаговані шари.
І того:
- Миттєвий імпорт: Весь контент (тексти, іконки, кнопки) одразу готовий до редагування.
- Робоча структура: Розширення зберігає ієрархію шарів, що значно пришвидшує роботу над редизайном або аналізом конкурентів.
- Економія часу: Більше не потрібно з нуля перемальовувати базові елементи сайту.
@berestux | 154 |
| 7 | 😍
@berestux | 1 936 |
| 8 | 😮 Але найнеймовірніше це те що у macOS 27 Apple нарешті уніфікувала радіуси заокруглення вікон. Більше жодних відмінностей між системними та сторонніми додатками
@berestux | 1 995 |
| 9 | Apple представила нову розумну Siri, і мені дуже подобається як вона виглядає і як потенційно працює.
Нарешті вона стала справжнім ШІ-помічником, про якого ми так довго мріяли. Тепер завдяки моделі Gemini вона не просто виконує команди, а розуміє контекст вашого життя: може підтримати довгу розмову або допомогти з написанням курсової. Для зручності з’явився окремий застосунок, де зберігається вся історія ваших чатів.
Siri стала по-справжньому проактивною: вона «бачить» ваш екран і фонові завдання. Наприклад, ви можете попросити її повідомити про старт передзамовлення на гру чи косметику — і вона не забуде. Вона навіть вміє автоматизувати рутину: сама розрахує час у дорозі за картами та напише близьким, що ви вже їдете додому.
Безпека — у пріоритеті: прості завдання Siri вирішує прямо на вашому пристрої, а для складних — використовує хмару з надійним шифруванням. На iOS її можна викликати свайпом донизу, а на Mac вона стала частиною оновленого Spotlight.
На жаль, на старті (iOS 27 та macOS 27) Siri розумітиме лише англійську і працюватиме тільки в США.
До інших країн оновлення дійде згодом, щойно Apple домовиться з місцевими регуляторами.
@berestux | 1 972 |
| 10 | 🔥У Figma з’явився новий інструмент для автоматизації рутини — Check Designs.
Тепер перевірка макета на відповідність дизайн-системі займає лічені секунди.
Щоб протестувати фрейм, просто натисніть правою кнопкою миші та оберіть Check Designs.
Функціонал миттєво підсвітить:
-Стилі та змінні: чи прив’язані кольори та типографіка до ваших Libraries.
-Доступність: чи відповідають кольори стандартам контрастності.
-Консистентність: чи збігаються відступи та радіуси скруглення з налаштуваннями системи.
-Стан компонентів: наявність «від’єднаних» (detached) елементів, які потребують оновлення.
Всі помилки можна виправити в один клік, а після завершення — змінити статус макета на «Ready for dev». Функція доступна для всіх платних підписок Figma.
@berestux | 2 277 |
| 11 | Вийшла Reve 2.0 — нова версія топової моделі для створення зображень. У бенчмарках вона поступається лише GPT Image 2.
Reve 2.0 працює за новою логікою: спочатку перетворює промт на детальний код із розкладкою об'єктів, а потім рендерить картинку. Завдяки цьому з нею простіше редагувати окремі деталі. Генерує одразу у форматі 4K, тому окремий апскейл не потрібен.
Працює швидко, проте на складних сценах можна помітити дрібні артефакти. Чудово справляється з інтерфейсами та текстами.
Тестуємо безкоштовно тут.
@berestux | 2 290 |
| 12 | ⏳ Найцінніший ресурс продуктового дизайнера — час на прийняття рішень. Не витрачайте його на ручний аналіз досліджень, конкурентів та користувацький фідбек.
Навчіться делегувати рутинні задачі ШІ та фокусуватися на тому, що дійсно рухає продукт вперед, — на курсі «AI для продактів» від robot_dreams.
За 12 занять ви навчитеся:
• прискорювати дослідження інформації і конкурентний аналіз за допомогою AI
• автоматизовувати задачі
• швидко генерувати та перевіряти гіпотези
• будувати власні AI-процеси для ухвалення якісніших дизайн-рішень
Наприкінці зберете власне AI-assisted Product Portfolio.
Лектори: Ірина Токарчук — Product Manager та Product Analyst у Mandai X з 10+ роками досвіду в продукті, аналітиці та маркетингу.
Роман Прус — Product Owner at Creatio, понад 14 років в IT: від розробника до Product Owner.
Сергій Іванов — Lead Product Designer at Ciklum, понад 15 років у продуктовому дизайні складних digital-продуктів.
Старт: 22 червня
Деталі, програма та реєстрація ⬅️ | 1 887 |
| 13 | А ще Figma Make тепер працює з локальним кодом (у бета-версії). Ви можете підключати власний codebase, редагувати код візуально з точними змінами, створювати гілки, робити коміти та шипити безпосередньо з Figma.
@berestux | 2 370 |
| 14 | Кажуть, що ось це — правильні іконки Google. А те, що зараз на проді — це викатили через недогляд 😮
@berestux | 2 675 |
| 15 | Maze опублікували The Future of User Research Report 2026, і головний висновок однозначний: ШІ не замінить ресьорчерів, але він назавжди змінює правила гри. Ми переходимо від «виконання тестів» до формування стратегій.
3 ключові тренди, які визначають професію прямо зараз:
1. ШІ — це база, критичне мислення — це перевага
Сьогодні 69% команд використовують ШІ для рутини: транскрибації, синтезу даних та написання чернеток питань. Це звільняє час, але створює «пастку швидкості».
Чому важливо: ШІ обробляє дані, але не розуміє контекст. Люди досі незамінні там, де треба зчитувати емоції, приймати етичні рішення та інтерпретувати нюанси.
Висновок: Ваша цінність тепер не в тому, що ви провели дослідження, а в тому, які висновки ви зробили і наскільки впевнено ви захищаєте їх перед бізнесом.
2. Дослідження переїжджають у зал засідань (Boardroom)
Статус дослідників суттєво зріс: кількість компаній, де результати досліджень є фундаментом бізнес-стратегії, зросла до 22% (проти 8% минулого року).
Нова реальність: Дослідник більше не «сервісна функція», яка просто перевіряє гіпотези дизайну. Ви стаєте бізнес-партнером, який пов’язує поведінку користувачів із фінансовими цілями компанії.
3. Попит випереджає інфраструктуру: криза "самообслуговування"
66% команд відчувають тиск через шалений попит на дані. Дослідження проводять усі: продакти, маркетологи, менеджери.
Проблема: Інфраструктура (бібліотеки знань, шаблони, стандарти якості) не встигає за цим потоком. Без єдиних «правил гри» більше досліджень = більше хаосу, а не більше ясності.
Рішення: Ваша мета — не провести більше тестів самому, а побудувати систему, в якій інші команди можуть проводити їх якісно, не втрачаючи фокус.
Як вижити та вирости у 2026 році?
Перестаньте хвилюватися, що ШІ забере вашу роботу. Краще спрямуйте енергію на «м'які» стратегічні навички:
Storytelling: Вміння «продати» інсайт стейкхолдерам важливіше, ніж ідеально налаштований тест.
Stakeholder management: Навчіться говорити мовою бізнес-метрик і прибутків, а не лише мовою юзабіліті.
Connecting the dots: Ваша суперсила — знаходити зв’язок між тим, що сказав користувач, і тим, куди має рухатися стратегія продукту.
Ваш новий фокус: Менше рутини, більше впливу.
Повний текст
@berestux | 2 651 |
| 16 | 🔥Figma оновила сітки
→ Перетягуйте колонки та рядки для зміни порядку
→ Автоматичне позиціювання
→ Автоматичне створення рядків
@berestux | 2 329 |
| 17 | Ось ще декілька прикладів використання ШІ-агента у Фігмі:
По-перше, можна вибрати кілька шарів і запросити для них усі альтернативні варіанти одночасно. Те, що раніше у Figma Make дозволяло пробувати лише одну ідею за раз, тепер можна робити паралельно — усі варіанти одночасно.
Далі, коментарі та зауваження можна обробляти швидко, одразу переглядаючи варіанти виправлення.
@berestux | 2 969 |
| 18 | У Figma з'явився власний агент — він дизайнить прямо в основному вікні сервісу.
Підключати сторонні ШІ більше не доведеться.
Він миттєво вивчає поточну дизайн-систему та швидко орієнтується між усіма фреймами. Його можна попросити відредагувати макет, пошукати референси або створити альтернативні версії дизайну.
Найближчим часом його почнуть надавати користувачам бета-версії.
Приєднатися до тесту можна тут.
@berestux | 2 674 |
| 19 | Google провели одну з наймасштабніших презентацій I/O. Що показали:
– Gemini 3.5 Flash. Найшвидша та найрозумніша модель Google — пише код і працює над довготривалими завданнями навіть краще за Gemini 3.1 Pro;
– Gemini навчили стежити за будь-якими подіями у світі. Можна попросити агента надсилати сповіщення про термінові новини або нові релізи;
– Генератор дизайнів Stitch тепер може створювати та редагувати інтерфейси в реальному часі;
– З’явився ШІ-сервіс, який аналізує ринок будь-яких товарів і шукає найвигідніші ціни;
– У пошук додали генератор мініапів, що створює вебресурси для простих завдань, аби не переходити за різними посиланнями;
– Застосунок Gemini отримав значний редизайн на всіх платформах і тепер відповідає у стилі інтернет-статей, а не суцільним текстом.
Вже доступно всім користувачам.
@berestux | 0 |
| 20 | На честь свого 20-річчя Spotify оновив логотип, перетворивши його на зелену диско-кулю. Спершу користувачі соцмереж розкритикували такий крок, але згодом це переросло у флешмоб — люди почали масово адаптувати значки інших відомих додатків під цю ж естетику.
Новий візуальний стиль уже встигли охрестити «discomorphism». Дивовижно, як звичайна іронія в дизайні здатна всього за кілька днів трансформуватися у серйозний глобальний тренд.
@berestux | 2 956 |
Вже доступно! Дослідження Telegram за 2025 — головні інсайти року 
