♿ Доступность нельзя чинить одним аудитом перед релизом

Миша Просмицкий пишет о доступности как о части инженерного процесса, а не как о пункте в чек-листе. Команды теперь могут генерировать интерфейсы быстрее, чем раньше, но скорость легко маскирует базовые проблемы: кнопка оказывается div с обработчиком клика, фокус не работает, скринридер видит плоский текст, а пользователь не может оплатить заказ. Особенно больно это становится с ИИ-кодом. Модель часто повторяет то, на чём училась: несемантичную разметку, красивые пиксели и минимум ограничений. Поэтому доступность нужно встраивать в систему заранее: правила для ИИ, доступные компоненты в дизайн-системе, проверка в pull request, Definition of Done, тесты в CI, понятная передача фокуса, подписей, состояний и порядка клавиатурной навигации. Аудиты всё ещё нужны, но они не заменяют процесс. Внутри: – Почему аудит доступности быстро устаревает после нескольких релизов; – Как ИИ ускоряет создание интерфейсов и одновременно множит ошибки; – Почему красивый компонент может быть бесполезен для скринридера; – Зачем ограничивать ИИ правилами до генерации кода; – Почему сложные элементы лучше брать из проверенных библиотек, а не писать заново; – Как дизайн-система помогает масштабировать доступность на тысячи экранов; – Какие проверки стоит встроить в ревью, Definition of Done и CI; – Почему тесты с реальными пользователями с инвалидностью всё равно нельзя заменить линтером. ➡️ Читать статью ——— 💻 Вакансии в IT и digital 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Как строить бренд финтеха 🦄 с нуля в чужой культуре 🇲🇽, почему в Мексике минимализм читается как бедность, и что реально даёт AI-нейросети в производственной цепочке дизайнера. Я пообщался с Александром Николаевым — бренд-дизайнер банка PLATA в Мехико, он четвёртый год отвечает за бренд, визуал и смыслы 😎. PLATA — цифровой банк для Мексики, построенный командой выходцев из Тинькова. Первые версии продукта делали вчетвером — Александр, Игорь, Катя и Александр Сыров (сейчас — дизайн-директор Платы). — Как строить бренд и весь дизайн банка вчетвером - с чистого листа создали дизайн-систему, бренд, визуальный стиль, приложение и маркетинг параллельно — Почему разделение на «интерфейсных» и «визуальных» дизайнеров — устаревшая идея — Главный инсайт: в Мексике минимализм читается не как премиум, а как «человек не постарался», как бедность — Легендарная история с новогодним мерчом в стиле Покраса Лампаса, который мексиканские коллеги встретили словами «в фавелах маргиналы в таком ходят» — Эволюция оранжевого цвета Платы: от градиентов «всё оранжевое» до метафоры «свет на оранжевой стене в тени» с точечными акцентами. И уход в тёмные оттенки, когда DiDi запустил такси-кредитку тоже оранжевого цвета — Признаки бренда Платы без логотипа: оранжевый, работа с металлом, Tone of Voice, качество графона — «Лайтморфизм» как прогноз следующей волны после неоморфизма и гласморфизма: дизайнеры научатся рисовать не тени, а свет, блики и рефлексы с историей — Как строили бренд Платы: психогеометрия + архетипы Юнга + типы потребителей (лекция Кожанова «Бренд и физиология») — Почему выбрали связку бунтаря и искателя и как «Real Money, Real Cashback» попала в архетип бунтаря на мексиканском рынке — Культура работы в Плате: «не делай плохих вещей», подход из Тинькова, увеличенный в разы. История про иконку «плюс», которую Александр рисовал 5 месяцев — Успешный цифровой банк без сильного дизайна возможен? Нет. Все интерфейсы уже одинаковые, надо цеплять эмоцией — как Duolingo с совой — Как AI-нейросети реально работают в производстве Ставьте лайки 👍, делитесь, подписывайтесь на мой ютуб канал.

