amoorkie

1follower

Follow

114 published articles

Search by title

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

AGENTS.md, CLAUDE.md, .cursorrules: какой формат читает ваш AI и как это настроить

Ты открываешь Cursor, Lovable или Claude Code и описываешь задачу. AI начинает работать. Но откуда он знает что твои кнопки называются Button/Primary, а не btn-main? Что у тебя запрещён Inter? Что в папку src/lib/billing/ заходить нельзя? Не знает — если ты не сказал. И каждый раз объяснять это заново в промпте — это не воркфлоу, это потеря времени. Для этого существуют steering-файлы: markdown-документы в репозитории которые AI читает автоматически до того как начать работу. В 2024–2025 каждый инструмент придумал свой формат. В 2026 появился стандарт — но старые форматы никуда не делись.

• VibeDesign
• DESIGN.md
• CLAUDE.md
• AGENTS.md
• воркфлоу

6/13/20260views0reactions

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

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

Открой пять стартап-лендингов запущенных в 2026 году. Фиолетово-синий градиент на герое. Inter или Roboto. Три карточки с иконками. Кнопка «Get Started». Блок с логотипами клиентов. Это не совпадение и не тренд. Это структурная проблема — и она называется distributional convergence.

• VibeDesign
• AI-дизайн
• дизайн-система
• DESIGN.md
• брендинг
• SKILL.md

6/13/20260views0reactions

Figma и макеты

Vibe Coding для дизайнеров: что это меняет в профессии прямо сейчас

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

• VibeDesign
• AI-дизайн
• карьера
• воркфлоу
• Figma Make
• профессия

6/13/20260views0reactions

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

Три слоя Vibe Design: на каком этапе какой инструмент реально работает

Все видели это: дизайнер за час генерирует экран, который выглядит готовым продуктом. Потом открывают второй экран — и всё рассыпается. Другой компонент, другой отступ, другая кнопка. Это не проблема инструментов. Это проблема того, что инструменты перепутали по назначению. В 2026 году у каждого слоя работы есть свой класс инструментов. Использовать Lovable там где нужен Cursor — это как делать финальную вёрстку в Figma Make. Технически возможно, практически больно.

• VibeDesign
• AI-дизайн
• Figma Make
• Lovable
• Claude Code
• воркфлоу
• инструменты

6/13/20260views0reactions

Прототипы и handoff

Google Flow: как создать видеоролик с нуля — от промпта до экспорта

Ты открываешь Flow, видишь чистый холст и поле для ввода текста. Кажется, что достаточно написать «красивый закат» — и готово. Через 40 секунд получаешь восемь секунд размытого неба без звука и настроения. Дело не в инструменте — дело в том, что Flow работает по другой логике, чем большинство AI-генераторов. Он ближе к съёмочной площадке, чем к поисковику картинок.

• Google Flow
• Veo 3
• AI-видео
• видеогенерация
• промпты
• практический гайд
• Google AI

6/12/20260views0reactions

Основы VibeDesign

Как запустить сервис самому: всё что дают на курсах по вайбкодингу — в одной статье

Дизайнер, который умеет вайбкодить, не зависит от разработчика. У него есть идея сервиса — и через день-два есть живая ссылка которую можно дать кому угодно. Это не ноукод. Код настоящий — просто его пишет агент, а не вы. Ваша работа — понять задачу, описать её точно, проверить результат и дать конкретный фидбэк. Именно это дизайнеры умеют лучше большинства разработчиков. Руководство построено по логике реального проекта: инструменты → спека → интерфейс → деплой → база данных с авторизацией → AI-функции и интеграции → тесты → портфолио.

• Claude Code
• Codex
• вайбкодинг
• Next.js
• Supabase
• деплой
• спека
• OpenRouter

6/11/20260views0reactions

Figma и макеты

Figma + Claude Code + React: дизайн-система своими руками — без платных курсов

