code design
RU EN

user@vibecode:~$ ls ./wiki/

Все разделы VibeDesign Wiki — статьи и гайды по дизайну

Основы VibeDesign/

Как устроен VibeDesign: бриф, процесс, роли, насмотренность, критерии качества и работа с ИИ как с дизайн-партнером.
9 статей

Новости/

Новости и важные обновления из мира ИИ и разработки: релизы инструментов, изменения платформ и их практическое влияние на работу.
1 статья

UX и интерфейсы/

Сценарии пользователя, структура экранов, навигация, формы, типографика, читаемость и интерфейсные решения без лишнего шума.
16 статей

Исследования и UX-методы/

Интервью, CJM, Jobs To Be Done, быстрые UX-проверки, гипотезы, пользовательские боли и способы принимать дизайн-решения на фактах.
6 статей

Figma и макеты/

Wireframe, auto-layout, компоненты, сетки, подготовка экранов, аккуратная структура файла и практическая работа с Figma через ИИ.
12 статей

AI-инструменты дизайна/

Claude Design, Open Design, Google Stitch, Pencil.dev и другие инструменты: где они ускоряют работу, а где требуют контроля дизайнера.
11 статей

Дизайн-система и компоненты/

Токены, цвета, типографика, UI-kit, состояния компонентов, паттерны интерфейса и единый визуальный язык продукта.
10 статей

Брендинг и айдентика/

Позиционирование, визуальный стиль, логотипы, тон коммуникации, бренд-система и упаковка продукта для узнаваемости и доверия.
10 статей

Motion и анимация/

Микроанимации, переходы, интерактивные состояния, motion-принципы и анимация, которая помогает интерфейсу, а не отвлекает.
10 статей

Прототипы и handoff/

Кликабельные прототипы, сценарии, спецификации, handoff в разработку, контроль реализации и приемка интерфейса после сборки.
7 статей

Редизайн и аудит/

UX-аудит, визуальная диагностика, обновление сайта или продукта, сохранение SEO и план релиза без поломки текущих сценариев.
10 статей

Доступность/

Контраст, фокус, клавиатурная навигация, читаемость, aria-паттерны и интерфейсы, которыми удобно пользоваться разным людям.
5 статей

Портфолио и кейсы/

Разборы работ, кейсы редизайна, оформление портфолио, структура результата и упаковка дизайн-проекта для клиента или работодателя.
0 статьи

$ find ./wiki -type material

Все материалы Wiki

$ показано: 24 из 107
Прототипы и handoff
23.06.2026 18 мин

Интерактивный прототип в Figma: как убедить заказчика с первого показа

Заказчик садится напротив, открывает ноутбук, и через 40 секунд говорит: «А можно показать, как это будет работать?» Вы открываете Figma, кликаете по фрейму...
VibeDesignПрототипы и handoff
Исследования и UX-методы
20.06.2026 19 мин

50 интервью за час: как AI-синтез меняет UX-ресёрч без потери качества

Час назад вы закончили серию из 50 пользовательских интервью. Шесть недель работы команды: рекрутинг, расшифровки, кодирование, сведение инсайтов. Сегодня...
VibeDesignИсследования и UX-методы
UX и интерфейсы
20.06.2026 19 мин

AI-генерированный интерфейс vs человеческий: где пользователь чувствует разницу

Возьмите два экрана checkout: один сгенерирован LLM по короткому промпту, другой собран продуктовым дизайнером за два спринта. На скриншоте — разница на...
VibeDesignUX и интерфейсы
Доступность
20.06.2026 18 мин

AI генерирует недоступные интерфейсы: как это проверять и исправлять автоматически

Откройте инспектор в браузере и пройдитесь Tab по последнему экрану, который сгенерировал вам AI ассистент. Скорее всего, фокус прыгает не туда, половина...
VibeDesignAccessibility
Брендинг и айдентика
20.06.2026 10 мин

Brand book и Design System — это не одно и то же. Путаница стоила нам месяц

◷ 15 мин чтения · бренд бук · дизайн система · документация «Нам нужен бренд бук» — сказал директор по маркетингу. «Ок, давайте сделаем дизайн систему» —...
VibeDesignБрендинг и айдентика
UX и интерфейсы
19.06.2026 18 мин

70% удаляют приложение после первого экрана. Как сделать онбординг который оставляет

Пользователь скачал приложение, открыл, посмотрел первый экран — и удалил. Не потому что продукт плохой. Потому что за первые 30 секунд он не понял, зачем...
VibeDesignUX и интерфейсы
Прототипы и handoff
19.06.2026 17 мин

Показал прототип реальным людям — они сломали всё за десять минут. Вот что я узнал

Я был уверен, что прототип готов. Три недели итераций, вылизанные экраны, аккуратные микроанимации, продуманный онбординг. Принёс на коридорный тест пяти...
VibeDesignПрототипы и handoff
Основы VibeDesign
19.06.2026 16 мин