Рома из Туту рассказывает, как их дизайн-система Kite выросла из старого UI-кита Order. Раньше компоненты жили отдельно на вебе, iOS и Android, дизайн догонял разработку, общей системы токенов не было, а масштабные визуальные изменения превращались в боль. В какой-то момент стало понятно, что просто иметь набор атомарных компонентов мало. Нужны общие правила, связанные токены, понятный процесс и договорённость между дизайном, разработкой и продуктовыми командами. Хорошо видно, что дизайн-система в большой компании это не библиотека кнопок. Это продукт внутри продукта. Там есть архитектура токенов, сборка под разные платформы, документация, миграции, поддержка команд, white-label сценарии, редизайны и постоянный торг между строгостью и гибкостью. Если всё сделать слишком свободным, каждый снова соберёт свой интерфейс. Если всё закрутить слишком жёстко, продуктовые команды начнут обходить систему стороной. Внутри: – Почему UI-кит без связи с дизайном быстро упирается в потолок; – Как Туту перешёл от Dev-to-Design к Design-to-Dev подходу; – Зачем дизайн-системе нужна глубокая система токенов; – Почему готового сборщика токенов может хватить на старт, но не на сложную систему; – Как CSS-переменные помогли с темами, скоупами и платформенными ограничениями; – Зачем Туту сделали собственную генерацию токенов под веб, iOS, Android и MailKit; – Как дизайн-система помогла быстрее делать white-label решения для партнёров; – Почему после запуска важны документация, внедрение в продуктовые команды и автоматизация через ИИ. ➡️ Читать статью ——— 💻 Вакансии в IT и digital 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Знакомая боль: просишь агента собрать экран по твоей ДС. На первый взгляд всё аккуратно. Потом смотришь ближе: компонент не из библиотеки, цвет левый, отступы странные, состояние придумано на ходу. И уже проще руками пересобрать, чем чинить за ним. С маленькой библиотекой это ещё можно пережить. В большой ДС начинается цирк: сотни компонентов, варианты, токены, состояния, правила. Команда годами всё это собирала, а агент ведёт себя так, будто открыл первый попавшийся файл и начал импровизировать. Без подготовки он просто угадывает. Ему нужно нормально объяснить систему: где компоненты, какие состояния существуют, какие правила важны, что брать в первую очередь. Иначе зрелая дизайн-система превращается для AI в красивую папку, которую он почти не понимает. 😇 24 июня в 18:00 мск Даниил Шишко из Pixel Perfect покажет, как это настроить. Возьмёт одну из самых больших публичных дизайн-систем, подключит её к агенту и соберёт экраны прямо на эфире. Тем, кто будет онлайн, Даниил отдаст скилл, который сканирует дизайн-систему и готовит её к работе с агентом. То есть можно будет взять свою ДС и повторить у себя. Если у вас агент тоже каждый раз «немного дизайнер» и тащит в макет свои компоненты, я бы посмотрел. AI-навыки уже всё чаще всплывают в вакансиях, и лучше разобраться с этим сейчас, пока все ещё пытаются понять, как оно вообще должно работать. 🔠 Эфир в канале 🔠 Эфир в канале

Скрин от моего технического директора, как он с ними общается (первая строчка текста на скрине) Нейронки применяем плотно уже больше полугода. Но важно использовать их с умом. Это когда хорошая дизайн-система, все разложено по компонентам и есть системная архитектура. Тогда нейронке легче делать новые компоненты на основе уже заложенного фундамента. Также важно не рассчитывать на нейронку и постоянно перепроверять ее. Потому что она дает много ошибок в первой, второй, третьей... итерации. И может довести до того, что хочется ударить по столу😅 ➡️ Делюсь внутрянкой, так как вчера поставили много сердечек, вижу вам интересно. Поставите еще – продолжу дальше. Кстати, Алексей, мой тех дир, говорит, что лучший критерий, заменит нейронка прогеров или нет, – это когда он перестанет на них ругаться матом.

