Дизайн-ШІзофренія

Невеликий бонус до поста вище Я, звісно, дизайнер, причому не з тих мудріших, і дійсно міг упустити з уваги якийсь важливий момент Проте ось що робить Фігма Мейк, використовуючи Make Kit який доданий як ПРИКЛАД, як взірець того як потрібно робити кіти Done! How does this look? @designshizuxa

Використання Figma Make Kit (спойлер: Все. Дуже. Погано) ——— Нещодавно за якісь наші гріхи Фігма почала поступово розкатувати на платних користувачів нову фічу для Make під назвою Figma Make Kit Якщо коротко, то цей кіт мав би вам дозволяти генерувати мейк-прототипи використовуючи рідні компоненти вашої дизайн-системи. Для оптимальної роботи йому потрібні три речі: - Фігма-бібліотека з токенами і стилями - Ваші компоненти, запаковані в npm-пакет - Гайдлайни використання компонентів (теоретично написати може сама фігма в чаті) ——— Що відбувається насправді В корені проекту, який має стати вашим кітом лежить файл package.json у якому описуються залежності, грубо кажучи — бібліотеки та пакети, які використовуватиме кіт. Тут є посилання на вашу дизайн-систему, проте перед нею Мейк автоматично вказує, що для проекту потрібен shadcn/Radix та чомусь Material UI разом із іконками. По факту, які гайдлайни б ви не писали — через оці залежності при спробі потестувати свій кіт ви помітите що Мейк забив ху поклав бол повністю проігнорував ваші інструкції та замість ваших компонентів використав шось шо взбрело йому в його тупорилу башку. Після цього, звісно ж, ви підете і виправите package.json просто видаливши звідти оці зайві залежності, або навіть попросите вашу улюблену модель вам допомогти. Все дійсно спрацює. Рівно до того моменту, коли ви спробуєте запаблішити кіт, пропустите один чекбокс в advanced settings — і кіт буде опубліковано з дефолтним package.json із все тим же матіріалом і радіксом. Після цього, звісно ж, ви перевірите налаштування і вимкнете цей клятий чекбокс. І тоді кіт з вірогідністю 80% просто не запаблішиться. В цей момент всі адекватні люди махнуть рукою на цю шляпу і підуть назад у Клод чи Кодекс чи куди вони там йшли, але ж не автор каналу, — автор каналу впертий баран. Після того як ви невідомим чином змусили все-таки цей кіт опублікуватися, то при першій ж спробі використати його для генерації прототипу ви одразу ж зрозумієте, що прототип буде містити свій власний package.json, який в свою чергу міститиме що? Правильно — сраний радікс і Material UI. І виявиться, що мейк в сраці мав ваші гайди і вашу бібліотеку та зробить прототип все одно на базових компонентах шадсн (це якщо вам повезе) Біжіть друзі, біжіть від цього подалі. Бо АІ дійсно забере вашу роботу, якщо ви їбанетесь @designshizuxa

Прийміть порцію ваших ранкових ліків від FOMO: Сьогодні в альфу вийшов багатообіцяючий інструмент wonder.design з типовим для оцих всіх новітніх інструментів набором: дизайн одразу в код, імпорт з фігми і тп Імпортує з фігми він так як на другому прикріпленому скріні, а підтримка дизайн-систем і токенів згадана хіба на роадмапі. Сміло пропускайте, краще апдейтніть апку Claude, вона сьогодні стала набагато цікавішою, особливо в розділі Code @designshizuxa

Кілька раз в розмовах про генерацію дизайну зустрічав згадки сервісу aura.build Зізнаюсь чесно, в мене вже просто не вистачає здоров'я ревювати черговий генератор, які з'являються тепер чи не десятками щодня. Тим більше, генератор під капотом якого Gemini. Гуд лак конкурувати зі Стічем, гг Але В Аури доволі цікавий навчальний розділ, особливо та його частина, яка стосується різноманітних технік створення промптів, гарно розбита на розділи: загальний, типографія, стилі, анімація, та лейаут. Можете при нагоді собі переглянути, чисто для збагачення, так би мовити, словникового запасу: https://www.aura.build/learn/tips-for-prompting @designshizuxa

Сьогоднішній день починається НЕ ДУЖЕ для власників сервісу Lovable Судячи зі зливів, Клод прийшов по їх душу @designshizuxa

Піст закінчився — тому тримайте кусок жирного контенту — подкаст за участю Director of Product Design for AI at Figma i Design Staff at OpenAI Говорять про те, як змінився дизайн, як використовують ШІ, куди варто розвиватись і тд Єдиний мінус — відео триває 53 хвилини, доведеться розтягувати днів на п'ять —- https://youtu.be/C_eXo6oCvRA?si=YMOGCxt8q3kQfQH- —- @designshizuxa

Якийсь тіп з твітера написав пост про основні маркери дизайну згенерованого АІ: 1. Використання простих іконок на скругленому квадратному фоні 2. Надмірне використання емодзі 3. Надмірне використання шрифтів із засічками (напевно поштучний інтелект вважає це маркером витонченого дизайну) 4. Гласморфізм, часто не в тему 5. Оці прокляті картки з бордер-радіусом і бордер-лефт 6. Градієнти в часто недоречних місцях 7. Невміле використання тіней 8. Багато вкладених компонентів (картки в картках в картках) Гарна публікація, з якої я зрозумів, що я штучний інтелект @designshizuxa

