AI-дизайн без нейрослопа: Pixel Perfect, скиллы и дизайн-системы
Shownotes
Выпуск на YouTube: https://youtu.be/w0ki7hLkbBE
— Почему топовые AI-модели уже способны сделать вполне приличный интерфейс — но стоит всем подключить один удачный скилл, и сайты снова начинают выглядеть одинаково?
— Как заставить AI-агента верстать Pixel Perfect без бесконечного цикла «скриншот → исправление → ещё один скриншот» — и почему точного совпадения с макетом всё равно недостаточно?
— Нужна ли вообще Figma, если и дизайн, и код создаёт одна и та же модель? И что тогда должно стать источником истины: макет, код, Storybook или семантическая дизайн-система?
ТАЙМСТАМПЫ
00:00 — ИИ — не новости
00:17 — Скиллы для AI-дизайна и новый нейрослоп
03:12 — Дизайн-система: зачем ограничивать возможности агента
06:28 — Как добиться Pixel Perfect от AI-агента
08:48 — Pixel Perfect есть. Системы нет
11:23 — Зачем нужны компоненты, если код теперь дешёвый
13:41 — Дизайн с нуля: мудборды, ImageGen и пебблморфизм
18:43 — Почему AI умеет нарисовать стиль, но не умеет его описать
20:45 — Как сохранять персонажей и стиль в AI-графике
23:22 — Нужен ли дизайну свой Spec-Driven Development
24:23 — Figma, код или дизайн-система: где источник истины
28:32 — Как должна выглядеть дизайн-система для AI
29:46 — Может ли Storybook заменить Figma?
В ВЫПУСКЕ УПОМИНАЮТСЯ
* Доклад «Агентский цикл разработки интерфейсов» — https://jokerconf.com/talks/20011479/
* DESIGN.md — https://blog.google/innovation-and-ai/models-and-research/google-labs/stitch-design-md/
* Спецификация DESIGN.md — https://github.com/google-labs-code/design.md?utm_source=chatgpt.com
* Polar — “Building an LLM safe design system” — та самая статья про Orbit, вокруг которой идёт существенная часть первой половины разговора — https://polar.sh/blog/orbit-llm-safe-design-system
* skills.sh — Design & UI skills — https://www.skills.sh/topic/design
* Anthropic `frontend-design` — https://github.com/anthropics/skills/blob/main/skills/frontend-design/SKILL.md
* Vercel `web-design-guidelines` — https://github.com/vercel-labs/agent-skills/tree/main/skills/web-design-guidelines
* UI Skills — https://www.ui-skills.com/
* dotfiles Сергея — https://sourcecraft.dev/veged/dotfiles
* create-slidev-theme — скилл для создания презентаций Slidev — https://sourcecraft.dev/veged/create-slidev-theme
* Сайт Владимира https://grinenko.pro
* Figma MCP — https://developers.figma.com/docs/figma-mcp-server/
* Claude Design — https://claude.com/product/design
* Paper — https://paper.design/
* Pencil aka pen.dev — https://www.pen.dev/
* Storybook — https://storybook.js.org/
* Spec-Driven Development — https://specdriven.com/
О ПОДКАСТЕ
«ИИ — не новости» — регулярный видеоподкаст Владимира Гриненко https://grinenko.pro и Сергея Бережного https://veged.ru об искусственном интеллекте после первого шума.
Мы не пытаемся пересказать всё, что произошло за неделю. Вместо этого разбираемся:
— что здесь действительно новое, а что просто переименовали;
— для кого меняются правила игры;
— какие последствия уже видны, а какие пока существуют только в прогнозах;
— что стоит делать прямо сейчас, за чем наблюдать, а что можно спокойно пропустить.
Подписывайтесь, если хотите раз в неделю обновлять свою картину мира об ИИ, не превращая слежение за AI-новостями во вторую работу.