Села я тут смотреть прошлогоднее интервью Илона Маска с Лексом Фридманом на 8,5 часов про Нейролинк. Хочу написать пост про их апдейты. Закинула во все LLM запрос и одна из них наврала так красиво и убедительно, что уже есть и дизайн-система у них, и хакатоны, ну вы там прочитаете на скрине )) И да, никогда больше не буду использовать слово Эксклюзив в LLM 😂

Фигма выложила майский Workflow Lab про Code to Canvas. Если коротко: прототип, который вы собрали в коде через Cursor, Codex, Claude Code или другой агент, можно затащить обратно в Фигму как редактируемые экраны. Дальше уже смотреть флоу целиком, править компоненты, токены, состояния и при желании пушить изменения обратно в код. Сама связка «дизайн-код-дизайн» не новая. Интереснее другое. Последний год все очень радостно продавали вайбкодинг как короткий путь: написал промпт, получил интерфейс, запустил, погнал дальше. Типа Фигма больше не нужна, дизайнеры мешают скорости, агент сам всё соберёт. А потом выясняется, что быстро собранный экран всё равно надо где-то нормально посмотреть. Вайбкодинг быстро даёт экран, но плохо показывает продуктовый сценарий целиком В браузере ты видишь один экран. Иногда пару состояний, если не лень потыкать. В коде видишь компоненты, файлы, стили, условия. А продуктовый флоу целиком обычно расползается по вкладкам, роутам и «сейчас я тебе покажу, только сначала залогинюсь». Для разработки ок, для обсуждения интерфейса так себе. У меня так постоянно. Быстро сделал фичу, локально вроде работает, в голове всё ясно. Потом открываешь рядом несколько экранов и видишь: • кнопка называется иначе • пустое состояние забыто • фильтр ведёт себя странно • мобильная версия поехала • пользователь попадёт в тупик и будет смотреть на экран как на квест от плохого диза И всё. Твоя «почти готовая» фича уже не такая готовая В доке Фигма прямо описывает похожий сценарий. Агент берёт локальный прототип, переносит уникальные экраны на холст, использует компоненты и стили из дизайн-системы, добавляет страницу с саммари. Потом дизайнеры уже могут смотреть и чинить: где лишний элемент, где лучше взять нормальный компонент, где просела иерархия, где токены уехали итд Это хорошая роль для Фигмы. Она не обязана быть местом, где всё начинается. Иногда она может быть местом, куда продукт возвращается на проверку. Быстро накидали в коде, положили на холст, посмотрели весь сценарий, привели в чувство, отправили обратно в разработку. Тут, кстати, спор «фигма или код» становится совсем уставшим. В реальной работе чаще нужен круг: 1. быстро собрать рабочий вариант 2. увидеть весь флоу рядом 3. поправить продуктовую логику 4. вернуть изменения туда, где это реально живёт Главное, чтобы этот круг не превратился в новый ритуал ради ритуала. Типа сначала агент сделал экран, потом агент перенёс его в Фигму, потом агент поправил, потом агент вернул в код, а команда всё это время сидела и смотрела на красивую автоматизацию. Дизайнерское решение всё равно кто-то должен принять. Пока что, желательно человек. Что думаете? ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Карина Веласкес рассказывает историю не про то, как Claude Code «сам собрал дизайн-систему», а про то, как накопленное знание наконец получило быстрый способ материализоваться. На работе она не могла использовать Claude Code, сервер Фигма MCP и другие инструменты из-за политики безопасности, поэтому взяла личный ноутбук, пустой файл в Фигме и за один пятничный день собрала Prisme, личную дизайн-систему с токенами, темами, компонентами и плагином для синхронизации. Самое интересное здесь не скорость сама по себе, а то, почему эта скорость сработала. Карина уже понимала архитектуру токенов: где нужны глобальные значения, где живут брендовые темы, как должен работать семантический слой, почему алиасы важны и чем нативный формат переменных Фигмы отличается от Token Studio JSON. Claude Code не придумал это за неё. Он просто оказался достаточно быстрым исполнителем, чтобы описание превращалось в структуру, структуру можно было сразу проверить, а ошибки быстро поправить. Внутри: – Почему сильный результат с ИИ начинается не с промпта, а с внутренней модели; – Как Фигма MCP позволяет работать с переменными и токенами без ручного кликанья в интерфейсе; – Зачем дизайн-системе нужны глобальный, брендовый и семантический слои; – Почему токены, которые живут только в Фигме, остаются артефактом, а не инфраструктурой; – Как Prisme Bridge переводит данные между Token Studio JSON и переменными Фигмы; – Почему кнопка стала хорошей проверкой всей токенной архитектуры; – Как Claude Code помог собрать компонент с размерами, состояниями, вариантами и заменяемыми иконками; ➡️ Читать статью (EN) ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Я никогда не любил работать с ДС и компонентами, особенно, когда АИ ещё не было в целом. Дизайн-система это такая штука, которая никогда не заканчивается. Сегодня добавили новый компонент, завтра поменяли состояние, потом где-то в продукте уже уехала версия, а в библиотеке всё ещё живёт старый вариант. И начинается обычная рутина. Проверить состояния. Сверить компоненты. Понять, что отстало от продакшна. Поправить в нескольких местах. Убедиться, что дизайнеры не разнесли всё по разным файлам. Работа важная, но максимально не самая весёлая) И вот это как раз очень похоже на задачу, которую можно отдавать AI-агенту. Не творческую часть, где надо думать головой, а именно поддержку порядка: сверять, находить расхождения, подтягивать правила, дополнять состояния, помогать не превращать ДС в свалку. Даниил из Pixel Perfect 3 июня в 18:00 мск покажет, как это работает на практике. Будет не учебный кейс, а живой AI SaaS-стартап для голосовых агентов. Он соберёт дизайн-систему через Claude Code и Figma MCP, а потом на её базе сверстает экраны продукта. 😎 Что будет полезного Покажет, как собирать ДС через Claude Code и Figma MCP, даст 4 скилла для Claude Code под сборку и поддержку своей дизайн-системы, и разберёт, какую рутину реально можно отдать агенту. Если работаете с дизайн-системами или просто устали руками вылавливать одни и те же расхождения залетайте посмотреть. Ща отставать уже не модно, нужно быть в трендах инструментов и снимать с себя кучу рутины ✨ Эфир пройдёт в канале, приходите Кстати, кто уже занимается ДС через клод, какой у вас пайплайн? Как работаете? 🔠 Подписаться на канал Даниила 🔠 Подписаться на канал Даниила 🔠 Подписаться на канал Даниила

