code design

user@vibecode:~$ ls ./wiki/

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

Основы VibeDesign/

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

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

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

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

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

Figma и макеты/

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

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

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

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

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

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

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

Motion и анимация/

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

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

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

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

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

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

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

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

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

Новости дизайна/

Релизы AI-дизайн инструментов, обновления Figma, Claude, Stitch и других сервисов, свежие подходы и практические разборы новинок.
8 статей

$ find ./wiki -type material

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

$ показано: 24 из 145
Новости дизайна
04.09.2026 4 мин

Figma добавила управление прозрачностью через токены: как это упрощает дизайн-системы

В Figma теперь можно связать прозрачность цвета с числовой переменной, сохранив связь с библиотекой. Разбираем, где это убирает ручные правки — и чего обновление не решает.
Figmaдизайн-системыdesign tokensUX/UI
Новости дизайна
02.09.2026 5 мин

Figma открыла генеративные плагины и шейдеры: что теперь можно передать из канваса в React

Figma расширила генеративные плагины и шейдеры: публикация в Community и внутри организации, анимация, доступ к коду и работа через MCP. Разбираем практический сценарий и границы, за которыми всё ещё нужен инженерный контроль.
FigmaAI-дизайнMCPReact
Новости дизайна
01.09.2026 4 мин

Runway Solaris: интерфейс, который генерируется в реальном времени — и почему это пока не замена веб-разработке

Runway показала Solaris — исследовательскую модель, которая создаёт интерфейс и реакцию на действия пользователя кадр за кадром. Идея меняет разговор о прототипах и бренд-опыте, но пока не подходит для ответственных продуктовых сценариев.
RunwayAI-дизайнUXгенеративный интерфейс
Новости дизайна
31.08.2026 6 мин

Figma показала, как измерять влияние ИИ на дизайн — и почему одной метрики скорости мало

Figma описала методику, которая оценивает не только ускорение работы с ИИ, но и изменения в совместной работе, продуктах и инструментах. Разбираем, что из неё можно перенести в свою команду и где заканчиваются выводы исследования самого поставщика.
FigmaAIДизайнUX-исследования
Motion и анимация
30.08.2026 19 мин

AI-видеоредакторы, управляемые через Codex и Claude Code

Какие видеоредакторы можно управлять из кодинг-агента: MCP-серверы к Premiere, Final Cut, DaVinci Resolve и After Effects, агентные редакторы video-use, Pireel, OpenChatCut, kinocut, code-first движки Remotion и Revideo. Сравнение, установка, ограничения
ВидеомонтажMCPClaudeRemotion
Дизайн-система и компоненты
03.08.2026 4 мин

Fluid Glass UI: как дать AI-агенту воспроизводимый WebGL-интерфейс вместо абстрактного промпта

Fluid Glass UI - open-source skill и WebGL-референс для интерфейсов с фиксированным визуальным ядром. Разбираем, как использовать его в AI-разработке без случайного дрейфа стиля и проблем на мобильных устройствах.
VibeDesignWebGLдизайн-системаAI-агенты
AI-инструменты дизайна
01.08.2026 6 мин

GPT-5.6 стал дешевле и быстрее: что это меняет для AI-прототипов

OpenAI обновила позиционирование GPT-5.6 по цене и производительности, а Vercel опубликовала новые тарифы и ускорение fast mode. Разбираем, где это реально влияет на дизайн-итерации.
GPT-5.6OpenAIAI-прототипированиеVercel
UX и интерфейсы
30.07.2026 3 мин

GeoLibre: открытый инструмент для пространственных интерфейсов

GeoLibre объединяет браузер, десктоп, мобильные устройства и геоданные в open-source GIS-платформе. Разбираем, почему карта становится рабочей поверхностью, а не декоративным фоном.
GeoLibreGitHubGISкарты
Дизайн-система и компоненты
30.07.2026 3 мин

75/75/75: почему дизайн-системе пора становиться исполнимой

Яндекс хочет довести участие ИИ до 75% изменений в разработке. Для дизайна это означает переход от передачи макета к передаче структурированного намерения и правил качества.
ЯндексAIдизайн-системаhandoff
Новости дизайна
30.07.2026 3 мин

ИИ-маршруты в Яндекс Картах: карта становится редакционным продуктом

Яндекс Карты добавили прогулки с фото и аудиогидами, которые составляет ИИ. Разбираем, как навигация превращается в сценарий городского опыта и что это меняет в дизайне.
Яндекс КартыAIUXкарты
Motion и анимация
26.07.2026 6 мин

Palmier Pro: видеоредактор, в котором AI-агент работает прямо в таймлайне

Palmier Pro объединяет монтаж на macOS, генеративные модели и локальный MCP-сервер: разбираем, что агент может делать в проекте, какие части открыты и кому стоит попробовать инструмент.
Palmier ProAI-видеоMCPMotion-дизайн
Motion и анимация
16.07.2026 39 мин

Figma Motion + AI: 10 промптов, которые оживят макет и усилят портфолио

Статичный макет может быть аккуратным и визуально сильным, но всё равно ощущаться как набор картинок. Пользователь не видит, как карточка раскрывается, куда уходит старый контент и что происходит после нажатия. Заказчик смотрит на двенадцать фреймов и вынужден собирать продукт у себя в голове. Короткая анимация показывает иерархию, реакцию системы и характер продукта. В портфолио она отделяет «я нарисовал экран» от «я спроектировал поведение». А Figma Motion теперь позволяет собирать движение на таймлайне, генерировать ключевые кадры через Figma Agent и передавать точные параметры в разработку через MCP. Ниже — пошаговый процесс, десять универсальных промптов и отдельная копируемая инструкция для AI-агента: переходы между экранами, нажатия, hover, loading, success, error, reduced motion и обязательный QA. Главное ограничение одно: движение должно объяснять интерфейс, а не превращать его в презентацию, где летает каждый второй заголовок.
VibeDesignFigmaMotionAI
AI-инструменты дизайна
16.07.2026 19 мин

Blender MCP: как собирать 3D-сцены, материалы и анимации через AI

Я подключил AI к Blender, дал ему максимально простой промпт без подробного ТЗ — и всё равно получил сцену, которая удивила. Разбираемся, как установить Blender MCP и превратить первый вау-эффект в нормальный 3D-воркфлоу.
VibeDesign3DAIMCP
Исследования и UX-методы
16.07.2026 19 мин

Тестирование непредсказуемого: как проверять интерфейс когда поведение AI меняется каждый раз

Как тестировать интерфейсы с непредсказуемым AI: сценарии, крайние случаи, fallback-состояния, ручная проверка и метрики качества UX.
VibeDesignИсследования и UX-методы
Брендинг и айдентика
14.07.2026 13 мин

Визуальный язык бренда: почему одних запоминают, а других — нет

◷ 16 мин чтения · брендинг · визуальная идентичность · дизайн система Возьми два бренда из одной категории — скажем, два кофейных стартапа. Оба с хорошим...
VibeDesignБрендинг и айдентика
Исследования и UX-методы
13.07.2026 18 мин

Hotjar, Clarity и аналоги: что видно когда смотришь как люди кликают по твоему сайту

Как использовать Hotjar, Microsoft Clarity и аналоги для анализа поведения: клики, записи сессий, тепловые карты и практические выводы для UX.
VibeDesignИсследования и UX-методы
Прототипы и handoff
12.07.2026 19 мин

Что разработчик хочет от хендоффа на самом деле — и почему большинство дизайнеров это не дают

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