A Чим це краще, не можу зрозуміти. Є купа реально корисних речей, які дизайнери хочуть отримати і їх не додають. Наприклад зручне створення ui кіта у фігмі і є реальні приклади де це супер зручно реалізовано, чи навіть базова ця стрілка параметрична яка існую в фігджемі, і її потрібно постійно копіювати у звичану фігму.
Відео
IMG_3337.MP4 · 18.8 МБ · натисніть — покажемо
IMG_3337.MP4 · 18.8 МБ · натисніть — покажемо
Відео
IMG_3333.MP4 · 15.3 МБ · натисніть — покажемо
IMG_3333.MP4 · 15.3 МБ · натисніть — покажемо
🖌 Figma відкатала черговий Config. Показали цілу серію AI-оновлень, але після презентації в мене залишилося більше відчуття ніби насрали і не змили, ніж захоплення.
Добре, що рік тому не повівся на вкиди західних проплачених блогерів про те, що 🖌 Figma влітку зробить такеееее, що всі просто будуть у захваті, тому купуйте акції Figma і станете багатими... Хаха, дякую, вже проходили.
⌛ Motion та Shaders
Генерація анімацій через текстові запити з автоматичним створенням ключових кадрів. Це дійсно цікаво. Хоча, якщо чесно, таку функцію хотілося побачити ще кілька років тому. Тим більше, що нещодавно Rive представили дуже схоже рішення, причому одразу з підтримкою MCP.
🖥 Code Layers
Логічний розвиток подій. Поки AI-редактори на кшталт Claude чи Codex додають візуальні інтерфейси для складних задач, які незручно пояснювати текстом, Figma рухається у протилежному напрямку — від дизайну до коду.
Проблема в тому, що вся магія працює на сторонніх моделях. Тому Figma фактично залишається лише оболонкою над чужими AI-рішеннями та навряд чи стане самостійним гравцем у цій гонці.
🗑 Generative Plugins
Тепер плагіни можна створювати текстовим запитом прямо всередині Figma. Звучить непогано, але аналогічний результат я отримую через Claude буквально за кілька хвилин.
До того ж за останні місяці багато дизайнерів уже встигли згенерувати власні набори інструментів під свої потреби. Ми також створили кілька внутрішніх рішень — про них розповім окремо колись пізніше.
🌈 Weave
Полотно для побудови AI-ланцюжків, де одна модель генерує зображення, інша його доопрацьовує, а третя створює відео. По суті, це переосмислення ComfyUI у більш дружньому та комерційному форматі. Красиво, зручно, але платно.
Найцікавіше питання так і залишилося без відповіді: чи з'явиться підтримка MCP та можливість підключати власні моделі, наприклад Claude?
Тому що без цього всі нові можливості ризикують перетворитися на додаткове спалювання токенів усередині 🖌 Figma поверх існуючої підписки. Особливо
10 · 315 · Відео
IMG_3334.MP4 · 17.2 МБ · натисніть — покажемо
IMG_3334.MP4 · 17.2 МБ · натисніть — покажемо
Відео
IMG_3331.MP4 · 20.4 МБ · натисніть — покажемо
IMG_3331.MP4 · 20.4 МБ · натисніть — покажемо
GIF
twitter_2069852677325180944_0.mp4 · 52 КБ · натисніть — покажемо
twitter_2069852677325180944_0.mp4 · 52 КБ · натисніть — покажемо
Анімацію у Figma можна буде експортувати у форматах MP4, GIF, WebM та SVG, а також вибирати частоту кадрів (FPS)
Це вже +
Долучайтесь до моїх каналів:
😍 Щось дизайнер написав
😍 Product Design * Motion in App
👍 IT Бро - IT вакансії
6 · 269 · Відео
twitter_2069841836810920329_0.mp4 · 12.5 МБ · натисніть — покажемо
twitter_2069841836810920329_0.mp4 · 12.5 МБ · натисніть — покажемо
Окремо варто відзначити 3D-трансформацію, її також продемонстрували на Figma Config
Долучайтесь до моїх каналів:
😍 Щось дизайнер написав
😍 Product Design * Motion in App
👍 IT Бро - IT вакансії
2 · 296 · Фотографія
натисніть — покажемо
натисніть — покажемо
Вигрузка в Lottie теж буде достапна у Figma, Ура! Lottie! Ура 🎉🎊
Долучайтесь до моїх каналів:
😍 Щось дизайнер написав
😍 Product Design * Motion in App
👍 IT Бро - IT вакансії
3 · 326 · Відео
IMG_6776.MOV · 15.7 МБ · натисніть — покажемо
IMG_6776.MOV · 15.7 МБ · натисніть — покажемо
Протестував Motion у 🖌 Figma на реальних задачах. Враження поки дуже позитивні, і це точно не 💩
Штучка Інтелект досить впевнено збирає базові анімації за текстовим описом. Для багатьох сценаріїв цього вже достатньо, щоб швидко перевірити ідею без ручного налаштування десятків параметрів.
Якщо ж потрібно анімувати вручну, інструмент побудований на знайомих принципах motion-дизайну. Тому тим, хто працював з After Effects, Premiere або DaVinci, розбиратися буде нескладно.
Шейдери то теж розрив. Їхні параметри можна анімувати та комбінувати з іншими ефектами, що відкриває багато цікавих можливостей для сучасних інтерфейсів.
Але найбільша перевага навіть не в AI.
Раніше для демонстрації складної взаємодії доводилося переходити між Figma, ProtoPie, After Effects, Rive та іншими інструментами. Це постійний експорт, імпорт, правки та повернення назад.
Тепер значну частину цього процесу можна виконати безпосередньо у Figma.
І саме цього, здається, давно не вистачало прототипуванню в екосистемі Figma — можливості показувати не лише статичний дизайн, а й складну інтерактивність та motion в одному середовищі.
На обкладинці поста анімація згенерована одним запитом «- кусок лайна, анімуй мені цей інтерфейс"
😍 Product Design * Motion in App | Підписатися
44 · 3K · Посилання
натисніть — покажемо
натисніть — покажемо
Буде корисно тим хто полюбляє напряжне чтиво 👵🏻
https://tyra.com.ua/collections/books-ui-ux-design
😍 Щось дизайнер написав
5 · 279 · Посилання
натисніть — покажемо
натисніть — покажемо
Ділюсь нарешті скілом для сетапу Storybook у ваш проєкт
+ ділюсь відео поясненням та демо роботи цього скілу
Коли записував це відео - мало того що Anthropic вирішив зламатись, так ще й ноут пару разів відрубався, а в камері закінчилась памʼять 😂
Проте все одно нарізав з цього більш менш адекватний спіч
Розказав нарешті про скіл сетапу сторібук, тому якщо ви раніше хотіли засетапити сторібук у ваш проєкт (існуючий, або новий) - можете брати, користуватись та давати фідбек
+ 20 хвилин відповідаю на різні запитання, які зʼявлялись тут чи особисто
Вийшло у форматі вільної розмови, тому можете ставити на 1,5х, або скіпати одразу до результату (прототипу та сторібуку)
Насправді, враховуючи функціонал скілу - робити ручками взагалі нічого не потрібно. Достатньо просто встановити його та запустити на вашому проєкті. І у вас буде сторібук. А далі вже АІ допоможе його доповнювати.
Тому користуйтесь - сподіваюсь буде корисно
Skill на GitHub
Стаття на сайті про цей Skill
113 · 1.5K · Відео
When_we_say_wrap_it_up,_we_mean_Pretty_and_Balance_available · 2.0 МБ · натисніть — покажемо
When_we_say_wrap_it_up,_we_mean_Pretty_and_Balance_available · 2.0 МБ · натисніть — покажемо
У 🖌 Figma з'явилися нові налаштування переносу тексту: Pretty та Balance.
Тепер не потрібно вручну розставляти переноси, щоб заголовок виглядав акуратно, а на останньому рядку абзацу не залишалося лише одного слова.
У налаштуваннях тексту з'явилися два варіанти:
— Balance робить рядки приблизно однаковими за довжиною. Підходить для заголовків, підзаголовків, цитат і коротких підписів.
— Pretty зберігає більш природний вигляд тексту, але намагається не залишати одне слово на останньому рядку. Його зручніше використовувати в описах, картках і невеликих абзацах.
😍 Щось дизайнер написав
9 · 186 · 💡 Порада: Властивість можна вбудувати безпосередньо в текстовий стиль у дизайн-системі або передавати розробникам – у Dev Mode вона відображається як стандартний CSS.
169 · Фотографія
натисніть — покажемо
натисніть — покажемо
Не можу звикнути до папок у 🖌 Figma.
Вони, звісно, тепер допомагають організувати рівні в структурі... але, блін, куди поділися прев'юшки?!
0 прев'юшок на першому рівні. Спасіба дура...
😍 Щось дизайнер написав
2 · 548 · Посилання
натисніть — покажемо
натисніть — покажемо
https://www.youtube.com/watch?v=NkRkuI0ZgX0
Працював і тут у навушниках почув цей легендарний звук. Перед очима відразу з’явився кліп...
Дивіться і живіть із цим 😂
#offtop
293 · Відео
Запис екрана 2026-08-31 о 13.34.52.mov · 45.6 МБ · натисніть — покажемо
Запис екрана 2026-08-31 о 13.34.52.mov · 45.6 МБ · натисніть — покажемо
Якщо тебе теж у 🖌 Figma дістає кнопка Agent, через яку постійно трапляються випадкові натискання — ось як її прибрати 👇
1. Береш у руки мишку 🐭
2. Клацаєш на логотип Figma
3. Відкриваєш Preferences
4. Вимикаєш “Show Agents on canvas”
5. Забуваєш, де це знаходиться
6. Радієш 😌
Готово. Тепер можна спокійно працювати й не викликати Агента кожного разу, коли просто хотів щось посунути 💆♂️
Якщо було корисно став вподобайку ❤️
😍 Щось дизайнер написав
11 · 1.1K · Відео
ssstwitter.com_1788254529413.mp4 · 2.4 МБ · натисніть — покажемо
ssstwitter.com_1788254529413.mp4 · 2.4 МБ · натисніть — покажемо
Ставте лайк, якщо сьогодні теж йдете до школи 👨💻
На щастя, ті самі дні знань, з лінійкою давно минули. А ось постійне навчання – ні. І це одна з найкращих частин моєї роботи.
Раніше було приблизно так: закінчив навчання, зібрав портфоліо, знайшов роботу, поступово накопичуєш досвід і все впевненіше збільшуєш зарплату.
Але якщо вирішили зануритися у сферу ШІ, ця модель починає руйнуватися. Тут не вийде один раз вивчити 10 інструментів і далі працювати за звичною схемою. І немає сенсу вивчати 50 – стек оновлюється зі швидкістю світла. З'являються нові моделі, агенти, AI-функції та підходи.
Набагато важливіше швидко розбиратися в новому, розуміти, де це може дати вам перевагу, і збирати робочі комбінації під конкретне завдання.
Тому навчання не закінчилось після отримання атестату чи диплому, навчання стало частиною мого робочого процесу 🎉 З 1 Вересня всіх 😘
____________
До речі, осінь — моя найулюбленіша пора року, і перший день осені у Львові розпочався дуже вайбово. Густий туман, дощ, прохолода — все те, що я обожнюю в осінній час 🍂
Також запрошую Вас до мене в LinkedIn: https://www.linkedin.com/in/pokazkaivan/
Вибачте за оффтоп. Такий то сьогодні день
😍 Product Design * Motion in App | Підписатися
2 · 1.2K · Відео
Controlling_opacity,_now_at_scale_see_Easily_apply_and_adjus · 2.1 МБ · натисніть — покажемо
Controlling_opacity,_now_at_scale_see_Easily_apply_and_adjus · 2.1 МБ · натисніть — покажемо
Керування прозорістю за допомогою змінних
🖌 Figma дозволяє задавати прозорість для кольорової змінної за допомогою числової змінної. Тепер стани "відключено", накладки та шари-маски можна оновлювати масово, не від'єднуючи кольори від бібліотеки.
😍 Щось дизайнер написав
17 · 942 · Відео
фулл.mov · 241.6 МБ · натисніть — покажемо
фулл.mov · 241.6 МБ · натисніть — покажемо
🚀 Junior Frontend Developer | Київ, офіс
TenThousand запрошує на роботу! Якщо ви не можете знайти першу роботу через відсутність комерційного досвіду чи дефіцит пропозицій на ринку, ми запрошуємо вас до нашої команди.
💰 Зарплата: $300–1000 (перегляд кожні 6 місяців)
📍 Локація: Київ, офіс (компенсуємо витрати на переїзд)
Що ми очікуємо від вас:
🔹 Хороша база в JavaScript & TypeScript.
🔹 Знання одного з фреймворків: React / Angular / Vue.
🔹 Рівень англійської від B1+.
➡️ Відгукнутися
#job #sponsored
1 · 114 ·