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

Арсен Колиба погрозами заставив мене перевірити те, чи по одному і тому ж запиту Mobbin MCP видає одні і ті ж результати. Тому я три рази заранив запит "analytics dashboard charts KPI cards summary stats" і, чесно кажучи, я навіть не знаю як відповісти на це питання. І так і ні, але причин користуватись цим мсп стало ще менше лол. Як мінімум тому, що в одній видачі можуть бути різні стейти одного ж екрану з мінімальними відмінностями — Не придумав смішний підпис — @designshizuxa

Тест Mobbin MCP На днях зробив простенький тест з метою оцінити те, як може використання Mobbin MCP впливати на якість дизайну Спочатку простим промптом згенерував сторінку зі списком товарів у е-комерсі (перший скрін)

Design a consumer e-commerce product discovery app. The user should be able to browse products, filter results, and save items they like. Keep it practical, friendly, and easy to use.

Потім зробив кілька запитів до моббіну в стилі ecommerce product discovery grid filters і цим же промптом у цій же розмові перегенерував дизайн, враховуючи новий контекст Загалом вийшло доволі, ну, не найгірше. Інпут моббіну вплинув на зміну навігації на горизонтальну, з'явились оптимальніші фільтри, що не потребують підтвердження, а також рубрика on sale. На картках товарів додались пілюлі про те скільки грошей збереже покупець, а рейтинги тепер відображають загальну кількість відгуків. Ну і загалом ще кілька доволі приємних апдейтів. Але, звісно ж, як і завжди з ШІ, — не все так гладко. Попри всі мої надії, все, що повертає моббін вашому агенту взад — це прям зображення, а не якийсь їх аналіз чи просто бест практики. Тобто у відповідь на ваш запит мобін випльовує вісім картинок, засмічуючи контекст розмови і значно впливаючи на використання токенів агентом. (приклад видачі на третьому скріні) І зробити із цим ви нічого не зможете. По замовчуванню, кожен запит до моббіна повертає 8 зображень та їх URL. Весь набір інструментів, що є у вашому розпорядженні — це параметри platform (ios/web), limit (1-30, — це кількість результатів яку видасть по одному запиту), та mode (deep/fast). Тобто попросити МСР повернути вам просто урли — не вийде. А враховуючи те, що агенту ще потрібно буде проаналізувати зображення ще більше витрачаючи токени — то виникає доволі великий сумнів в доцільності використання Моббін МСР. Той випадок коли реально руками простіше. — Дизайнери, ШІ знову не забрав у вас роботу — @designshizuxa

Фігма анонсувала ніщо Просто відео на пів години, де двоє їх дизайнерів з натягнутими посмішками працюють з демо-продуктами в Курсорі, а в останні хвилини запису перераховують останні нововведення So cool, so excited —- Любий Скетч, ми були несправедливі до тебе — @designshizuxa

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

Працює він дуже просто ⤵️ Відкриваєте термінал, запускаєте Claude і пишете всього лише одну команду: /launch. Спочатку плагін встановить усі потрібні налаштування для комфортної роботи, а далі почнеться найцікавіше – ШІ не генеруватиме дизайн чи код відразу, а вчитиме вас думати та приймати рішення покроково. Цей плагін відрізняється від безлічі інших "оркестраторів" тим, що він пояснює базу, ставить запитання, пропонує власні думки та критикує ваші. До того ж заснований він не на рандомній інформації з інтернету, а на моїх минулих технічних статтях про ШІ та дизайн, безлічі напрацювань та досвіду роботи з Claude Code за минулі роки. Окрім цього, там є багато інших цікавих рішень: • 50+ АІ скілів, 10 агентів, десятки файлів з прикладами • Дизайн аудит, психологічні принципи, відповідність дизайн-системі • Хуки для блокування деструктивних команд та prompt injections • Інтеграція з Figma MCP і Playwright для автоматизації рутинних задач • Налаштування status line та звукових сповіщень, які роблять термінал зручнішим • Мій особистий воркфлов генерації коду, що підвищує якість результату

Плагін доступний за донат на фонд KOLO. Детальніше тут: https://volomydyr.com/design-engineer-plugin/ Якщо раптом ще хтось не у чаті Володимира — то заходьте —- Завжди підкажем на що тратити токени — @designshizuxa

Несподівано новина про АІ від якої не хочеться ригати! 😳😳😳 Моббін запустив МСР і це прям звучить багатообіцяюче. Дуже легко уявити цікаві юзкейси, наприклад зробити швидкий ресерч по патернах, чи попросити Клод згенерувати дизайн CRM як у Zoho.

