Щось дизайнер написав...
696 subscribers
152 photos
46 videos
146 links
Канал практикуючого UX/UI дизайнера

Посилання для друзів: https://t.me/+1f2tueoiF05mYTUy

Пропозиції: @ivanpokazka
Download Telegram
Forwarded from UX/UI by SHAIN (Di)
Безкоштовний курс по Claude Code від віцепрезидента Wix 😱

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 імпортує сторінку та автоматично розбиває її на шари, які можна редагувати.

Хто пробував? Як працює?

📎 Спробувати тут

😍 Щось дизайнер написав | Підписатися
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥9❤5👍2😱1
🖌 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 поверх існуючої підписки. Особливо враховуючи, що для різних завдань платформа все одно використовує моделі від 🤖 OpenAI, 🤖 Anthropic та 🤖 Gemini.

І тут виникає знайома проблема, як зі стримінговими сервісами: мало кому хочеться оплачувати десяток підписок одночасно.

Загалом зрозуміло, чому Figma робить ставку на AI. Але водночас складно уявити, що вона зможе напряму конкурувати з AI-редакторами нового покоління, які вже покривають значно більше, ніж дизайн — від формування ідеї до готового коду.

Не знаю, як думаєте ви, але мені здається, що з огляду на кризу нових ідей, трансформацію ролі дизайнера та ситуацію навколо акцій компанії, одного дня Figma цілком може стати частиною когось із нинішніх AI-гігантів, чиї моделі вона сьогодні використовує під капотом.

Добре що 📷 Adobe не купив фігму, надіюсь це зробить 🤖 Anthropic

Долучайтесь до моїх каналів:
😍 Щось дизайнер написав
😍 Product Design * Motion in App
👍 IT Бро - IT вакансії
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
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 | Підписатися
Please open Telegram to view this post
VIEW IN TELEGRAM
❤8🔥8😁1😱1
This media is not supported in your browser
VIEW IN TELEGRAM
У 🖌 Figma з'явилися нові налаштування переносу тексту: Pretty та Balance.

Тепер не потрібно вручну розставляти переноси, щоб заголовок виглядав акуратно, а на останньому рядку абзацу не залишалося лише одного слова.

У налаштуваннях тексту з'явилися два варіанти:

— Balance робить рядки приблизно однаковими за довжиною. Підходить для заголовків, підзаголовків, цитат і коротких підписів.

— Pretty зберігає більш природний вигляд тексту, але намагається не залишати одне слово на останньому рядку. Його зручніше використовувати в описах, картках і невеликих абзацах.

😍 Щось дизайнер написав
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥13👍6❤3
Не можу звикнути до папок у 🖌 Figma.

Вони, звісно, тепер допомагають організувати рівні в структурі... але, блін, куди поділися прев'юшки?!

0 прев'юшок на першому рівні. Спасіба дура...

😍 Щось дизайнер написав
Please open Telegram to view this post
VIEW IN TELEGRAM
😁13👍3😨2
Media is too big
VIEW IN TELEGRAM
Якщо тебе теж у 🖌 Figma дістає кнопка Agent, через яку постійно трапляються випадкові натискання — ось як її прибрати 👇

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
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 | Підписатися
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
👍6❤3😁2🔥1