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

Передаю привіт всім курсам по Claude, продавцям пальоних «гайдів по клоду» за чотириста гривнів і іншим мамкіним АІ-професорам https://academy.claude.com/

Я не переоцінюю Клод Дизайн, всі мої спроби роботи з ним закінчувались доволі сумно Але інтеграція Дизайну з Кодом виглядає доволі цікаво. Думаю у панів з компанії Фігма сьогодні будуть мокрі сракі) -- @designshizuxa

Якщо ви раптом, борони боже, самі дизайните інтерфейс для ШІ-агента, то ось вам невелика інтерактивна шпаргалка базових компонентів для такого випадку: https://www.aicss.dev/ — @designshizuxa

Лише за один цей тиждень Artlist скасував безлімітну підписку на відеогенерацію, Suno зменшив місячну квоту до 20 пісень на місяць, а тепер ось і Моббін вводить плату за використання АІ-функцій Ця бульбашка не просто лускає. Все йде до того, що в пристойниому товаристві за фразу «я дизайн-інженер» будуть одразу бити в лице

твітор запустив Grok App Builder, піду щас генерну собі третій старкрафт — @designshizuxa

Не зовсім про ШІ, але доволі важливий апдейт від Фігми. З цього місяця вони мінятимуть принципи по яких працює автолейаут: https://help.figma.com/hc/en-us/articles/42031586813719-Use-auto-layout-with-CSS-Flexbox-in-mind

Топовий генератор палітр для лінивого дизайнера від Kigen: підбере всі відтінки під вашу дизайн-систему, назве, і ще й експортне для фігми https://kigen.design/color У них є фігма-плагін, в якому є ще й інші фічі, ну але я занадто лінивий дизайнер — @designshizuxa

Можливо ваш лексикон уже познайомився з прекрасним словом "всратотип". Прекрасне слово всратотип приніс прекрасний Олег Гасьошин на Звукописі українського дизайну: https://youtu.be/HMDWe1WLdOU Дуже цікава і предметна розмова про дизайн-процес з ШІ. Я сам не вірю, що витримав слухати щось цілу годину, рекомендую — @designshizuxa

просто ПОТУЖНЄЙША стаття про вайбкод від Арсена Колиби Хто не прочитає той лох https://www.useforma.app/blog/everyone-can-vibe-code-not-everyone-can-create

Config пройшов харашо і народу дуже нравиться Але так щоб це не був третій пост лише шуток по фігму підряд, тримайте прикольну статтю про те як упорядковувати структуру вашого проекту в Клод Коді: https://uxplanet.org/claude-code-project-structure-best-practices-5a9c3c97f121 — @designshizuxa

З цікавішого: можна буде створювати так звані Code Layers, імпортувати туди хоч локальну папку з кодом, хоч гітхаб і дизайнити прямо кодом: https://x.com/figma/status/2069831667397886362 Нагадує анекдот мого дитинства: "а щас, синок, ми спробуємо злетіти з оцією всією хернею" Вибачте, звісно, за скептицизм відносно нововведень, досі не відійшов від фігма-мейк-кітів

Там щойно почався Фігма Конфіг, і компанія вже встигла анонсувати АІ-генеровані плагіни, шейдери, та моушн-редактор Цікаво, які з цих фіч будуть на релізі працювати на половинку, які — коштувати сотку баксів за кожен промпт, а про які фігма забуде одразу після релізу як про Buzz

Якийсь час тому я написав своєму Клоду глобальну інструкцію, щоб коли я даю йому команди в стилі: «посунь це синє гавно на два пікселі правіше», то перед виконанням він писав як ця команда звучала б технічною мовою Дуже класний лайфхак, загалом, не можу нарекомендуватись, бо за місяць роботи вивчив про фронтенд більше ніж за всі роки до цього. Енівей, для таких дуболомів як оце ми з вами написали класний і дуже зручно зверстаний словничок. Зацініть: https://index.how/to/articulate — Вчимось базарити правильно — @designshizuxa

OpenAI вирішив заспівати нам колискову на ніч. Вірніше навіть дві: - До Кодекса випустили шість role-specific (не знаю як перекласти, щоб не звучало дебільно) плагінів, в тому числі creative production i product design - Фіча Sites, яка дозволяє не просто проаналізувати ваші дані, а збудувати з них одразу інтерактивний динамічний сайт, яким можна буде поділитися з іншими. https://openai.com/index/codex-for-every-role-tool-workflow/ Плагіни розкатуються на всіх прямо вже, сайти поки будуть доступні лише Business та Enterprise-командам. Щось останнім часом OpenAI починає непогано давати просратися Антропіку. Бажаємо удачі обидвом сторонам. — Best late night show — @designshizuxa