Стартуєте новий проект і не можете визначитись зі стилем? Спробуйте https://www.designprompts.dev/ — милий простий сервіс із колекцією (та прикладами реалізації) детальних промптів, що описують різні стилі дизайну. Я потестив кілька з них і результат виявився навіть кращим, ніж думав, тому рекомендую. Якщо не пригодиться в роботі, то хоча б зможете перед пацанами козирнути тим, що знаєте чим артдеко відрізняється від вейпорвейву @designshizuxa

Jakub Krehel, дизайн-інженер Interfere написав гарну статтю про невеликі деталі в дизайні інтерфейсів та анімації, які роблять взаємодію з продуктом приємнішою: https://jakub.kr/writing/details-that-make-interfaces-feel-better І що особливо круто, на основі статті він створив скілл, який дозволяє викладені принципи автоматично застосувати до вашого продукту через будь-якого агента: https://github.com/jakubkrehel/make-interfaces-feel-better Енджой @designshizuxa

О боже, що це? Невже вакансія продуктового дизайнера з розумними і адекватними вимогами по АІ, і без обовʼязків комітити на прод та знати сто фреймворків? Оце прям харашо, саме в таке майбутнє професії я і вірю

Контент на вечір — новий випуск подкасту Радіо Кнопка із Юрою Опаренком (staff product designer у WhatsApp). Дивіться, підтримуйте пацанів на монобазі, якщо є гроші, молодці пацани https://youtu.be/fojg_zjcuFc?si=5EYvVrfDdrB3Xbbq

Хвилинка-цікавинка: власники iPhone 17 Pro та Air за допомогою апки Locally AI можуть запустити прямо на телефоні свіжу відкриту модель Gemma 4 від Гугла Батарею жере як сука, зате маєте абсолютно локальну і безкоштовну reasoning-модель із розпізнаванням зображень

Тестування платної версії Omma Трохи шкодую про те, що показав посилання на цей канал дружині — вона зараз дізнається, на що я витратив сорок доларів, і відірве мені сраку. Енівей, бажання перевірити як працює і що генерує платна omma.build ходило за мною ще з першого поста про Черепаху аху-аху. Тому, ось. Тестував генерацію на кількох проектах: 1. Друга версія гри про черепаху. Подивившись на шоукейси на сайті Omma, я був переконаний, що якість моделей, текстур і тіней на платній підписці буде краща. Проте той позор, який вийшов, вдалось хоч якось пофіксити лише попросивши Omma перегенерувати все в стилі Minecraft. 2. Лендос, який рекламує підписку на суперсили. Десь, мабуть, 0.125 секунди у мене тривав ефект «о, а нічо так» — проте чим нижче скролиш, тим швидше він проходить. 3. Мій улюблений тестовий проект — дашборд із інфографікою для директора виправної колонії. Тут вже обійшлось без вау-ефектів взагалі. 4. Спроба візуального сторітелінгу про дослідження глибин океану. Не можу назвати її вдалою --- Плюси Омми: + Швидка генерація — результат по доволі деталізованому промпту Omma видає десь за дві хвилини. Мінуси (спойлер: все решта): - Висока вартість: підписка починається від $40. - Дуже мало токенів: чотири проекти вище зжерли всю місячну квоту. - Багато, ДУЖЕ БАГАТО помилок. Мабуть, більша половина моїх запитів була проханням виправити помилки, що не давали проектам взагалі запускатись. - Дуже низька якість 3D. Навіть не мрійте без власних моделей добитись такої ж якості, як у шоукейсах. --- Загалом, команда, що створила Spline, безумовно заслуговує на повагу, проте Omma в поточному вигляді — це забаговане відро гамна. І якщо у вашій стрічці якісь люди пишуть про неї як про next big thing — гоніть їх і насміхайтесь над ними.

Зі всієї сили рекомендую всім подивитися це відео про роботу зі Стітчем (сорс) • по-перше — воно коротке • по-друге — у ньому показують хоч і прості, але дуже класні прийоми по роботі з генерацією концептів в Stitch • і, по-третє, мені дуже сподобався чувак, який розказує, він прям ЖИВИЙ і натхненний, а не якийсь черговий корпоративний жопоїд з натягнутою усмішкою —- Нагадую, що Стітч, на жаль, поки не доступний в Україні і для доступу потрібен VPN. Можете скористатись ClearVPN, преміум-версія якого доступна українцям на рік безкоштовно

Lovable викотив (майже) повноцінний візуальний редактор, прям харашо

Якщо хтось часом такий самий лох як я, і не знає про те, що існують каталоги-рейтинги скілів, то тримайте: https://skills.sh/

знайшов у клода ще одну прикольну фічу

Шановні вайб-кодери, є проблема Вночі зламали аккаунт головного розробника Axios в npm (це дуже популярна бібліотека для JS, яку використовують в кожному другому проекті) і в залежностях, які тягнуться разом із основним пакетом, додався троян, що при інсталяції отримує повний доступ до комплюктора Ті, хто більш технічний, читайте тут: https://socket.dev/blog/axios-npm-package-compromised А такі тупарі, як і автор каналу, робіть отак: В терміналі у папці з останнім проектом треба написати

npm list axios

Якщо бачите 1.14.1 або 0.30.4 — це проблема. Якщо бачите 1.14.0 або нижче — все чисто. Якщо знайшли заражену версію — напишіть своєму агенту таке

“У мене встановлено axios@1.14.1, це скомпрометована версія. Допоможи знизити до 1.14.0 і перевірити чи немає plain-crypto-js у node_modules”

Після чого міняйте нахер всі паролі, АРІ-ключі, і токени, що зберігались локально

Завтра чуваки з Фігми та Антропіка розказуватимуть як використовувати звʼязку СС+Figma Вхід безкоштовний за реєстрацією