BEREST UX/UI

У Figma можна виділити об'єкт на зображенні та за допомогою ШІ видалити його або відокремити від фону. Функція вже доступна у додатку для macOS. @berestux

Ідеальний тул для перетворення растрового зображення у вектор Під час традиційної векторизації часто створюються складні контури, перевантажені зайвими вузлами. Тут використовується більш продуманий підхід: програма генерує «чисті» SVG-файли з вивіреною геометрією, меншою кількістю вузлів і ширшими можливостями для подальшого редагування. @berestux

https://youtu.be/vGVK9Ok_Or8?is=LTeZQQjfgbGbb8gK @berestux

А от як створювати дизайн у стилі Apple за допомогою Figma Agent. @berestux

⚡️ ВАЖЛИВЕ Протягом найближчого тижня ви можете обрати персонажа Hello Kitty☺️ у FigJam — і тоді ваш курсор, декоративна клейка стрічка (washi tape) та стікери стануть трохи милішими. @berestux

Reanimate, скіл, який відтворює вподобані анімації з сайту, з MP4, GIF або файлу Lottie. Він записує оригінал, відтворює анімацію за допомогою CSS, Framer Motion, GSAP або three.js, а потім записує копію та порівнює її з оригіналом. @berestux

Хороший стартап починається з болю, а не з ідеї Нещодавно мені трапилися два тексти, які добре доповнюють одне одного: Пол Грем (Y Combinator) пише, звідки беруться ідеї, а Сем Альтман (OpenAI) пояснює, що з ними робити далі. Пів години читання дають приблизно те саме, що бізнес-книжка на кількасот сторінок. Нижче нотатки на декілька хвилин ☕️ Звідки брати ідею (за Гремом) → Помічайте, що дратує вас самих. Найцікавіше ховається в незручностях, до яких ви так звикли, що вже не сприймаєте їх як проблему. → Краще мала аудиторія, якій це критично потрібно, ніж велика, якій просто «цікаво». Сотня людей, що чекають на ваш продукт, важать більше, ніж тисячі байдужих. → Не відкидайте ідею лише тому, що вона здається нездійсненною. Розкладіть її на шматки й шукайте рішення для кожного. Багато звичних сьогодні речей пів століття тому виглядали як наукова фантастика. → Робіть те, що захоплює вас особисто. Не все має одразу перетворюватися на бізнес: чимало великих компаній виросли з побічних експериментів. → Конкуренти не привід здаватися. Вони доводять, що попит існує. Шукайте, де наявні рішення не дотягують. → Не обходьте нудні й складні задачі. Саме там мало охочих, а отже, більше простору. Як розвивати ідею (за Альтманом) → Виходьте на ринок якомога раніше і швидко ітеруйте. Ідеального продукту на старті не буває. → Спершу робіть те, що не масштабується: самі знаходьте користувачів, спілкуйтеся з ними, розбирайтеся в їхніх проблемах. Класичний приклад Airbnb: засновники особисто фотографували квартири орендодавців, а згодом найняли для цього фотографів у різних містах. → Дивіться, чи люди повертаються, а не лише скільки їх зареєструвалося. Приріст користувачів сам по собі нічого не каже про цінність продукту. → Вирішує виконання. Гарних ідей вистачає, але виграють ті, кого довели до кінця. @berestux

Figma Weave тепер можна використовувати прямо в чаті з AI-агентом через MCP. Просто попросити агента перетворити зображення на відео або згенерувати ролик з нуля, не перемикаючись між інструментами. @berestux

💀 @berestux

Higgsfield викатили плагін для Figma, і це капець як зручно🦟 @berestux

🤭 Колекція з 200+ анімацій, створених за допомогою Claude Opus Усередині — анімації інтерфейсів, кінетична типографіка, 3D, частинки, персонажі та різноманітні візуальні ефекти. До кожної роботи додається промпт або скіл, який можна вивчити й адаптувати під власні завдання.🕺 @berestux

Досконалого UI тут недостатньо. Що має робити інтерфейс, коли оператор працює в стресі, зв’язок може зникнути, а критичний алерт не має загубитися серед десятка статусів? На курсі «UI/UX дизайн систем керування БПЛА» розбереш UX для mission-critical систем і спроєктуєш інтерфейс під реальні MilTech-сценарії. За 17 занять: → спроєктуєш HUD, алерти, режими роботи, контролі та mission planning → врахуєш стрес, дефіцит часу, освітлення, шум, втрату зв’язку й технічні обмеження → збереш UI-kit для mission-critical систем у Figma → створиш інтерактивний прототип → оформиш DefTech кейс у портфоліо з урахуванням NDA Плюс забереш робочий набір: Operator UX Thinking framework, чекліст аудиту інтерфейсів, шаблон тестування критичних сценаріїв і бібліотеку UI-патернів для алертів, режимів та навігації. Лектор — UX/UI Lead Designer у Drone Harmony. Працює з інтерфейсами та автоматизацією дронів для інспекції інфраструктури. Працював із системами автоматизації, картографування та моніторингу. Почати проєктувати ✈️

Як спростити UI мобільного меню @berestux

😍 Просто конвертація файлів перетягуванням + Shift) @berestux

Krea відкрила бета-доступ до власної моделі Krea 3 для редагування зображень. Головна фішка — у точкових правках. Можна виділити потрібну область і описати, що змінити, не зачіпаючи решту зображення. Модель також запам'ятовує попередні зміни та дозволяє редагувати картинку в кілька етапів. За словами розробників, якість зіставна з Nano Banana Pro та GPT Image 2.5, але генерація помітно швидша. Редагування зображення у 2K займає менш ніж 8 секунд. @berestux

🤭 Велика курована бібліотека UI скілів, котра постійно поповнюється @berestux

Доречі розширення Figma для Chrome тепер уміє захоплювати код вебсторінок і переносити його просто в Figma у вигляді кодового шару. Тож можна працювати з наявними сайтами безпосередньо в редакторі, зберігаючи їхній код. @berestux

😐 Ефект металу тепер доступний для SwiftUI. Як і очікувалося, він реагує та згинається, коли поруч магніт. Доступно до використання на libraries.dev 🤩 @berestux

А ще завезли повноцінний бекенд прямо в Make, інтегрувавши опенсорсний фреймворк Payload, дозволяючи створювати, запускати та адмініструвати динамічні вебсайти з реальними даними в єдиному середовищі. Тепер під час AI-генерації інтерфейсу в Figma Make автоматично розгортаються база даних, файлове сховище, авторизація користувачів та адмін-панель. Це створює наскрізний воркфлоу для всієї команди: дизайнери прототипують на реальному контенті, маркетологи редагують і публікують матеріали через зручну адмінку, а розробники розширюють логіку через опенсорсний код Payload із гнучким налаштуванням прав доступу. @berestux

А ще представили Figma Specs - новий нативний формат і простір для створення специфікацій, PRD та документації компонентів у Markdown безпосередньо у Figma Design та FigJam. Specs розроблений як універсальне джерело контексту для дизайнерів, розробників та агентів: замість завантаження важких макетів на десятки тисяч токенів, інструмент передає структуровані правила та анатомію елементів через Figma MCP server, що має значно спростити передачу проекту в розробку. @berestux