Еміль зробив зручний і зрозумілий словник термінів для анімацій: https://animations.dev/vocabulary. Словник допоможе юному вайбкодеру писати грамотні промпти, у випадках коли треба заставити тупу ШІшку зробити гарну анімацію, але фрази: "Клод, зроби щоб ця херня виїжджала з красівим вжжжух", вона не розуміє. — Kowalski, Analysis! — @designshizuxa

ТЕСТУЄМ ФІГМУ ПІСЮНАМИ (господи, заради одного заголовка вартувало зробити цей пост) Надихнувшись вчорашньою дискусією в чаті Володимира Мерленка, я вирішив швиденько спробувати те як різні відомі інструменти справляються із тим, щоб переносити сайт з коду у Фігму Для тестування обрав кілька інструментів: 1. Figma MCP 2. Figma Console MCP 3. Figmosha Дениса Осадчого 4. Плагін html to design — Для тесту ми з Клодом швиденько накинули сайт для дронів-перехоплювачів p1-sun: https://p1-sun.vercel.app/ і після того по черзі кожним інструментом закидали його у дизайн-файл — Висновки загалом вийшли дуже цікаві: 1. Виявилось, що у Figma MCP є два інструменти для цього: generate_design / html to design, який пречудово і дуже швидко переніс дизайн на канвас, проте не використав ні автолейаут, ні змінні, ні стилі, - нічого. Інший спосіб — це use_figma, який створює семантичні і примітивні токени на основі CSS, та використовує автолейаути, хоч і грішить назвами Layer 133. Правда це все не має жодного значення, так як працює він неймовірно довго і генерує ABYSMAL DOGSHIT — буквально потратив десять хвилин роботи, щоб зліпити результат із хедера та одного чарту. 2. Figma Console MCP загалом дуже всіма люблений за те, що дозволяє дуже гарно працювати із змінними, стилями та компонентами. Проте в нашому сьогоднішньому експерименті він ділить куток разом із use_figma, так як на виході приніс таку ж купу гівна, як і той. 3. Figmosha—dead on arrival. Виявилось, що плагін працює лише з Unix-системами, тобто на Маку його запустити можна, але на віндовому комп'юкторі (на якому я це і тестував) — ні. Шкода. 4. HTML to design — без зайвих реверансів просто розрив. Надшвидка робота, інтерфейс у формі плагіна до фігми, не потрібно палити токени, а результат — найкращий по якості, суцільний автолейаут, змінні, — навіть не знаю чого ще можна було очікувати. Єдиний із інструментів, до речі, який переніс вертикальний текст у вигляді вертикального тексту без поворотів. Буду тепер рекомендувати всім — Дизайним пісюнами — @designshizuxa

Новина для тих хто примудрився знайти застосування для Claude Design Відтепер у нього немає оцих дурацьких власних лімітів, через які вас відправляли погуляти на тиждень після того як ви згенерували кнопку. Тепер він використовує ваш загальний ліміт підписки. — @designshizuxa

Дуже смішна фраза: "AI is sparking a creative renaissance in design", але загалом доволі цікавий AI in Design Report 2026. Раджу переглянути, особливо, якщо вам потрібно готувати презентації для керівництва про те які підписки треба дизайнерам купити і нафіга Дивно, звісно, готувати звіт про 2026 рік у травні, але, в принципі, з нашою дікухою вже можна рахувати день за три @designshizuxa

Якісь хороші люди збирають в одному місці скіли для дизайнерів та дизайн-інженерів: https://www.ui-skills.com/ Традиційний кілька раз уже тут рекомендований вибір редакції — скіл з абсолютно дурнуватою назвою UI UX Pro Max, який допомагає агенту генерити доволі непогані дизайн-концепти — UX UI Pro Super Max AI Powered — @designshizuxa

Ділюсь невеликим лайфхаком про який я ніколи в житті не подумав би що це лайфхак, але люди з твітера ведуть себе так, ніби америку відкрили Короче, якщо агент робить вам якесь дослідження або документацію — то просіть його записати результати не в скучний md-файл, а в html. Так і для ока буде приємніше, і читати зручніше — як, наприклад, оцей аналіз онлайн-сервісів таро — Розклади як нада — @designshizuxa