Коли офіційний Figma MCP згорів за пару годин аудиту дизайн-системи, продуктовий дизайнер та інженер Денис Осадчий зробив власну тулзу, щоб працювати через АІ-агента в Figma. У своїй статті автор розповідає про три ітерації — від ручного Scripter через Playwright до WebSocket-плагіна, яким вже користуються більше сотні дизайнерів.
Дизайнерка Ніна Войтович тестувала GitHub Integration у Figma Make з надією, що AI прочитає репозиторій та зрозуміє продукт. Але замість свого портфоліо отримала Layla Chen з Амстердама та вигадані кейси. Авторка провела ще три експерименти та ділиться тим, що дізналась про роботу GitHub Integration на реальному проєкті.
AI вже впевнено генерує код за макетом, але його якість залежить від того, як дизайнер задокументував компоненти. Марина, UI/UX Designer в S-PRO, у своїй статті розібрала, що «бачить» агент через Figma MCP та як готувати компоненти на трьох рівнях вкладеності для консистентності з дизайн-системою.
Поява AI-агентів у Figma Canvas назавжди змінює не лише звичний процес роботи, а й саму роль дизайнера. Олена Івлєва ділиться практичним досвідом того, як правильно підготувати макети для AI-асистентів та чому майбутнє професії лежить виключно у системному мисленні.
Дизайнерка Анастасія у своєму блозі розповідає про інтеграцію Claude Code та Figma MCP у щоденну роботу. Вона на практиці показує як будувати дизайн-системи через термінал і перетворювати дні рутини на години творчості.
Софія ділиться досвідом команди Kiss My Apps, яка переглянула процес адаптації екранів у мобільних застосунках. Замість створення окремих макетів під кожен розмір iPhone вони впровадили скейл — підхід, що дозволяє одному макету коректно підлаштовуватися під будь-який екран. У статті описано деталі експерименту, технічну реалізацію, результати місячного тестування та те, як цей підхід став стандартом компанії.
Влад, аналітик даних у Новій Пошті, створив візуалізацію про Гаррі Поттера, яка була номінована на Viz of the Day на Tableau Public. Він розповідає, як народилася ідея, як відбувався збір та перевірка даних і як створювався дизайн візуалізації, натхненний газетою Daily Prophet.
У свіжому дайджесті обговорюємо зарплати DevOps, SRE, Security і SysAdmin, навчальний режим в ChatGPT, вразливість коду, який пише ШІ та інші новини українського ІТ та світового тек-сектору.
Володимир Мерленко, продуктовий дизайнер в Cieden Agency, ділиться реальними кейсами використання штучного інтелекту в UX/UI-дизайні. У статті він описує ефективні техніки промпт-інжинірингу та пояснює, чому для цього не потрібно володіти навичками програмування.
Senior Product Designer Олександр Міхєєв взявся упорядковувати хаос у корпоративній Figma. Виявилось, що він був проблемою для команди з усіх боків, а ще значно ускладнював онбординг. Своїми підходами та результатами Олександр ділиться у блозі.
Маша Образцова, Front-end Developer у продуктовій IT-компанії Universe, на основі досвіду команд дизайну та розробки сформувала чекліст порад, завдяки якому над продуктом простіше працювати та можна відстежити, як зміни впливають на бізнес-показники. Цей чекліст корисний для дизайнерів, розробників, а також для тестувальників.
«Використання готової дизайн-системи може стати справжньою паличкою-виручалочкою, коли потрібно швидко розробити проєкт в умовах різних обмежень». Design Lead в TechMagic Свят Нитка наводить перелік дизайн-систем, з якими працював особисто на проєктах, тому знає їхні особливості та переваги в застосуванні. Доповнюйте список у коментарях.
У вас є улюблений плагін Figma? Чи маєте декілька улюблених? Якщо ні, то після прочитання цього блогу може з’явитися ціла добірка. UI/UX designer Святослав Нитка зібрав 10 плагінів, які реально допомагають в роботі і звільняють ваш час для творчості.
Таблиці даних все ще залишаються одним з найкращих варіантів відображення великого обсягу даних. Проте вони можуть бути важко зрозумілими, якщо не покращувати читабельність та сприйняття.
Олена Шевченко, Senior UI/UX Developer, ділиться досвідом зі створення складних таблиць даних у дизайн-системі Figma.
Олена Шевченко, Senior UI/UX Developer, розповідає про створення дизайну за допомогою інструментів Auto Layout та Variants у Figma та завдяки чому Figma вважається крутим інструментом.
Коментарі