Записки UX/UI дизайнера [Сергей Тарасенко]

Господи, ну и говно

Новая статья: «AI — третий потребитель вашей дизайн-системы». Про то, что у дизайн-систем появился третий читатель после человека и компилятора — модель. Она читает только текст, и большинство систем для неё просто не существуют: истина лежит в Figma и в собранном CSS. Отсюда — тест на машиночитаемость, четыре следствия для архитектуры и новая планка зрелости системы. С наглядными демками, включая «до/после» генерации с контекстом и без. https://tarasenka.me/blog/ai-third-consumer

Тут кстати статьи подъехали в крупных онлайн издательствах со мной ) - В TechBullion - https://techbullion.com/how-to-reduce-user-cognitive-load-design-rules-from-senior-product-designer-siarhei-tarasenka/ - В TechTimes - https://www.techtimes.com/articles/321920/20260729/design-toolkit-developers-how-siarhei-tarasenka-redefines-logic-mobile-app-development.htm

⚡️ Veritheme + ИИ, который не косячит Сейчас все генерят сайты нейросетями — и почти всегда выходит шаблонно и с базовыми ошибками: цвета мимо, отступы вразнобой, кнопка собрана из «дивов» вместо нормального компонента. Я зашёл с другой стороны. Собрал Veritheme — дизайн-систему, где один theme.json становится единым источником правды для Figma, CSS и ИИ. Поменял значение в одном месте — обновилось везде. А главное — прописал правила для MCP-сервера Veritheme. Теперь ИИ-ассистент получает не просто компоненты, а ещё и принципы работы с ними: • собирай из готовых компонентов, а не изобретай их из утилит; • бери семантические токены, а не «сырые» значения; • держи единую сетку отступов и минимальные размеры текста. Результат: ИИ перестаёт выдавать «среднее по интернету» и строит на основе реальной системы — без базовых ошибок и в едином стиле. Как финальный тест этим же способом собрал себе сайт → tarasenka.me 🚀 Veritheme открытый и бесплатный: veritheme.com — Ну и я в блог сделал с 6 статей 1. Naming design tokens: eight heuristics for where the three-tier model stops helping 2. One theme.json: a single source of truth for design, code, and AI 3. Clarity is conversion: why removing cognitive load is the cheapest growth lever 4. Designers aren't artists: the job is the metric, not the beauty 5. Design has a bill: why every feature has to earn its cost back 6. Cross-platform design systems: share the tokens, split the components

Подборка крутых интерфейсов моего детства. Была программа, в которой специально можно было рисовать темы для винампа и я даже пробовал там что-то накидать…

https://getuicraft.com/storybook/ Выкатил Storybook с компонентами, которые есть в CSS от UICraft На сайте можно посмотреть все доступные компоненты и их вариантивность, а так же подкинуть свою тему дизайн-системы и посмотреть как поменяются компоненты и будут выглядеть в продакшне, а не только в фигме. Плагин Figma генерирует не все компоненты и шаблоны, которые есть в storybook, но я думаю скоро это исправлю.

Добавил возможность кастомизировать тёмную тему прямо в дизайн-системе. Изначально каждый компонент уже поддерживает два режима — светлый и тёмный. Теперь можно не только переключаться между ними, но и гибко настраивать тёмную тему под свои задачи. Это делает дизайн-систему более универсальной и позволяет быстрее адаптировать интерфейс под любой бренд или продукт. Плагин для создания и генерации дизайн-систем доступен по ссылке: https://www.figma.com/community/plugin/1610343587499165100

Обновил uicraft. Засел за фундамент и переделал самое важное. https://getuicraft.com 🎨 Цвет — пересобрал всю цветовую систему с нуля — новая структура: семантические переменные ссылаются на цветовые шкалы — добавил новый тип токена on-color под каждый акцент — текст на цветных кнопках больше не теряется по контрасту 🔤 Типографика — сделал более универсальную систему — завёл переменные, завязанные на цвет и масштаб 🛠 Figma-плагин — теперь генерирует rem’ы — и прямо в Figma можно переключать все размеры между десктопом и мобайлом 📱💻 — получается такая имитация адаптива прямо внутри макета https://www.figma.com/community/plugin/1610343587499165100

Давно ничего не писал, да и писать было нечего, НО! Я обновил свой плагин по генерации дизайн системы: https://www.figma.com/community/plugin/1610343587499165100 Обновления: • Новы вид отоброжения компонентов • Улучшил темную тему • Улучшил палитру • Brand цвет теперь генерируется не как один цвет, а как сет цветов • Улучшил UX плагина Предлагаю всем проверить как оно работает: https://www.figma.com/community/plugin/1610343587499165100