VibeDesign

$ tail ./news/

Новости и обновления дизайна

Смотреть всё
16.07.2026 39 мин

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

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

$ leadbot --latest

Последние вакансии

Свежие вакансии и разовые задачи из Telegram-парсинга и ручных публикаций заказчиков.

Вакансия Telegram QA

Junior Manual QA Engineer (Mobile)

Buddy AI
Регион: Европа и страны СНГБюджет: $1K — $1,4KФормат: УдаленноЗанятость: Full-timeОпыт: junior
Manual QAMobile testing

Junior Manual QA Engineer (Mobile) в Buddy AI — образовательный стартап, разработавший популярного голосового ИИ-репетитора для детей (обычно от 4 до 10 лет). $1K — $1,4K. Локация: Европа и страны СНГ. Удалённая работа. Ищет Арман Саргсян.

Вакансия Telegram Программирование

Staff Software Engineer, Android Growth Systems and App Foundations

Google Staff Software Engineer
Регион: London, UKФормат: ОфисЗанятость: Full-timeОпыт: senior
KotlinJetpack ComposeMaterial DesignData structures/algorithms

Staff Software Engineer position for Android Growth Systems and App Foundations at Google in London, UK. Key skills include Kotlin, Jetpack Compose, Material Design, data structures/algorithms, and technical leadership.

Вакансия Telegram Менеджмент

Senior Product Manager

BCC Hub
Регион: Регион не указанОпыт: senior

BCC Hub — технологический хаб, создающий IT-продукты и инфраструктуру для финансового рынка. Ищет Senior Product Manager.

Вакансия Telegram QA

Junior Manual QA Engineer (Mobile)

Buddy AI
Регион: Европа и страны СНГБюджет: $1K — $1,4KФормат: УдаленноЗанятость: Full-timeОпыт: junior
Manual QAMobile

Buddy AI — образовательный стартап, разработавший популярного голосового ИИ-репетитора для детей (обычно от 4 до 10 лет). Ищет Junior Manual QA Engineer (Mobile). Локация: Европа и страны СНГ. Удалённая работа.

Вакансия Telegram Менеджмент

Региональный представитель

FAROS GROUP
Регион: Регион не указанБюджет: от 80 000 до 120 000 ₽Занятость: Full-time

FAROS GROUP ищет регионального представителя. Зарплата от 80 000 до 120 000 ₽. Подробности по ссылке.

Вакансия Telegram Универсал

Специалист по просмотру видеоконтента

Регион: Регион не указанБюджет: от 70 000 ₽ + бонусыФормат: УдаленноЗанятость: Full-timeОпыт: без опытаГрафик: свободный график

Требуется специалист по просмотру видеоконтента. Доход от 70 000 ₽ + бонусы. Полностью удалённая работа, свободный график. Бесплатное обучение, без опыта. Работа с телефона или ПК. Что нужно делать: просматривать видеоматериалы по рабочим заданиям,...

$ entry --scenarios
Основы VibeDesign Как устроен VibeDesign: бриф, процесс, роли, насмотренность, критерии качества и работа с ИИ как с дизайн-партнером.
UX и интерфейсы Сценарии пользователя, структура экранов, навигация, формы, типографика, читаемость и интерфейсные решения без лишнего шума.
Исследования и UX-методы Интервью, CJM, Jobs To Be Done, быстрые UX-проверки, гипотезы, пользовательские боли и способы принимать дизайн-решения на фактах.
Figma и макеты Wireframe, auto-layout, компоненты, сетки, подготовка экранов, аккуратная структура файла и практическая работа с Figma через ИИ.
AI-инструменты дизайна Claude Design, Open Design, Google Stitch, Pencil.dev и другие инструменты: где они ускоряют работу, а где требуют контроля дизайнера.
Дизайн-система и компоненты Токены, цвета, типографика, UI-kit, состояния компонентов, паттерны интерфейса и единый визуальный язык продукта.
Брендинг и айдентика Позиционирование, визуальный стиль, логотипы, тон коммуникации, бренд-система и упаковка продукта для узнаваемости и доверия.
Motion и анимация Микроанимации, переходы, интерактивные состояния, motion-принципы и анимация, которая помогает интерфейсу, а не отвлекает.
Прототипы и handoff Кликабельные прототипы, сценарии, спецификации, handoff в разработку, контроль реализации и приемка интерфейса после сборки.

$ cat start.md

Смотреть всё
16.07.2026 39 мин

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

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

$ ls ./wiki/

Вики по дизайну

Смотреть всё
01
Основы VibeDesign/ Как устроен VibeDesign: бриф, процесс, роли, насмотренность, критерии качества и работа с ИИ как с дизайн-партнером.
9 статей
02
UX и интерфейсы/ Сценарии пользователя, структура экранов, навигация, формы, типографика, читаемость и интерфейсные решения без лишнего шума.
20 статей
03
Исследования и UX-методы/ Интервью, CJM, Jobs To Be Done, быстрые UX-проверки, гипотезы, пользовательские боли и способы принимать дизайн-решения на фактах.
9 статей
04
Figma и макеты/ Wireframe, auto-layout, компоненты, сетки, подготовка экранов, аккуратная структура файла и практическая работа с Figma через ИИ.
17 статей
05
AI-инструменты дизайна/ Claude Design, Open Design, Google Stitch, Pencil.dev и другие инструменты: где они ускоряют работу, а где требуют контроля дизайнера.
12 статей
06
Дизайн-система и компоненты/ Токены, цвета, типографика, UI-kit, состояния компонентов, паттерны интерфейса и единый визуальный язык продукта.
10 статей
07
Брендинг и айдентика/ Позиционирование, визуальный стиль, логотипы, тон коммуникации, бренд-система и упаковка продукта для узнаваемости и доверия.
12 статей
08
Motion и анимация/ Микроанимации, переходы, интерактивные состояния, motion-принципы и анимация, которая помогает интерфейсу, а не отвлекает.
11 статей
09
Прототипы и handoff/ Кликабельные прототипы, сценарии, спецификации, handoff в разработку, контроль реализации и приемка интерфейса после сборки.
11 статей
10
Редизайн и аудит/ UX-аудит, визуальная диагностика, обновление сайта или продукта, сохранение SEO и план релиза без поломки текущих сценариев.
10 статей
11
Доступность/ Контраст, фокус, клавиатурная навигация, читаемость, aria-паттерны и интерфейсы, которыми удобно пользоваться разным людям.
9 статей
12
Новости дизайна/ Релизы AI-дизайн инструментов, обновления Figma, Claude, Stitch и других сервисов, свежие подходы и практические разборы новинок.
3 статьи