Oh My Design System

DESIGN.md Замечаю, как многие начинают переносить ключевые знания для проектирования интерфейсов согласного своим дизай-системам и правилам. А также он помогает прогонять агентом дизайн-решения на верификацию через этот MD. У нас я внедрил скилл (SKILL.md), который тоже помогает дизайнерам при работе с задачами проектирования и прочего. Вот тут подробно рассказывают эту тему у себя в блоге Атлассиан. А ещё в целом обновился ДС-портал у Атлассиана, гляньте какая красота. https://atlassian.design/

Design System Documentation Spec Документация дизайн-систем до сих пор часто выглядит как кладбище markdown-страниц: вроде всё описано, но переиспользовать, перенести или дать это AI-агенту почти невозможно. Поэтому мне очень нравится, куда копает PJ Onori с его Design System Documentation Spec. Это попытка сделать нормальный структурированный формат для документации дизайн-систем: компоненты, токены, паттерны, гайдлайны, примеры, ограничения, связи и даже инструкции для AI-агентов. И вот это, кажется, важный сдвиг: документация перестаёт быть «текстом после дизайна» и становится частью архитектуры системы. Пока это ранняя и местами сырая спецификация, но именно за такими штуками стоит следить. Потому что если документация дизайн-систем наконец станет машиночитаемой, многие процессы вокруг дизайна, кода и AI сильно изменятся. И кажется уже…

Не только для фанатов BMW M Style 🧢 Эй, чувак, если твоя нейронка опять нарисовала тебе «современный SaaS-интерфейс» — белые карточки, серые бордеры, radius 12, фиолетовую кнопку и hero-блок с текстом «Transform your workflow»— у меня есть подозрение: она просто не знает, во что целиться. Для этого есть getdesign.md. Это сайт с DESIGN.md-файлами — такими мини-гайдами по визуальному языку разных интерфейсов. Их можно кинуть в Cursor, Claude Code, ChatGPT, v0, Lovable и сказать: «Вот тебе стиль. Не делай дефолтный нейро-дашборд. Работай по референсу» Это не замена дизайн-системе, не Figma-библиотека и не повод копировать Apple один в один. Но как способ быстро дать AI визуальный контекст — очень рабочая штука. Короче, если AI делает UI так, будто увидел Tailwind впервые и сразу поверил в себя — попробуйте дать ему DESIGN.md.

🥸 Что это за кнопка Code в тулбаре фигмы появилась сегодня утром и нигде инфы никакой нет. Как с этой фичей работать, тоже не понял. Как у вас?

Вышел новый выпуск подкаста с моим участием про который я упоминал ранее. Поговорили с ребятами про ИИ Яндекс Музыка Звук VK Музыка

Рассказал на Стачке в Ульяновске про свой вайбкодинг плагинов для Фигмы Смотреть на Ютубе

Все уже попробовали агента от Figma? Мне он так же не смог изменить текст в макете, который сидит на моем локальном шрифте YS Text. Как любые другие агенты не смогли… Может кто решал подобную задачу, получилось ли? Официальная дока про агента Figma

Что нового: 😀Раз в год вывожу себя на море перезагрузиться 😄Учу дизайнеров нейронкам 😆А сегодня записывали подкаст и обсуждали ИИ в продуктовом дизайне

Вайбовая дизайн-система Vibe от Monday.com Интересно стилизовали сторибук со всеми гайдами и онбоардингом https://vibe.monday.com/

Я обнимался со своей любимой буквой в Ульяновске Вообщем, рассказал про свой вайбкодинг и автоматизацию ДС и какие мы крутые (Яндекс 360) на весь Ульяновск и не только. Необычная площадка (универ) и аудитории, так атмосферно. Очень классные впечатления от конференции Стачка и в целом от движухи. Народ интересовался нашими продуктами (Яндекс 360): чувак спрашивал когда мы сделаем замену Телеги — а мы уже (Телемост с чатами). Обменялся опытом и познакомился с классными ребятами из крутых продуктов. А ещё помогал проводить практикум по эмоциональному дизайну с командой ЗВУКа (Дима, привет) Я считаю о нас должны знать за пределами Яндекса! и спасибо всем кто меня поддерживал 🙏

Выступаю на Стачке в Ульяновске Лечу в Ульяновск 11 апреля, чтобы рассказать вам вот что: Какие задачи в дизайн-системе имеет смысл автоматизировать и с чего начинать, а какие — нет. Реальный кейс, как дизайнер без знаний кода может создавать рабочие инструменты в Figma и влиять на процессы команды. Конкретные сценарии автоматизации: проверка иконок, переменных, структуры и соответствия правилам дизайн-системы. Измеримый эффект, выраженный во времени и качестве, а не абстрактных «улучшениях». Набор выводов и ограничений при работе с AI и код-ассистентами: где они помогают, а где могут навредить. Подробнее на сайте Стачки Увидимся ✌️

Обычно хожу на различные хакатоны с разработчиками, по приколу, для массовки, потому что так я развиваюсь (оправдываю себя). 😂 В этот раз удалось сделать агента, который помогает создать правильно поставленную задачу на продуктовый дизайн. Чего дизайнерам так часто не хватает. В результате взял 2ое место и унёс ништяки от Алисы Про.

Skapa – IKEA design system Система очень закрытая у них, но есть видосик где они чуть открывают занавес

😅

Думаете у вас много переменные? Посмотрите на вэриаблы Mr. Biscuit

💡Даже при всех этих Курсрах и Кодексах — знание кода только помогает вам. Чувак делает ватсап веб, кстати.

Слоты! Всё, погнали переделывать компоненты 🤓 Смотреть как использовать Читать статью