AI-дизайн без нейрослопа: Pixel Perfect, скиллы и дизайн-системы | ИИ — не новости

Описание

Обсуждаем дизайн через ограничения вместо промптов, компоненты в мире дешёвой генерации кода, мудборды и ImageGen, консистентность AI-графики и то, нужен ли дизайну собственный Spec-Driven Development.

В выпуске

• Скиллы для AI-дизайна и новый нейрослоп
• Дизайн-система: зачем ограничивать возможности агента
• Как добиться Pixel Perfect от AI-агента
• Pixel Perfect есть. Системы нет
• Зачем нужны компоненты, если код теперь дешёвый
• Дизайн с нуля: мудборды, ImageGen и пебблморфизм
• Почему AI умеет нарисовать стиль, но не умеет его описать
• Как сохранять персонажей и стиль в AI-графике
• Нужен ли дизайну свой Spec-Driven Development
• Figma, код или дизайн-система: где источник истины
• Как должна выглядеть дизайн-система для AI
• Может ли 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/