AI Design Leader: кто это, что умеет и как им стать в 2026 году

Термин появился без объявления. Никто не собирал конференцию и не переписывал должностные инструкции. Просто в 2025–2026 году обнаружилось, что дизайнеры, которые начали использовать AI серьёзно — не как игрушку, а как инфраструктуру — работают принципиально иначе. Быстрее. С бо́льшим влиянием. На другом уровне автономии. Их и назвали AI Design Leaders. Это не официальная должность в штатном расписании. Это скорее характеристика практики: дизайнер, который перестроил весь рабочий процесс вокруг AI и за счёт этого выходит за пределы роли «того, кто делает макеты». В этой статье — что это за роль, как она устроена в реальных командах, какие навыки нужны и как к этому прийти.
AI-дизайнпрофессияинструментыкарьера
Исследования и UX-методы
19.06.2026 17 мин

A/B тест уничтожил мой любимый дизайн. И это был лучший урок

Я три недели рисовал этот экран. Переделывал композицию, подбирал интонацию иллюстраций, спорил с продактом про длину заголовка. На ревью дизайн хвалили, в...
VibeDesignИсследования и UX-методы
UX и интерфейсы
18.06.2026 18 мин

Аудит сайта через PageSpeed, Lighthouse и Core Web Vitals: пошаговый разбор

Google в 2021 году официально включил Core Web Vitals в алгоритм ранжирования. С тех пор скорость сайта — не только UX-показатель, но и SEO-фактор. Медленный сайт теряет позиции в поиске и конверсию одновременно. Проблема в том, что большинство команд запускают PageSpeed раз в полгода, видят оценку «47», пожимают плечами и закрывают вкладку. Потому что непонятно: что конкретно исправить, в каком порядке, и как это вообще влияет на реальных пользователей. Эта статья — практический алгоритм. Как читать отчёты, что означает каждая метрика, где искать проблемы и как их чинить. Без воды, с конкретикой.
производительностьPageSpeedLighthouseCore Web Vitals
AI-инструменты дизайна
18.06.2026 17 мин

Как концептить интерфейсы через GLM-5.2: агент кодит, дизайнер направляет

Обычный путь к UI-концепту: описал задачу → нарисовал в Figma → показал → переделал. Минимум полдня на одно направление, если надо попробовать три — день-полтора. Другой путь: описал задачу → GLM-5.2 скодил HTML/CSS прямо на z.ai → открыл в браузере → направление понятно за 10 минут. Попробовать три варианта — час. Это не замена Figma. Это другой инструмент для другого этапа — быстрое визуальное мышление до того как открывать редактор. И именно здесь GLM-5.2 работает лучше большинства альтернатив, потому что его основная специализация — именно фронтенд.
GLM-5.2концептUIворкфлоу
Исследования и UX-методы
18.06.2026 18 мин

CustDev, который не врёт: как задавать вопросы чтобы получать правду

Спросите у пяти человек, нравится ли им ваша идея — и пятеро скажут «да». Запустите продукт по этим ответам — и не купит никто. Это не баг CustDev. Это его...
VibeDesignИсследования и UX-методы
UX и интерфейсы
18.06.2026 19 мин

Agentic UX: как проектировать интерфейсы когда AI действует за пользователя

Пользователь нажимает «Забронируй мне перелёт в Лиссабон на следующие выходные подешевле» — и уходит наливать кофе. Возвращается через минуту, а агент уже...
VibeDesignUX и интерфейсы
Доступность
18.06.2026 18 мин

Красный — это ошибка? Не для всех. Почему цвет нельзя использовать как единственный сигнал

Откройте любую аналитику. Красный график — что то сломалось. Красная плашка — ошибка. Красная точка — непрочитанное, требующее внимания. Кажется, что это...
VibeDesignAccessibility
Прототипы и handoff
18.06.2026 19 мин

Figma Dev Mode: почему разработчики наконец перестали жаловаться на хендофф

Раньше передача макета в разработку выглядела примерно так. Дизайнер кидает ссылку на Figma в чат. Разработчик открывает, ищет нужный экран среди двадцати...
VibeDesignПрототипы и handoff
Брендинг и айдентика
17.06.2026 11 мин

Голос бренда и визуал говорят разное — это разрушает доверие. Как это поймать

◷ 16 мин чтения · tone of voice · визуальный язык · консистентность бренда Финтех компания. Сайт строгий, тёмно синий, засечные шрифты, минимализм — всё...
VibeDesignБрендинг и айдентика
Исследования и UX-методы
17.06.2026 17 мин

CJM за 30 минут: карта пути пользователя которую реально используют в работе

Откройте любой Miro борд с надписью «CJM» в названии. С вероятностью 80% вы увидите красивую разноцветную простыню на 12 колонок, которую сделали полгода...
VibeDesignИсследования и UX-методы