Пока у команды нет общей структуры, каждый экран собирается заново: где-то основной текст 14 px, где-то 16 px, где-то межстрочный интервал выставлен руками, где-то тот же жирный стиль выглядит иначе. В макетах это еще терпимо, а в разработке быстро превращается в хаос. Олуватосин Обалана показывает практичный подход, как собрать типографику через примитивные и семантические токены и масштабировать ее на веб, планшет и мобильный в Фигме. Ценность статьи в том, что это не просто теория про читаемость, а пошаговая схема: как назвать токены, как разложить роли текста, как связать стили с переменными и переключать режимы без дублей. Внутри: – Какие принципы держат типографику в порядке: удобство, ясность, иерархия; – Какие базовые требования по доступности стоит заложить сразу: размер текста, контраст, межстрочный интервал, масштабирование; – Что такое примитивные токены и какие свойства туда выносить: семейство, вес, размер, межстрочный и межбуквенный интервалы; – Зачем нужны семантические токены и почему они снимают ручные правки по всему продукту; – Как назвать токены по иерархии, чтобы дизайнеры и разработчики говорили на одном языке; – Как разложить роли текста: Display, Heading, Subheading, Body, Caption, Label; – Как считать межстрочный интервал через коэффициенты для крупных и мелких размеров; – Как настроить в Фигме режимы для разных экранов и не плодить отдельные стили под каждый размер. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