What you can do with it: - Search for UI patterns by describing what you're looking for (e.g. "onboarding flow with progress bar", "empty state with illustration", "checkout confirmation screen") - Filter by platform: ios or web - Get back screen images inline (as base64) + metadata: app name, image URL, link to Mobbin - Use deep mode (default) for AI-ranked results, or fast mode for low-latency lookups - Retrieve up to 30 screens per query Practical uses: - Research real-world UI patterns before designing or building a new feature - Find design inspiration from top apps across dozens of categories - Supplement Figma or code work with competitive and cross-industry examples

Водночас, так само легко уявити, що для того, щоб розрахуватись за токени, витрачені на аналіз дизайнів, доведеться продати нирку. Або дві —- Ваша точка упори — @designshizuxa

Топова фіча від генератора зображень у GPT — якщо його попросити згенерувати 360-панораму, то її можна розглядати прямо в чаті, як наприклад оцю палату для дизайнерів, що втратили роботу через АІ (Не працює, якщо писати промпт українською) Тільки реалістичний погляд на дизайн — @designshizuxa

Сьогодні прийшов інвайт в Tenor — сервіс із дуже цікавим позиціонуванням Замість того, щоб генерувати кращі в світі продукти під ключ, чи переводити дизайн-систему в код, чи що там ще зараз напарюють, Тенор рекламується як сервіс для створення окремих компонентів, в тому числі відтворення їх по скріншотах. Наприклад Стало цікаво, і я влаштував швидкий тест-драйв різним сервісам, ну бо нафіга я плачу за ці всі підписки? Знайшов перший-ліпший "фінансовий дашборд" і спробував його відтворити в Тенорі, Клоді, Джеміні, Кодексі, та, звичайно ж, у моєму улюбленому Фігма Мейк Результати у прикладених картинках. Тенор доволі харош, але не ідеальний, і насправді навряд чи знайдеться для нього юзкейс (принаймні у його поточному стані). Варіант Клоду мені сподобався більше, а результат Мейку — це прямо любов з першого погляду боже звісно ж ні Чим же ще можна займатись в суботу — @designshizuxa

Ви будете сміятись, але чуваки з компанії Фігма хочуть нам в пʼятий раз (після бібліотек у Мейку, Code Connect, MCP, та Kits) розказати про те як подружити дизайн-систему з кодом, 5 травня, о 19:00 за київським часом Мусить же у них колись вийти, правда? Правда ж? Дизайн і код, ваша сила в дружбі — @designshizuxa

Якщо ви мали необережність цими днями зайти на Linkedin чи Xwitter, то, мабуть, бачили, що дизайнерською next big thing цього тижня був оголошений файл design<крапка>md Для тих нормальніших людей, які не розуміють про що я зараз, то дезайн.мд — це такий файл з інструкціями, де якогось біса для агента розписують правила побудови віжуала вашого інтерфейсу, наприклад:

Color

Semantic
- bg: #FAFAF7 (warm off-white, default page background)
- surface: #FFFFFF (cards, modals)
- text: #111111
- text-muted: #555555
- border: #E5E1DA
- accent: #C45A3D (terracotta, used sparingly)
- success: #2E7D5A
- error: #B43E3E

Rules
- Never use pure black. Use #111111.
- Never use pure white as a page background. Use bg.
- Accent is for one element per screen, max two.
- Dark mode reverses bg and text only. Accent stays the same.

Клянусь господом, я не розумію навіщо воно потрібне, і чим більше я читаю гайдів — тим більше не розумію. Чому не використовувати дизайн систему? Json-документ з токенами? Фігма-бібліотеку чи сторібук в кінці кінців? Думаю, глибинна причина появи цієї дікухи в тому, що нововведення в нашій індустрії неслись ніби вантажівка без гальм, а останнім часом — панує відносне затишшя (ну не вважати ж Claude Design чимось дійсно серйозним). А люди без дурки вже не можуть — от і придумали її собі самі. Енівей, якщо вам раптом хочеться почитати детальніше про цю інструкцію, то ось не найгірший гайд: https://x.com/_heyrico/status/2049528899898610085?s=46 (Але краще зіграйте нове доповнення до Diablo IV, воно таке нічо. І з цього буде більше толку) Фільтруєм хайп — @designshizuxa

У Фігмі згадали, що у них є такий інструмент як FigJam і випустили оновлення для його MCP Тепер ви можете улюбленим клод кодом генерити архітектурні та entity relationship діаграми, і також створювати анотації. Працює і в другу сторону: можна згодувати агенту діаграму, на основі якої він проектуватиме ваш продукт Клеїти стікери через МСР не можна. Проте, рівень очікувань іновацій від Фігми вже такий низький, що їхньою новиною може бути пост: "ми ще не закрились". Тому, і на цьому дякуємо Ліпші шуткі про фігму — @designshizuxa

