BEREST UX/UI
Ir al canal en Telegram
Вітаю, я Берест Олександр - Senior Product Designer в Fintech, ex. Team Lead в League Design Agency, працюю в сфері з 2018 і веду тг канал про дизайн і всяке цікаве. ▫️Telegram: @berestx ▫️Instagram: berestx ▫️LinkedIn: linkedin.com/in/berestalex
Mostrar más3 905
Suscriptores
+124 horas
+297 días
+5430 días
Carga de datos en curso...
Canales Similares
Sin datos
¿Algún problema? Por favor, actualice la página o contacte a nuestro gerente de soporte.
Nube de Etiquetas
Menciones Entrantes y Salientes
---
---
---
---
---
---
Atraer Suscriptores
junio '26
junio '26
+44
en 4 canales
mayo '26
+99
en 1 canales
Get PRO
abril '26
+159
en 2 canales
Get PRO
marzo '26
+120
en 3 canales
Get PRO
febrero '26
+77
en 2 canales
Get PRO
enero '26
+48
en 2 canales
Get PRO
diciembre '25
+73
en 4 canales
Get PRO
noviembre '25
+117
en 1 canales
Get PRO
octubre '25
+95
en 4 canales
Get PRO
septiembre '25
+270
en 3 canales
Get PRO
agosto '25
+206
en 3 canales
Get PRO
julio '25
+145
en 4 canales
Get PRO
junio '25
+191
en 3 canales
Get PRO
mayo '25
+332
en 3 canales
Get PRO
abril '25
+208
en 1 canales
Get PRO
marzo '25
+632
en 5 canales
Get PRO
febrero '25
+204
en 2 canales
Get PRO
enero '25
+510
en 2 canales
Get PRO
diciembre '24
+1 068
en 2 canales
| Fecha | Crecimiento de Suscriptores | Menciones | Canales | |
| 15 junio | +3 | |||
| 14 junio | +1 | |||
| 13 junio | +9 | |||
| 12 junio | +4 | |||
| 11 junio | +3 | |||
| 10 junio | +7 | |||
| 09 junio | +5 | |||
| 08 junio | +6 | |||
| 07 junio | 0 | |||
| 06 junio | 0 | |||
| 05 junio | 0 | |||
| 04 junio | +2 | |||
| 03 junio | +1 | |||
| 02 junio | +3 | |||
| 01 junio | 0 |
Publicaciones del Canal
UX-аудит, доступність та збір фідбеку
▪️Синтез фідбеку з коментарів: Аналіз величезних тредів обговорень від менеджерів та розробників під макетами та перетворення їх на структурований To-Do список.
▪️Аудит доступності за WCAG (Accessibility Check): Миттєва перевірка контрастності текстів, розмірів шрифтів та зон тапу (мінімальний розмір клікабельних елементів).
▪️Евристичний UX-аудит: Оцінка екранів на відповідність базовим правилам юзабіліті (наприклад, за Нільсеном) із зазначенням потенційних проблемних зон.
▪️Тестування макетів під різні Персони: Аналіз інтерфейсу очима конкретного сегмента аудиторії (наприклад: «перевір цей флоу з погляду 65-річного користувача»).
▪️Перевірка консистентності (Consistency Audit): Пошук елементів, що вибиваються із загальної дизайн-системи (не ті скруглення, використання кастомних кольорів замість токенів).
Прототипування та передача в розробку
▪️Автоматичне пролінковування прототипів (Auto-Prototyping): Налаштування базових зв'язків між екранами (кнопка «Назад» повертає назад, хрестик закриває модалку) однією командою.
▪️Підготовка структури для Dev Mode: Автоматичне впорядкування шарів так, щоб розробникам у Dev Mode було максимально зручно копіювати чистий CSS/Flexbox код.
▪️Автогенерація коду через Figma Make: Підготовка асетів та фрагментів інтерфейсу для безшовного передавання у фронтенд через інтеграції.
Пошук логічних тупиків (Edge-case Audit): Аналіз користувацького сценрію на предмет забутих екранів (наприклад, Агент підкаже: «Ви забули намалювати екран помилки при збої оплати»).
🤔Насправді кількість сценаріїв обмежена лише нашою уявою, і з часом ми знайдемо їх сотні, і вони стануть невіддільною частиною нашої рутини.
Діліться вашими ідеями, сценаріями та фідбеком в коментарях!
@berestux
| 2 | Днями 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 | 884 |
| 3 | Про це ніхто не знає, але це можна зробити у Figma
@berestux | 1 355 |
| 4 | Figma викатила розширення для Chrome, яке автоматично імпортує будь-яку вебсторінку у Figma, розбиваючи її на повністю редаговані шари.
І того:
- Миттєвий імпорт: Весь контент (тексти, іконки, кнопки) одразу готовий до редагування.
- Робоча структура: Розширення зберігає ієрархію шарів, що значно пришвидшує роботу над редизайном або аналізом конкурентів.
- Економія часу: Більше не потрібно з нуля перемальовувати базові елементи сайту.
@berestux | 2 335 |
| 5 | Figma викатила розширення для Chrome, яке автоматично імпортує будь-яку вебсторінку у Figma, розбиваючи її на повністю редаговані шари.
І того:
- Миттєвий імпорт: Весь контент (тексти, іконки, кнопки) одразу готовий до редагування.
- Робоча структура: Розширення зберігає ієрархію шарів, що значно пришвидшує роботу над редизайном або аналізом конкурентів.
- Економія часу: Більше не потрібно з нуля перемальовувати базові елементи сайту.
@berestux | 154 |
| 6 | 😍
@berestux | 1 823 |
| 7 | 😮 Але найнеймовірніше це те що у macOS 27 Apple нарешті уніфікувала радіуси заокруглення вікон. Більше жодних відмінностей між системними та сторонніми додатками
@berestux | 1 910 |
| 8 | Apple представила нову розумну Siri, і мені дуже подобається як вона виглядає і як потенційно працює.
Нарешті вона стала справжнім ШІ-помічником, про якого ми так довго мріяли. Тепер завдяки моделі Gemini вона не просто виконує команди, а розуміє контекст вашого життя: може підтримати довгу розмову або допомогти з написанням курсової. Для зручності з’явився окремий застосунок, де зберігається вся історія ваших чатів.
Siri стала по-справжньому проактивною: вона «бачить» ваш екран і фонові завдання. Наприклад, ви можете попросити її повідомити про старт передзамовлення на гру чи косметику — і вона не забуде. Вона навіть вміє автоматизувати рутину: сама розрахує час у дорозі за картами та напише близьким, що ви вже їдете додому.
Безпека — у пріоритеті: прості завдання Siri вирішує прямо на вашому пристрої, а для складних — використовує хмару з надійним шифруванням. На iOS її можна викликати свайпом донизу, а на Mac вона стала частиною оновленого Spotlight.
На жаль, на старті (iOS 27 та macOS 27) Siri розумітиме лише англійську і працюватиме тільки в США.
До інших країн оновлення дійде згодом, щойно Apple домовиться з місцевими регуляторами.
@berestux | 1 873 |
| 9 | 🔥У Figma з’явився новий інструмент для автоматизації рутини — Check Designs.
Тепер перевірка макета на відповідність дизайн-системі займає лічені секунди.
Щоб протестувати фрейм, просто натисніть правою кнопкою миші та оберіть Check Designs.
Функціонал миттєво підсвітить:
-Стилі та змінні: чи прив’язані кольори та типографіка до ваших Libraries.
-Доступність: чи відповідають кольори стандартам контрастності.
-Консистентність: чи збігаються відступи та радіуси скруглення з налаштуваннями системи.
-Стан компонентів: наявність «від’єднаних» (detached) елементів, які потребують оновлення.
Всі помилки можна виправити в один клік, а після завершення — змінити статус макета на «Ready for dev». Функція доступна для всіх платних підписок Figma.
@berestux | 2 078 |
| 10 | Вийшла Reve 2.0 — нова версія топової моделі для створення зображень. У бенчмарках вона поступається лише GPT Image 2.
Reve 2.0 працює за новою логікою: спочатку перетворює промт на детальний код із розкладкою об'єктів, а потім рендерить картинку. Завдяки цьому з нею простіше редагувати окремі деталі. Генерує одразу у форматі 4K, тому окремий апскейл не потрібен.
Працює швидко, проте на складних сценах можна помітити дрібні артефакти. Чудово справляється з інтерфейсами та текстами.
Тестуємо безкоштовно тут.
@berestux | 2 236 |
| 11 | ⏳ Найцінніший ресурс продуктового дизайнера — час на прийняття рішень. Не витрачайте його на ручний аналіз досліджень, конкурентів та користувацький фідбек.
Навчіться делегувати рутинні задачі ШІ та фокусуватися на тому, що дійсно рухає продукт вперед, — на курсі «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 836 |
| 12 | А ще Figma Make тепер працює з локальним кодом (у бета-версії). Ви можете підключати власний codebase, редагувати код візуально з точними змінами, створювати гілки, робити коміти та шипити безпосередньо з Figma.
@berestux | 2 330 |
| 13 | Кажуть, що ось це — правильні іконки Google. А те, що зараз на проді — це викатили через недогляд 😮
@berestux | 2 576 |
| 14 | 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 610 |
| 15 | 🔥Figma оновила сітки
→ Перетягуйте колонки та рядки для зміни порядку
→ Автоматичне позиціювання
→ Автоматичне створення рядків
@berestux | 2 268 |
| 16 | Ось ще декілька прикладів використання ШІ-агента у Фігмі:
По-перше, можна вибрати кілька шарів і запросити для них усі альтернативні варіанти одночасно. Те, що раніше у Figma Make дозволяло пробувати лише одну ідею за раз, тепер можна робити паралельно — усі варіанти одночасно.
Далі, коментарі та зауваження можна обробляти швидко, одразу переглядаючи варіанти виправлення.
@berestux | 2 907 |
| 17 | У Figma з'явився власний агент — він дизайнить прямо в основному вікні сервісу.
Підключати сторонні ШІ більше не доведеться.
Він миттєво вивчає поточну дизайн-систему та швидко орієнтується між усіма фреймами. Його можна попросити відредагувати макет, пошукати референси або створити альтернативні версії дизайну.
Найближчим часом його почнуть надавати користувачам бета-версії.
Приєднатися до тесту можна тут.
@berestux | 2 612 |
| 18 | Google провели одну з наймасштабніших презентацій I/O. Що показали:
– Gemini 3.5 Flash. Найшвидша та найрозумніша модель Google — пише код і працює над довготривалими завданнями навіть краще за Gemini 3.1 Pro;
– Gemini навчили стежити за будь-якими подіями у світі. Можна попросити агента надсилати сповіщення про термінові новини або нові релізи;
– Генератор дизайнів Stitch тепер може створювати та редагувати інтерфейси в реальному часі;
– З’явився ШІ-сервіс, який аналізує ринок будь-яких товарів і шукає найвигідніші ціни;
– У пошук додали генератор мініапів, що створює вебресурси для простих завдань, аби не переходити за різними посиланнями;
– Застосунок Gemini отримав значний редизайн на всіх платформах і тепер відповідає у стилі інтернет-статей, а не суцільним текстом.
Вже доступно всім користувачам.
@berestux | 0 |
| 19 | На честь свого 20-річчя Spotify оновив логотип, перетворивши його на зелену диско-кулю. Спершу користувачі соцмереж розкритикували такий крок, але згодом це переросло у флешмоб — люди почали масово адаптувати значки інших відомих додатків під цю ж естетику.
Новий візуальний стиль уже встигли охрестити «discomorphism». Дивовижно, як звичайна іронія в дизайні здатна всього за кілька днів трансформуватися у серйозний глобальний тренд.
@berestux | 2 952 |
| 20 | Ось як би виглядав YouTube, якби його створили в Microsoft.
@berestux | 2 555 |
¡Ya disponible! Investigación de Telegram 2025 — los principales insights del año 