→ Добавляй к любому объекту, форме или тексту → Скругляй отдельные углы → Управляй рассеиванием преломления света с помощью Splay → Применяй переменные из своей дизайн-системы www.figma.com/community/file/1522715486231239473

Если в дизайн-системе у иконок ограниченный набор размеров, это почти всегда превращается в отдельную архитектурную проблему. Снаружи всё выглядит просто: ну есть 12, 16, 20 и 24 пикселя, что тут обсуждать. А потом выясняется, что один подход удобен библиотекарю, но раздражает потребителя, второй красиво выглядит в теории, но ломается на вложенных компонентах, а третий требует больше ручной поддержки, зато лучше всего ведет себя в реальной работе. Алиса Пакард очень внятно разбирает эти варианты и приходит к практичному выводу: лучший компромисс сейчас это size-свойство на каждом icon-компоненте, а не отдельные компоненты на каждый размер и не обертка для иконок. Потому что этот способ дает больше контроля там, где он нужен, не ломает опыт потребителя и лучше сочетается с preferred swaps и другими паттернами внутри библиотеки. Внутри: – Почему отдельные компоненты под каждый размер иконки быстро захламляют библиотеку; – Зачем подход с variable modes выглядит заманчиво, но плохо масштабируется; – Чем icon wrapper удобен для поддержки, но неудобен в реальном UI; – Почему вложенные иконки внутри кнопок и других компонентов всё усложняют; – Как size-свойство на каждом icon-компоненте решает проблему гибче; – Почему этот подход лучше для preferred swaps и настройки конкретных компонентов; – Какой компромисс приходится принять библиотекарю при таком решении; – Почему в управлении размерами иконок сейчас важнее опыт потребителя, чем удобство внутренней поддержки. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Поэтому сегодня в Вышке проведем лекцию на тему «Правила создания компонентов» Поговорим о том, как строятся компоненты в дизайне – как логичная, масштабируемая система, которая экономит время и упорядочивает структуру. Разберем, как проектировать компоненты так, чтобы ими было удобно пользоваться, поддерживать и развивать вместе с продуктом. 📌 На лекции обсудим: • пример компонента и массовое редактирование; • атомарность: из чего складывается система; • Auto Layout и его роль в гибкости интерфейса; • варианты компонентов и зачем они нужны; • скрытие элементов внутри компонентов; • как вложенность влияет на производительность и оперативную память. Лекцию проведет Ксения Литвак (продуктовый дизайнер, дизайнер дизайн-систем в Voximplant) ➡️ Подключайтесь сегодня в 19:00 (мск) на Boosty

👋 Привет! Мы — 12 Космонавтов, ищем дизайнера с глубоким пониманием интерфейсного дизайна для создания дизайн-концепции цифрового продукта. Кто нам нужен • UX/UI-дизайнер с опытом от 5 лет, уровень Senior • Плюс: опыт в fintech, SaaS или highload-продуктах Что надо делать • Разрабатывать UX/UI-концепции и прорабатывать пользовательские сценарии • Работать с дизайн-системами: компоненты, токены, состояния, консистентность • Проектировать интерфейсы от user flow и wireframes до финального UI • Готовить макеты к передаче в разработку и сопровождать реализацию 👉Узнать подробности и откликнуться

Когда вы кодите с LLM, проблема обычно не в том, что модель совсем ничего не умеет. Она умеет слишком правдоподобно угадывать. Поставит 12px там, где у вас должно быть 8px, выберет «почти тот» синий, придумает токен, которого в системе нет, и на каждом новом сеансе начнет делать это заново. По отдельности всё выглядит нормально. Вместе получается интерфейс, который расползается уже через несколько итераций. Здесь предлагают довольно жесткую, но рабочую схему: не надеяться на память модели, а дать ей опору в виде спецификаций, закрытого слоя токенов и автоматического аудита. То есть вынести дизайн-систему в структуру, которую LLM может читать как источник истины, а не как намек. Тогда она не выдумывает значения, а берет их из ограниченного набора, а любое отклонение ловится скриптом до ревью. Внутри: – Почему LLM плохо держат дизайн-систему в голове даже в рамках одного проекта; – Какие три ограничения модели быстрее всего разваливают консистентность интерфейса; – Зачем делать отдельные spec-файлы для foundations, tokens, components и patterns; – Почему закрытый слой токенов лучше, чем набор «примерно правильных» значений; – Как аудит по CSS ловит хардкод и не дает визуальному дрейфу копиться; – Зачем связывать инструкции для агента, токены и CI в одну систему; – Почему такой подход особенно важен для больших прототипов и длинных AI-сессий; – Как именно структура дизайн-системы превращается из знания в голове в рабочую инфраструктуру. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

