Forwarded from UX/UI by SHAIN (Di)
Безкоштовний курс по Claude Code від віцепрезидента Wix 😱
150 уроків / 14 рівнів складності, від 0 у терміналі до power user в Claude Code.
Українська мова в комплекті🙂
@shain_design
150 уроків / 14 рівнів складності, від 0 у терміналі до power user в Claude Code.
Українська мова в комплекті
@shain_design
Please open Telegram to view this post
VIEW IN TELEGRAM
2❤14👍7
This media is not supported in your browser
VIEW IN TELEGRAM
Уявіть собі світ, де можна копіювати та вставляти веб-сайти у редаговані шари 🖌 Figma (жартую — вам не треба уявляти, адже це можна зробити вже зараз за допомогою розширення для Chrome )
Тепер сайт можна буквально перенести до Figma. Нове розширення для Chrome імпортує сторінку та автоматично розбиває її на шари, які можна редагувати.
Хто пробував? Як працює?
📎 Спробувати тут
😍 Щось дизайнер написав | Підписатися
Тепер сайт можна буквально перенести до Figma. Нове розширення для Chrome імпортує сторінку та автоматично розбиває її на шари, які можна редагувати.
Хто пробував? Як працює?
📎 Спробувати тут
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥9❤5👍2😱1
Добре, що рік тому не повівся на вкиди західних
Генерація анімацій через текстові запити з автоматичним створенням ключових кадрів. Це дійсно цікаво. Хоча, якщо чесно, таку функцію хотілося побачити ще кілька років тому. Тим більше, що нещодавно Rive представили дуже схоже рішення, причому одразу з підтримкою MCP.
Логічний розвиток подій. Поки AI-редактори на кшталт Claude чи Codex додають візуальні інтерфейси для складних задач, які незручно пояснювати текстом, Figma рухається у протилежному напрямку — від дизайну до коду.
Проблема в тому, що вся магія працює на сторонніх моделях. Тому Figma фактично залишається лише оболонкою над чужими AI-рішеннями та навряд чи стане самостійним гравцем у цій гонці.
Тепер плагіни можна створювати текстовим запитом прямо всередині Figma. Звучить непогано, але аналогічний результат я отримую через Claude буквально за кілька хвилин.
До того ж за останні місяці багато дизайнерів уже встигли згенерувати власні набори інструментів під свої потреби. Ми також створили кілька внутрішніх рішень — про них розповім окремо колись пізніше.
Полотно для побудови AI-ланцюжків, де одна модель генерує зображення, інша його доопрацьовує, а третя створює відео. По суті, це переосмислення ComfyUI у більш дружньому та комерційному форматі. Красиво, зручно, але платно.
Найцікавіше питання так і залишилося без відповіді: чи з'явиться підтримка MCP та можливість підключати власні моделі, наприклад Claude?
Тому що без цього всі нові можливості ризикують перетворитися на додаткове спалювання токенів усередині
І тут виникає знайома проблема, як зі стримінговими сервісами: мало кому хочеться оплачувати десяток підписок одночасно.
Загалом зрозуміло, чому Figma робить ставку на AI. Але водночас складно уявити, що вона зможе напряму конкурувати з AI-редакторами нового покоління, які вже покривають значно більше, ніж дизайн — від формування ідеї до готового коду.
Не знаю, як думаєте ви, але мені здається, що з огляду на кризу нових ідей, трансформацію ролі дизайнера та ситуацію навколо акцій компанії, одного дня Figma цілком може стати частиною когось із нинішніх AI-гігантів, чиї моделі вона сьогодні використовує під капотом.
Добре що
Долучайтесь до моїх каналів:
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
❤7👍4🤪1
This media is not supported in your browser
VIEW IN TELEGRAM
Анімацію у Figma можна буде експортувати у форматах MP4, GIF, WebM та SVG, а також вибирати частоту кадрів (FPS)
Це вже +
Долучайтесь до моїх каналів:
😍 Щось дизайнер написав
😍 Product Design * Motion in App
👍 IT Бро - IT вакансії
Це вже +
Долучайтесь до моїх каналів:
Please open Telegram to view this post
VIEW IN TELEGRAM
❤10👍6🔥3
This media is not supported in your browser
VIEW IN TELEGRAM
Окремо варто відзначити 3D-трансформацію, її також продемонстрували на Figma Config
Долучайтесь до моїх каналів:
😍 Щось дизайнер написав
😍 Product Design * Motion in App
👍 IT Бро - IT вакансії
Долучайтесь до моїх каналів:
Please open Telegram to view this post
VIEW IN TELEGRAM
❤11🤩4👍1
Вигрузка в Lottie теж буде достапна у Figma, Ура! Lottie! Ура 🎉🎊
Долучайтесь до моїх каналів:
😍 Щось дизайнер написав
😍 Product Design * Motion in App
👍 IT Бро - IT вакансії
Долучайтесь до моїх каналів:
Please open Telegram to view this post
VIEW IN TELEGRAM
❤🔥11❤6👍2
Forwarded from Product Design * Motion in App
Media is too big
VIEW IN TELEGRAM
Протестував Motion у 🖌 Figma на реальних задачах. Враження поки дуже позитивні, і це точно не 💩
Штучка Інтелект досить впевнено збирає базові анімації за текстовим описом. Для багатьох сценаріїв цього вже достатньо, щоб швидко перевірити ідею без ручного налаштування десятків параметрів.
Якщо ж потрібно анімувати вручну, інструмент побудований на знайомих принципах motion-дизайну. Тому тим, хто працював з After Effects, Premiere або DaVinci, розбиратися буде нескладно.
Шейдери то теж розрив. Їхні параметри можна анімувати та комбінувати з іншими ефектами, що відкриває багато цікавих можливостей для сучасних інтерфейсів.
Але найбільша перевага навіть не в AI.
Раніше для демонстрації складної взаємодії доводилося переходити між Figma, ProtoPie, After Effects, Rive та іншими інструментами. Це постійний експорт, імпорт, правки та повернення назад.
Тепер значну частину цього процесу можна виконати безпосередньо у Figma.
І саме цього, здається, давно не вистачало прототипуванню в екосистемі Figma — можливості показувати не лише статичний дизайн, а й складну інтерактивність та motion в одному середовищі.
На обкладинці поста анімація згенерована одним запитом «- кусок лайна, анімуй мені цей інтерфейс"
😍 Product Design * Motion in App | Підписатися
Штучка Інтелект досить впевнено збирає базові анімації за текстовим описом. Для багатьох сценаріїв цього вже достатньо, щоб швидко перевірити ідею без ручного налаштування десятків параметрів.
Якщо ж потрібно анімувати вручну, інструмент побудований на знайомих принципах motion-дизайну. Тому тим, хто працював з After Effects, Premiere або DaVinci, розбиратися буде нескладно.
Шейдери то теж розрив. Їхні параметри можна анімувати та комбінувати з іншими ефектами, що відкриває багато цікавих можливостей для сучасних інтерфейсів.
Але найбільша перевага навіть не в AI.
Раніше для демонстрації складної взаємодії доводилося переходити між Figma, ProtoPie, After Effects, Rive та іншими інструментами. Це постійний експорт, імпорт, правки та повернення назад.
Тепер значну частину цього процесу можна виконати безпосередньо у Figma.
І саме цього, здається, давно не вистачало прототипуванню в екосистемі Figma — можливості показувати не лише статичний дизайн, а й складну інтерактивність та motion в одному середовищі.
На обкладинці поста анімація згенерована одним запитом «- кусок лайна, анімуй мені цей інтерфейс"
Please open Telegram to view this post
VIEW IN TELEGRAM
❤8🔥8😁1😱1
Буде корисно тим хто полюбляє напряжне чтиво 👵🏻
https://tyra.com.ua/collections/books-ui-ux-design
😍 Щось дизайнер написав
https://tyra.com.ua/collections/books-ui-ux-design
Please open Telegram to view this post
VIEW IN TELEGRAM
Tyra
Книги про UI/UX дизайн в інтернет-магазині книжок | Tyra
Книги про UI/UX дизайн
UI/UX дизайн — це сфера, що охоплює проєктування інтерфейсів для цифрових продуктів із фокусом на зручність, функціональність та візуальну привабливість. В сполучення UI/UX входять 2 поняття, що нерозривно пов‘язані. UX або User Experience…
UI/UX дизайн — це сфера, що охоплює проєктування інтерфейсів для цифрових продуктів із фокусом на зручність, функціональність та візуальну привабливість. В сполучення UI/UX входять 2 поняття, що нерозривно пов‘язані. UX або User Experience…
❤4👍3
This media is not supported in your browser
VIEW IN TELEGRAM
У 🖌 Figma з'явилися нові налаштування переносу тексту: Pretty та Balance.
Тепер не потрібно вручну розставляти переноси, щоб заголовок виглядав акуратно, а на останньому рядку абзацу не залишалося лише одного слова.
У налаштуваннях тексту з'явилися два варіанти:
— Balance робить рядки приблизно однаковими за довжиною. Підходить для заголовків, підзаголовків, цитат і коротких підписів.
— Pretty зберігає більш природний вигляд тексту, але намагається не залишати одне слово на останньому рядку. Його зручніше використовувати в описах, картках і невеликих абзацах.
😍 Щось дизайнер написав
Тепер не потрібно вручну розставляти переноси, щоб заголовок виглядав акуратно, а на останньому рядку абзацу не залишалося лише одного слова.
У налаштуваннях тексту з'явилися два варіанти:
— Balance робить рядки приблизно однаковими за довжиною. Підходить для заголовків, підзаголовків, цитат і коротких підписів.
— Pretty зберігає більш природний вигляд тексту, але намагається не залишати одне слово на останньому рядку. Його зручніше використовувати в описах, картках і невеликих абзацах.
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥13👍6❤3
Щось дизайнер написав...
У 🖌 Figma з'явилися нові налаштування переносу тексту: Pretty та Balance. Тепер не потрібно вручну розставляти переноси, щоб заголовок виглядав акуратно, а на останньому рядку абзацу не залишалося лише одного слова. У налаштуваннях тексту з'явилися два варіанти:…
💡 Порада: Властивість можна вбудувати безпосередньо в текстовий стиль у дизайн-системі або передавати розробникам – у Dev Mode вона відображається як стандартний CSS.
👍6🔥4❤1
Не можу звикнути до папок у 🖌 Figma.
Вони, звісно, тепер допомагають організувати рівні в структурі... але, блін, куди поділися прев'юшки?!
0 прев'юшок на першому рівні. Спасіба дура...
😍 Щось дизайнер написав
Вони, звісно, тепер допомагають організувати рівні в структурі... але, блін, куди поділися прев'юшки?!
0 прев'юшок на першому рівні. Спасіба дура...
Please open Telegram to view this post
VIEW IN TELEGRAM
😁13👍3😨2
https://www.youtube.com/watch?v=NkRkuI0ZgX0
Працював і тут у навушниках почув цей легендарний звук. Перед очима відразу з’явився кліп...
Дивіться і живіть із цим 😂
#offtop
Працював і тут у навушниках почув цей легендарний звук. Перед очима відразу з’явився кліп...
Дивіться і живіть із цим 😂
#offtop
YouTube
Salvatore Ganacci - Horse (Official Music Video)
Salvatore Ganacci - Boycycle EP also out now via OWSLA
Stream & Download: https://OWSLA.lnk.to/BoycycleEP
Salvatore Ganacci - Horse (Official Music Video) out now via OWSLA
Directed by Vedran Rupic, Produced by Business Club Royale
Stream & Download:…
Stream & Download: https://OWSLA.lnk.to/BoycycleEP
Salvatore Ganacci - Horse (Official Music Video) out now via OWSLA
Directed by Vedran Rupic, Produced by Business Club Royale
Stream & Download:…
🤣4😁2❤1🤪1
Media is too big
VIEW IN TELEGRAM
Якщо тебе теж у 🖌 Figma дістає кнопка Agent, через яку постійно трапляються випадкові натискання — ось як її прибрати 👇
1. Береш у руки мишку 🐭
2. Клацаєш на логотип Figma
3. Відкриваєш Preferences
4. Вимикаєш “Show Agents on canvas”
5. Забуваєш, де це знаходиться
6. Радієш 😌
Готово. Тепер можна спокійно працювати й не викликати Агента кожного разу, коли просто хотів щось посунути💆♂️
Якщо було корисно став вподобайку❤️
😍 Щось дизайнер написав
1. Береш у руки мишку 🐭
2. Клацаєш на логотип Figma
3. Відкриваєш Preferences
4. Вимикаєш “Show Agents on canvas”
5. Забуваєш, де це знаходиться
6. Радієш 😌
Готово. Тепер можна спокійно працювати й не викликати Агента кожного разу, коли просто хотів щось посунути
Якщо було корисно став вподобайку
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥15❤5👍1🙏1
Forwarded from Product Design * Motion in App
This media is not supported in your browser
VIEW IN TELEGRAM
Ставте лайк, якщо сьогодні теж йдете до школи 👨💻
На щастя, ті самі дні знань, з лінійкою давно минули. А ось постійне навчання – ні. І це одна з найкращих частин моєї роботи.
Раніше було приблизно так: закінчив навчання, зібрав портфоліо, знайшов роботу, поступово накопичуєш досвід і все впевненіше збільшуєш зарплату.
Але якщо вирішили зануритися у сферу ШІ, ця модель починає руйнуватися. Тут не вийде один раз вивчити 10 інструментів і далі працювати за звичною схемою. І немає сенсу вивчати 50 – стек оновлюється зі швидкістю світла. З'являються нові моделі, агенти, AI-функції та підходи.
Набагато важливіше швидко розбиратися в новому, розуміти, де це може дати вам перевагу, і збирати робочі комбінації під конкретне завдання.
Тому навчання не закінчилось після отримання атестату чи диплому, навчання стало частиною мого робочого процесу 🎉 З 1 Вересня всіх 😘
____________
До речі, осінь — моя найулюбленіша пора року, і перший день осені у Львові розпочався дуже вайбово. Густий туман, дощ, прохолода — все те, що я обожнюю в осінній час 🍂
Також запрошую Вас до мене в LinkedIn: https://www.linkedin.com/in/pokazkaivan/
Вибачте за оффтоп. Такий то сьогодні день
😍 Product Design * Motion in App | Підписатися
На щастя, ті самі дні знань, з лінійкою давно минули. А ось постійне навчання – ні. І це одна з найкращих частин моєї роботи.
Раніше було приблизно так: закінчив навчання, зібрав портфоліо, знайшов роботу, поступово накопичуєш досвід і все впевненіше збільшуєш зарплату.
Але якщо вирішили зануритися у сферу ШІ, ця модель починає руйнуватися. Тут не вийде один раз вивчити 10 інструментів і далі працювати за звичною схемою. І немає сенсу вивчати 50 – стек оновлюється зі швидкістю світла. З'являються нові моделі, агенти, AI-функції та підходи.
Набагато важливіше швидко розбиратися в новому, розуміти, де це може дати вам перевагу, і збирати робочі комбінації під конкретне завдання.
Тому навчання не закінчилось після отримання атестату чи диплому, навчання стало частиною мого робочого процесу 🎉 З 1 Вересня всіх 😘
____________
До речі, осінь — моя найулюбленіша пора року, і перший день осені у Львові розпочався дуже вайбово. Густий туман, дощ, прохолода — все те, що я обожнюю в осінній час 🍂
Також запрошую Вас до мене в LinkedIn: https://www.linkedin.com/in/pokazkaivan/
Вибачте за оффтоп. Такий то сьогодні день
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥4❤3😁1
This media is not supported in your browser
VIEW IN TELEGRAM
Керування прозорістю за допомогою змінних
🖌 Figma дозволяє задавати прозорість для кольорової змінної за допомогою числової змінної. Тепер стани "відключено", накладки та шари-маски можна оновлювати масово, не від'єднуючи кольори від бібліотеки.
😍 Щось дизайнер написав
Please open Telegram to view this post
VIEW IN TELEGRAM
❤11👍4🔥1👏1
Media is too big
VIEW IN TELEGRAM
🚀 Junior Frontend Developer | Київ, офіс
TenThousand запрошує на роботу! Якщо ви не можете знайти першу роботу через відсутність комерційного досвіду чи дефіцит пропозицій на ринку, ми запрошуємо вас до нашої команди.
💰 Зарплата: $300–1000 (перегляд кожні 6 місяців)
📍 Локація: Київ, офіс (компенсуємо витрати на переїзд)
Що ми очікуємо від вас:
🔹 Хороша база в JavaScript & TypeScript.
🔹 Знання одного з фреймворків: React / Angular / Vue.
🔹 Рівень англійської від B1+.
➡️ Відгукнутися
#job #sponsored
TenThousand запрошує на роботу! Якщо ви не можете знайти першу роботу через відсутність комерційного досвіду чи дефіцит пропозицій на ринку, ми запрошуємо вас до нашої команди.
💰 Зарплата: $300–1000 (перегляд кожні 6 місяців)
📍 Локація: Київ, офіс (компенсуємо витрати на переїзд)
Що ми очікуємо від вас:
🔹 Хороша база в JavaScript & TypeScript.
🔹 Знання одного з фреймворків: React / Angular / Vue.
🔹 Рівень англійської від B1+.
➡️ Відгукнутися
#job #sponsored
👍6❤3😁2🔥1