es
Feedback
BEREST UX/UI

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ás
3 905
Suscriptores
+124 horas
+297 días
+5430 días

Carga de datos en curso...

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 junio0
06 junio0
05 junio0
04 junio+2
03 junio+1
02 junio+3
01 junio0
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
Про це ніхто не знає, але це можна зробити у Figma @berestux
1 355
4
Figma викатила розширення для Chrome, яке автоматично імпортує будь-яку вебсторінку у Figma, розбиваючи її на повністю редаго
Figma викатила розширення для Chrome, яке автоматично імпортує будь-яку вебсторінку у Figma, розбиваючи її на повністю редаговані шари. І того: - Миттєвий імпорт: Весь контент (тексти, іконки, кнопки) одразу готовий до редагування. - Робоча структура: Розширення зберігає ієрархію шарів, що значно пришвидшує роботу над редизайном або аналізом конкурентів. - Економія часу: Більше не потрібно з нуля перемальовувати базові елементи сайту. @berestux
2 335
5
Figma викатила розширення для Chrome, яке автоматично імпортує будь-яку вебсторінку у Figma, розбиваючи її на повністю редаго
Figma викатила розширення для Chrome, яке автоматично імпортує будь-яку вебсторінку у Figma, розбиваючи її на повністю редаговані шари. І того: - Миттєвий імпорт: Весь контент (тексти, іконки, кнопки) одразу готовий до редагування. - Робоча структура: Розширення зберігає ієрархію шарів, що значно пришвидшує роботу над редизайном або аналізом конкурентів. - Економія часу: Більше не потрібно з нуля перемальовувати базові елементи сайту. @berestux
154
6
😍 @berestux
😍 @berestux
1 823
7
😮 Але найнеймовірніше це те що у macOS 27 Apple нарешті уніфікувала радіуси заокруглення вікон. Більше жодних відмінностей м
😮 Але найнеймовірніше це те що у macOS 27 Apple нарешті уніфікувала радіуси заокруглення вікон. Більше жодних відмінностей між системними та сторонніми додатками @berestux
1 910
8
Apple представила нову розумну Siri, і мені дуже подобається як вона виглядає і як потенційно працює. Нарешті вона стала спра
Apple представила нову розумну Siri, і мені дуже подобається як вона виглядає і як потенційно працює. Нарешті вона стала справжнім ШІ-помічником, про якого ми так довго мріяли. Тепер завдяки моделі Gemini вона не просто виконує команди, а розуміє контекст вашого життя: може підтримати довгу розмову або допомогти з написанням курсової. Для зручності з’явився окремий застосунок, де зберігається вся історія ваших чатів. Siri стала по-справжньому проактивною: вона «бачить» ваш екран і фонові завдання. Наприклад, ви можете попросити її повідомити про старт передзамовлення на гру чи косметику — і вона не забуде. Вона навіть вміє автоматизувати рутину: сама розрахує час у дорозі за картами та напише близьким, що ви вже їдете додому. Безпека — у пріоритеті: прості завдання Siri вирішує прямо на вашому пристрої, а для складних — використовує хмару з надійним шифруванням. На iOS її можна викликати свайпом донизу, а на Mac вона стала частиною оновленого Spotlight. На жаль, на старті (iOS 27 та macOS 27) Siri розумітиме лише англійську і працюватиме тільки в США. До інших країн оновлення дійде згодом, щойно Apple домовиться з місцевими регуляторами. @berestux
1 873
9
🔥У Figma з’явився новий інструмент для автоматизації рутини — Check Designs. Тепер перевірка макета на відповідність дизайн-
🔥У Figma з’явився новий інструмент для автоматизації рутини — Check Designs. Тепер перевірка макета на відповідність дизайн-системі займає лічені секунди. Щоб протестувати фрейм, просто натисніть правою кнопкою миші та оберіть Check Designs. Функціонал миттєво підсвітить: -Стилі та змінні: чи прив’язані кольори та типографіка до ваших Libraries. -Доступність: чи відповідають кольори стандартам контрастності. -Консистентність: чи збігаються відступи та радіуси скруглення з налаштуваннями системи. -Стан компонентів: наявність «від’єднаних» (detached) елементів, які потребують оновлення. Всі помилки можна виправити в один клік, а після завершення — змінити статус макета на «Ready for dev». Функція доступна для всіх платних підписок Figma. @berestux
2 078
10
Вийшла Reve 2.0 — нова версія топової моделі для створення зображень. У бенчмарках вона поступається лише GPT Image 2. Reve 2
Вийшла 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 Make тепер працює з локальним кодом (у бета-версії). Ви можете підключати власний codebase, редагувати код візуально з точними змінами, створювати гілки, робити коміти та шипити безпосередньо з Figma. @berestux
2 330
13
Кажуть, що ось це — правильні іконки Google. А те, що зараз на проді — це викатили через недогляд 😮 @berestux
Кажуть, що ось це — правильні іконки 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 оновила сітки → Перетягуйте колонки та рядки для зміни порядку → Автоматичне позиціювання → Автоматичне створення ряд
🔥Figma оновила сітки → Перетягуйте колонки та рядки для зміни порядку → Автоматичне позиціювання → Автоматичне створення рядків @berestux
2 268
16
Ось ще декілька прикладів використання ШІ-агента у Фігмі: По-перше, можна вибрати кілька шарів і запросити для них усі альтер+2
Ось ще декілька прикладів використання ШІ-агента у Фігмі: По-перше, можна вибрати кілька шарів і запросити для них усі альтернативні варіанти одночасно. Те, що раніше у Figma Make дозволяло пробувати лише одну ідею за раз, тепер можна робити паралельно — усі варіанти одночасно. Далі, коментарі та зауваження можна обробляти швидко, одразу переглядаючи варіанти виправлення. @berestux
2 907
17
У Figma з'явився власний агент — він дизайнить прямо в основному вікні сервісу. Підключати сторонні ШІ більше не доведеться.
У Figma з'явився власний агент — він дизайнить прямо в основному вікні сервісу. Підключати сторонні ШІ більше не доведеться. Він миттєво вивчає поточну дизайн-систему та швидко орієнтується між усіма фреймами. Його можна попросити відредагувати макет, пошукати референси або створити альтернативні версії дизайну. Найближчим часом його почнуть надавати користувачам бета-версії. Приєднатися до тесту можна тут. @berestux
2 612
18
Google провели одну з наймасштабніших презентацій I/O. Що показали: – Gemini 3.5 Flash. Найшвидша та найрозумніша модель Goog+3
Google провели одну з наймасштабніших презентацій I/O. Що показали: – Gemini 3.5 Flash. Найшвидша та найрозумніша модель Google — пише код і працює над довготривалими завданнями навіть краще за Gemini 3.1 Pro; – Gemini навчили стежити за будь-якими подіями у світі. Можна попросити агента надсилати сповіщення про термінові новини або нові релізи; – Генератор дизайнів Stitch тепер може створювати та редагувати інтерфейси в реальному часі; – З’явився ШІ-сервіс, який аналізує ринок будь-яких товарів і шукає найвигідніші ціни; – У пошук додали генератор мініапів, що створює вебресурси для простих завдань, аби не переходити за різними посиланнями; – Застосунок Gemini отримав значний редизайн на всіх платформах і тепер відповідає у стилі інтернет-статей, а не суцільним текстом. Вже доступно всім користувачам. @berestux
0
19
На честь свого 20-річчя Spotify оновив логотип, перетворивши його на зелену диско-кулю. Спершу користувачі соцмереж розкритик+5
На честь свого 20-річчя Spotify оновив логотип, перетворивши його на зелену диско-кулю. Спершу користувачі соцмереж розкритикували такий крок, але згодом це переросло у флешмоб — люди почали масово адаптувати значки інших відомих додатків під цю ж естетику. Новий візуальний стиль уже встигли охрестити «discomorphism». Дивовижно, як звичайна іронія в дизайні здатна всього за кілька днів трансформуватися у серйозний глобальний тренд. @berestux
2 952
20
Ось як би виглядав YouTube, якби його створили в Microsoft. @berestux
Ось як би виглядав YouTube, якби його створили в Microsoft. @berestux
2 555