www.figma.com/blog/the-figma-agent-is-here

Это очень актуальная тема, и важно слушать мнение не блогеров, цель которых запугать вас и получить просмотров, а экспертов на реальном рынке. Думаю, уже многие знают, что Ксюша (@uxrockru) больше 10-ти лет занимается продуктовым дизайном и работает с крупными продуктовыми командами. Сегодня она проведет интенсив, где подробно расскажет о своем мнении на эту тему и роли AI в реальных продуктах. Будем создавать интерфейс на Google Stitch – он бесплатный, и у вас будет возможность в нем попрактиковаться. Далее все механики, о которых расскажем на интенсиве, вы сможете применять и в других нейронках, например, Claude. Ксюша активно использует нейросети, и делает это уже давно. Например, с помощью ИИ она ускоряет процесс по созданию дизайн-систем. Об этом мы тоже в будущем вам расскажем. Стартуем в 19:00 по мск, будем рады вас видеть. ➡️ Присоединяйтесь в боте

Мечта любой команды разработки сейчас — автоматизировать сборку дизайна с помощью LLM, чтобы ускорить delivery-процесс. Я видел несколько разных подходов, но в итоге пришёл к чему-то, что, как мне кажется, должно сработать удобно Рассказываю на примере проекта, где я на фрилансе (oversecured.com) Дано: - legacy-архитектура фронта, которую сложно масштабировать с LLM-кой - отсутствие части макетов в Figma + неактуальность макетов Что хотим: - заиметь макеты в Figma, которые выступают как источник правды - можно дать ссылку на макет, и LLM (Codex/Claude) его соберёт - UI-kit/дизайн-система, которая полностью совпадает в Figma/code Как мы решили это сделать: 1. Подключаем для кода open-source библиотеку компонентов shadcn (https://ui.shadcn.com/create). Компонентов там достаточно много + они гибкие (можно внутрь прокидывать много свойств). Это наша база, из которой мы будем собирать весь фронт 2. Берём для этой же библиотеки какой-то из Figma-файлов (вот здесь (https://ui.shadcn.com/docs/figma) есть несколько ссылок на файлы community, на них ссылается сам shadcn). Это наша вторая база, из которой мы будем собирать все макеты в Figma Мы пока не придумываем дизайн и не собираем компоненты с нуля, чтобы ускориться на старте, — просто берём готовое решение. 3. Начинаем собирать макеты в Figma из компонентов, которые мы взяли в community. На скрине — дизайн 4. Дальше через Figma MCP мы можем отдавать нашему AI-агенту ссылку на макет и просить собрать дизайн с помощью компонентов shadcn (можно также использовать shadcn MCP (https://ui.shadcn.com/docs/mcp)) Для тех, кто еще не знает: MCP — это протокол, через который LLM общается с внешними тулами вроде Figma. Важно здесь отловить одну вещь: AI-агент должен вытаскивать из Figma не скриншот макета, а структуру страницы (для этого используются разные методы). И всё — это работает. Простые страницы уже собираются верно на 95–100%, страницы посложнее пока тестируем Первая задача — актуализировать весь фронт на новых гибких компонентах. Во второй части (когда я к ней подойду) я хочу иметь возможность стилизовать компонент в Figma и стащить дизайн на фронт, чтобы в коде он тоже стилизовался В теории, проблемы тут быть не должно, потому что мы взяли в коде и в Figma одинаковую семантику токенов (и там и там shadcn) — то есть цвет в коде и цвет в Figma называются одинаково, например surface-default-100 Я уже предвижу некоторую сложность со стилизацией и со сборкой сложных экранов, так как в Figma компонент не всегда соответствует по пропсам тому, что есть на фронте в библиотеке shadcn (часть свойств может отсутствовать, часть — называться иначе). Тут потребуется немного ручной настройки и тюнинга компонентов в Figma Часть 2 напишу, когда подойду к ней!

На днях наткнулся на цифру: 94% компаний в мире жалуются на нехватку людей с AI-навыками. И, судя по прогнозам, к 2028 году сильно легче не станет. Для дизайна это тоже важный сигнал. Просто уметь делать нормальные макеты уже мало. Бизнесу всё чаще нужны люди, которые понимают, как работать с AI не точечно, а системно: поставить задачу, собрать контекст, проверить результат и отвечать за итог. Проблема в том, что большинство дизайнеров пока используют AI кусками. Тут текст поправить, там референсы собрать, где-то экран накидать. А на реальной задаче всё быстро ломается: AI не помнит бриф, не понимает дизайн-систему, теряет контекст и выдаёт что-то, что потом всё равно приходится руками пересобирать. И вот тут интересная мысль. Возможно, дело уже не в конкретном инструменте, а в том, как вокруг него собрана рабочая среда: папки, скиллы, директивы, дизайн-система, правила проекта. То есть AI не как отдельный помощник сбоку, а как среда, внутри которой ты проектируешь. 13 мая в 18:00 мск Даниил Шишко из Pixel Perfect покажет, как у него устроена такая агентская система. Возьмёт размытое ТЗ в одну строчку от крупного зелёного банка и за 90 минут соберёт концепт банковского дашборда. Будет весь процесс через одного агента в Claude Code: бриф, ресерч, структура экранов, макеты в Фигме по настоящей дизайн-системе и кликабельный прототип. Плюс покажет стек Claude Code, Figma MCP и дизайн-систему, а ещё конкретные шаги, как собрать AI-агента под свои проекты. Если хотите понять, как AI может закрывать не отдельные куски работы, а весь дизайн-процесс — нужно приходить обязательно 🔠 Эфир в канале Даниила 🔠 Эфир в канале Даниила 🔠 Эфир в канале Даниила

AI в дизайне это уже не про отдельные тулзы На днях наткнулся на цифру: 94% компаний в мире жалуются на нехватку людей с AI-навыками. И, судя по прогнозам, к 2028 году сильно легче не станет. Для дизайна это тоже важный сигнал. Просто уметь делать нормальные макеты уже мало. Бизнесу всё чаще нужны люди, которые понимают, как работать с AI не точечно, а системно: поставить задачу, собрать контекст, проверить результат и отвечать за итог. Проблема в том, что большинство дизайнеров пока используют AI кусками. Тут текст поправить, там референсы собрать, где-то экран накидать. А на реальной задаче всё быстро ломается: AI не помнит бриф, не понимает дизайн-систему, теряет контекст и выдаёт что-то, что потом всё равно приходится руками пересобирать. Дело не в инструментах. У AI должна быть архитектура (папки, скиллы, директивы, дс, правила проекта). Он не помощник, а среда, в которой ты работаешь. 😎 13 мая в 18:00 мск Даниил Шишко из Pixel Perfect впервые покажет свою агентскую систему изнутри. Возьмет размытое ТЗ в одну строчку от крупного зеленого банка и за 90 мин соберет полный концепт банковского дашборда. Все этапы работы дизайнера через одного агента в Claude Code: бриф, ресерч, макеты в Figma по дизайн-системе, кликабельный прототип. Что заберешь с эфира: • рабочий стек: Claude Code, Figma MCP и дизайн-система • конкретные шаги, как собрать AI-агента под свои проекты • подход, где AI закрывает весь дизайн-процесс, а не отдельные задачи ➡ Эфир пройдет в тг-канале Даниила: Подписывайся