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

Сьогодні вдень почитав хвалебний пост на одному з каналів про сервіс генерації дизайнів Variant, який на мою думку, здатний генерувати хіба листівки для вайбера. І, короче, на цьому фоні, я вирішив провести невеликий бенчмарк різних інструментів на тему того хто ж з них генерує цікавішу юайку. В сьогоднішньому конкурсі взяло участь чотири учасники — Google Stitch (треба американський впн), Variant, Claude Code з плагіном Frontend design, та він же, але зі скілом з угарною назвою UI UX Pro Max (клянусь, не придумав) Кожному із них я доручив створити лендінг для Глобальної Агенції з Прокрастинації. Лендінги треба було задизайнити в чотирьох різних стилях: Swiss, Gen Z Chaos, Brutalism, Skeuomorphism PDF з результатами додам наступним постом. Але результати десь такі: Варіант — прогнозовано шляпа, просто забудьте за такий сервіс Стітч — продовжує розчаровувати. Таке враження, що він дуже деградував за останні тижні Клод — плюс-мінус однакові результати, що для плагіну, що для скіла зі смішною назвою. На мою суб'єктивну думку UI UX Pro Ultra Mega Super Max в цій боротьбі переміг

Є такий дизайнер Josh Puckett, який веде цікаву бібліотеку дизайнерських прийомів і інструментів Interface Craft (Поки що) в рамках цієї бібліотеки він випустив дуже своєрідний і вартий уваги інструмент InterfaceKit Що робить цей кіт — під час того як вайбкодите React-апку, додаєте його скриптом до свого продукту, і під час прев'ю у вас з'являється можливість викликати редактор у вигляді бокової панельки. В панельці можна прямо на прев'ю поредагувати базові речі в стилях і лейауті апки, і коли будете задоволені результатом — панелька згенерує промпт, який вже можна передати своєму агенту замість того щоб писати СУКА ТА ПОФІКСЬ ТИ УЖЕ ЦЕЙ СРАНИЙ ПАДДІНГ і кидати в клод код скріншотами. Не дуже рокет саєнс, але саме тому я вірю, що в цієї примочки може бути набагато краще майбутнє, ніж у якогось Paper.

Evil Rabbit (дизайнер v0) запустив дуже цікавий сервіс dsaints — базу найвідоміших дизайнерів і відносин між ними. Можна собі поклікати і попідписуватись на лінкдіни (Обіцяє на днях запустити агента щоб повидаляти неактуальну інфу і биті лінки) Нарешті буду знати про когось ще крім Стіва Джобса

А ЩЕ чуваки які роблять Spline випустили вчора omma.build — ще один генератор сайтів, але цей вміє в три де. Ось вам, наприклад, гра про Черепаху-аху-аху: https://omma.build/p/turtle-relaxation-shore-game-a5kztu (бігаєте WASD або тапаючи пальчиком по екрану, щоб ухилятися від крокодилів-дилів-дилів, удавів-авів-авів, і гусей-гусей) Поки що нічого прям ломаючого (особливо на безкоштовному плані), але чисто побавитися і погенерувати 3д-сайти - дуже весело.

І, що найголовніше — при апдейті ДС достатньо повідомити клод коду що саме було замінено і попросити запушити в код і ГОТОВО

Раніше у мене клод-кодом була згенерована простенька дизайн-система https://ds-nine-gray.vercel.app/ і сьогодні я через КК закинув її в дизайн-файл. На відміну від попередньої версії, нова фігма МСР працює з компонентами як боженька, і, на відміну від figma concole mcp нормально переносить дизайн з коду у фігму, ось результат: https://www.figma.com/design/gZkLbT18uxQf6bzq6nmnap/DS?node-id=0-1&t=oC6sZtEvW2sT4Ldd-1 Токени на місці, компоненти на місці, варіанти на місці — це absolute cinema

Я люблю срати на фігму as much as the next man, але сьогоднішній апдейт це абсолютна пушка Вони апдейтнули свій МСР сервер інструментом use_figma, і автоматично встановлюваними скілами які дозволяють маніпулювати дизайн-системою абсолютно так як вам вздумається в обидві сторони: і code->design i design->code

https://www.figma.com/blog/the-figma-canvas-is-now-open-to-agents/ Колєгі, це разйоб, юзать всєм

Згенерував свою улюблену історію з дашбордом для начальника тюрми і потягнув дизайн в код у Пейпер та Фігму, а також попросив клода дістати дизайн-систему зі спеками На мій погляд, Фігма справилась краще. Пейпер сасать

Відкрив твітер і там крім воплів про недостачу фігма-токенів дуже багато було написано про paper.design, то трохи його потестував. Концепція дизайну одразу хтмл-цсс компонентами, звісно, дуже цікава, але для комфортної роботи там поки нема ні-ху-я: ні токенів, ні компонентів, ні CSS-грідів — все лише тільки у планах. Навіть сторінок у файлах нема. Ставлю десять гривнів на те, що в них або закінчаться гроші іабо бажання, або Фігма їх обскаче, поки тіпи будуть виконувати те, що пообіцяли в роадмапі Зате у них уже є МСР, правда непонятно нахуя. Ну але є то є і я прогнав невеликий тест попросивши клодкода переслати з коду в дизайн невелику апку + спеки дизайн-системи. Результати наступним постом

Можна скіпати - хуйня, не работає

Ще зі старого треба покласти сюди цей гітхаб з агентами https://github.com/msitarzewski/agency-agents яких можна зібрати в людську багатоніжку і примусити сосати один в одного спільно виконувати різноманітні проектні задачі. Use with caution: там багато китайської шляпи #claudecode@designshizuxa #agents@designshizuxa

риночку не супер зайшли ліміти кредитів ахах

Note to self: не забути потестувати як робе ця шляпа: https://fixupx.com/stitchbygoogle/status/2034332847893574080 Загалом, звісно в гугл я вірю набагато більше, ніж в натужні спроби інших компаній зліпити якусь інноваційну дизайн-тулу. Дизайни, які генерує Stitch — це прямо ван лав #stitch@designshizuxa

Якщо вам здається, що ви проїбали всі полімери і не знаєте звідки почати освоювати клодкод в дизайні — here you go: https://x.com/felixleezd/status/2013654252263219406 https://www.youtube.com/@matviiv.design/videos #claude@designshizuxa #claudecode@designshizuxa

Завів канал, щоб відкладати сюди всякі цікавинки які вже не мають місця в мене в голові