Обычно дизайн-система живёт в двух местах, которые никак не связаны между собой. В Figma — компоненты, токены, правила. В коде — что-то похожее, но по-своему. Дизайнер обновил цвет кнопки — разработчик узнал об этом через неделю на ревью. Или не узнал вообще. Claude Code закрывает этот разрыв. Figma подключается к Claude как источник данных через MCP. Claude читает токены напрямую из дизайн-файла, генерирует React-компоненты точно по ним, может сам рисовать в Figma и писать в неё документацию. Это руководство — полный путь: от установки до задеплоенного прототипа из ваших компонентов. Кодить не нужно. Нужно уметь писать промпты. Важный момент: большинство шагов ниже — установка проекта, Git, структура папок, создание файлов — вам делать руками не обязательно. Claude Code умеет делать это сам по промпту. Шаги описаны подробно чтобы понимать что происходит, но в реальной работе достаточно написать агенту что нужно на выходе — и он разберётся сам.

• Claude Code
• VibeDesign
• Figma
• React
• дизайн-система
• MCP
• Next.js
• CLAUDE.md

6/11/20260views0reactions

Figma и макеты

Твой экран никто не читает. Вот почему — и как это поменять

Пользователи не читают экраны. Они их сканируют. Nielsen Norman Group провела масштабные исследования с айтрекингом: 232 участника, тысячи страниц. Вывод один — взгляд двигается по предсказуемым маршрутам и пропускает большую часть текста. Это значит, что текст, который вы тщательно выверяли, большинство пользователей просто не увидят. И красивый дизайн работает только если в нём правильно расставлены точки остановки для взгляда.

• UX
• UI
• VibeDesign
• иерархия
• типографика
• сканирование
• Figma
• первый экран

6/13/20260views0reactions

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

AI выдал плохой результат — как это заметить до того, как увидит заказчик

AI-генераторы дизайна стали быстрее и точнее, но у них по-прежнему есть характерный класс проблем. Не грубых ошибок — именно тихих, которые не бросаются в глаза сразу, но которые заказчик замечает, когда видит экран впервые. И тогда вы объясняете, а не показываете работу. Задача дизайнера — поймать эти проблемы до показа, а не после. В этой статье — конкретные сигналы того, что результат требует доработки, и чеклист для быстрой проверки.

• VibeDesign
• AI-дизайн
• Google Stitch
• Figma Make
• чеклист
• UI
• промпты

6/13/20260views0reactions

Figma и макеты

7 ошибок в AI-дизайне, из-за которых тебя не возьмут на работу

С AI-инструментами дизайнеры начали делать больше — и допускать новый класс ошибок. Не те, что были раньше («забыл про состояния», «нет сетки»), а специфические: те, которые возникают именно из-за того, как работает генерация. Нанимающий менеджер их видит сразу — особенно если сам умеет работать с AI. Вот семь таких ошибок.

• VibeDesign
• AI-дизайн
• Figma
• портфолио
• промпты
• UI
• UX
• карьера

6/13/20260views0reactions

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

Я сделал рабочий экран за 58 минут с нуля и вот как

Раньше экран в Figma — это часа три минимум. Сначала ищешь референсы, потом строишь сетку, потом переставляешь компоненты, потом переделываешь, потому что «что-то не то». Сейчас это 58 минут от пустого холста до макета, который можно показывать. Это не «AI нарисует всё сам». Это конкретный воркфлоу, где ИИ закрывает рутину, а ты занимаешься решениями. Разберём по шагам — с промптами, таймингом и типичными граблями.

• VibeDesign
• Figma
• Google Stitch
• Figma Make
• промпты
• AI-дизайн
• UI воркфлоу

6/10/20260views0reactions

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

Как работать с AI-ассистентами в дизайне

Большинство людей работают с AI-ассистентами одинаково: пишут запрос, получают результат, если не нравится — пишут заново. Это работает. Но это не то как работают люди, которые получают от AI стабильно хороший результат. Разница не в инструменте. Разница в том, как вы с ним разговариваете.

• ai-assistants
• workflow
• prompting
• vibe-design
• tools
• design-2026

6/13/20260views0reactions