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 Музыка


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

Смотреть на Ютубе

412 0 12 3 13

Все уже попробовали агента от Figma?

Мне он так же не смог изменить текст в макете, который сидит на моем локальном шрифте YS Text. Как любые другие агенты не смогли…

Может кто решал подобную задачу, получилось ли?

Официальная дока про агента Figma


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


Вайбовая дизайн-система

Vibe от Monday.com
Интересно стилизовали сторибук со всеми гайдами и онбоардингом

https://vibe.monday.com/

337 0 21 10 7

Видео недоступно для предпросмотра
Смотреть в Telegram
Я обнимался со своей любимой буквой в Ульяновске

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

А ещё помогал проводить практикум по эмоциональному дизайну с командой ЗВУКа (Дима, привет)

Я считаю о нас должны знать за пределами Яндекса!
и спасибо всем кто меня поддерживал 🙏


Выступаю на Стачке в Ульяновске

Лечу в Ульяновск 11 апреля, чтобы рассказать вам вот что:

Какие задачи в дизайн-системе имеет смысл автоматизировать и с чего начинать, а какие — нет.

Реальный кейс, как дизайнер без знаний кода может создавать рабочие инструменты в Figma и влиять на процессы команды.

Конкретные сценарии автоматизации: проверка иконок, переменных, структуры и соответствия правилам дизайн-системы.

Измеримый эффект, выраженный во времени и качестве, а не абстрактных «улучшениях».

Набор выводов и ограничений при работе с AI и код-ассистентами: где они помогают, а где могут навредить.

Подробнее на сайте Стачки
Увидимся ✌️


Обычно хожу на различные хакатоны с разработчиками, по приколу, для массовки, потому что так я развиваюсь (оправдываю себя). 😂

В этот раз удалось сделать агента, который помогает создать правильно поставленную задачу на продуктовый дизайн. Чего дизайнерам так часто не хватает.

В результате взял 2ое место и унёс ништяки от Алисы Про.


Skapa – IKEA design system

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


😅


Думаете у вас много переменные?

Посмотрите на вэриаблы Mr. Biscuit

635 0 10 7 19

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

Чувак делает ватсап веб, кстати.


Видео недоступно для предпросмотра
Смотреть в Telegram



619 0 19 9 15

Не могу не поделиться этим видео, которое некоторым может открыть глаза на текущую ситуацию, а я ещё раз убедился, что если не успеваешь пробовать новое — ты проиграл.

Дженни утверждает, что AI и скорость инженерной реализации убивают традиционный линейный дизайн-процесс. Дизайнер больше не может опираться только на discovery, артефакты и handoff. Его новая ценность — в judgment, формировании направления, быстрой проверке идей, близости к коду и умении помогать команде ship’ить и учиться на реальном использовании. Человеческий вкус и решение “что вообще стоит делать” остаются важными, но сама роль дизайнера становится заметно более гибридной и менее ритуализированной.

https://youtu.be/eh8bcBIAAFo?si=nmPORQcZtSrv1dKZ


Как мы упростили компонент из 272 миллионов комбинаций в дизайн-системе

Команда дизайн-системы Яндекс 360 рассказывает о том, как они изначительно упростили один из ключевых UI-компонентов — List-item, который ранее мог образовывать до 272 миллионов возможных конфигураций.

В статье:

• анализ архитектуры List-item и проблемы, с которыми столкнулась команда;
• подходы к измерению и сокращению сложности API;
• как data-driven подход и анализ использования помогли выявить устойчивые паттерны;
• рекомендации для разработчиков и дизайнеров интерфейсов по построению более простых и консистентных компонентов.

🔗 Читайте на Хабре

Показано 20 последних публикаций.