Маленький лайфхак для маленьких вайбкодерів Коли ви закінчили роботу з якимось продуктом — то попросіть свого агента зверстати на окремій сторінці інтерактивне кейс-стаді. Не доведеться потім мудохатись із портфоліо Ваша улюблена порадниця — @designshizuxa

Боже, нарешті шось корисне та гарне Містер Gurbinder (дизайн-інженер в Axiom) викотив шикарну відкриту бібліотеку діаграм, зібраних у shadcn+recharts: Evilcharts (https://evilcharts.com/docs) Навіть якщо ваші проекти не потребують датавізу — ліба дуже приємна чисто поклікати по різних типах чартів @designshizuxa

Судячи зі всього, Google Stitch запрацював в Україні і ВПН більше не потрібен (або це я такий щасливчик) Нагадую про прикольне відео по роботі з інструментом. До Стітча, як і до всього іншого, є свої питання, проте це все ж один із найкращих інструментів для ранньої концептуалізації @designshizuxa

Особливих новин у застосуванні АІ в дизайні за кілька днів не було І СЛАВА БОГУ. Значить, треба якісь новини зробити самому. Трохи набридло тримати в закладках купу сайтів з дизайнерськими промптами — тому я вирішив напиз зібрати якісь основні і корисні в одному місці (ні, не в сраці) Тримайте: https://designpromptly.com/ раптом пригодиться. Хочу спробувати періодично додавати туди щось нове Все для вас — @designshizuxa

Про те, що OpenAI викотили нову версію генератора зображень в GPT, ви вже прочитали і без мене Але мушу сказати, що я щиро вражений тим, як круто воно генерує дизайни сайтів без оцього всякого типового слопа (бо ж малює картинку, а не складає унилий радікс) Зацініть порівняння з Геміні, це прям небо і земля, піду знову підпишусь DESIGNERS ARE COOKED — @designshizuxa

Люк Вороблевський все ще ТИТАН і написав чудову лаконічну статтю про нормальну, адекватну співпрацю дизайнерів та інженерів в нових умовах (Фігма на місці, не переживайте) Фільм зємлянє, смотрєть всєм: https://lukew.com/ff/entry.asp?2148 @designshizuxa

Я абсолютно не помилився з назвою цього каналу, абсолютно. Скажіть, колеги, вам же мало ШІ-інструментарію, правда МАЛО?! Представляю вашій увазі Grok Build. Реліз вже наступного тижня @designshizuxa

Годинку потеребив Claude Design, і за цей час встиг покататися на качелі вражень від ГАВНО до ✨МАГІЯ✨ Насправді, продукт який нам сьогодні зарелізив Антропік — це доступна, людяна, і доволі багатообіцяюча юайка до Claude Code. Не менше, і не більше. Якщо ви будували якісь речі дотепер в CC — то знайдете для себе мало нового. Якщо клод код поки обходив вас стороною — то, мабуть, пора. Воно поки що доволі глючне, потребує кращої інтеграції із проектами у Claude Code, та нормальної колаборації (поки не працює навіть шерінг проектів у команді), але, нарешті щось дійсно варте уваги Студія передає вітання усім дизайн-інструментам нової хвилі, які обіцяли порвати індустрію. Шо там, як ви, дяді? @designshizuxa

Chief Product Officer Антропіка покинув наглядову раду Фігми після того, як з'явилась інформація про те, що Антропік розробляє конкурентний продукт https://techcrunch.com/2026/04/16/anthropic-cpo-leaves-figmas-board-after-reports-he-will-offer-a-competing-product/ ——— Я вважаю, що це неймовірна і чудова новина, яка підтверджує, що злиті минулого тижня скріншоти були, швидше за все, правдою. Фігма зіграла величезну роль в становленні професії, процесів, та практик, але їй пора. Після підготовки та виходу на ІРО компанія занадто різко взяла крен в сторону обслуговування інтересів акціонерів, забувши про нас, — своїх платних користувачів. Я щиро чекаю, що хтось дасть їм по губам, і Антропік дуже хороша кандидатура, godspeed @designshizuxa

Якщо ви раптом теж чекали на інвайт в альфу дизайн-тулкітa "від розробника Tailwind" ui.sh — то можете трохи розслабити булки. Інвайти приходять, але за доступ треба розкошелитись на мінімум 120 долярів за рік. Враховуючи те, що про продукт крім розробників і доволі типового слопного прикладу нічого не відомо — то це, звісно, божественна стратегія дистрибуції. Удачі лол @designshizuxa