VibeDesign

$ tail ./news/

Design news and updates

View all
7/16/2026 39 min

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

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

$ leadbot --latest

Latest jobs

Fresh jobs and one-off tasks from Telegram parsing and customer submissions.

Вакансия Telegram QA

Junior Manual QA Engineer (Mobile)

Buddy AI
Region: Европа и страны СНГBudget: $1K — $1,4KFormat: УдаленноType: Full-timeExperience: 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
Region: London, UKFormat: ОфисType: Full-timeExperience: 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
Region: Регион не указанExperience: senior

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

Вакансия Telegram QA

Junior Manual QA Engineer (Mobile)

Buddy AI
Region: Европа и страны СНГBudget: $1K — $1,4KFormat: УдаленноType: Full-timeExperience: junior
Manual QAMobile

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

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

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

FAROS GROUP
Region: Регион не указанBudget: от 80 000 до 120 000 ₽Type: Full-time

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

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

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

Region: Регион не указанBudget: от 70 000 ₽ + бонусыFormat: УдаленноType: Full-timeExperience: без опытаSchedule: свободный график

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

$ entry --scenarios

$ cat start.md

View all
7/16/2026 39 min

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

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

$ ls ./wiki/

Design wiki

View all
01
Basics of VibeDesign/ Base to start: roles, process, brief, taste, visibility and work with an AI designer.
9 articles
02
UX and interfaces/ Screen structure, navigation, shapes, readability, typography and user scenarios.
20 articles
03
Research and UX Methods/ Интервью, CJM, Jobs To Be Done, быстрые UX-проверки, гипотезы, пользовательские боли и способы принимать дизайн-решения на фактах.
9 articles
04
Figma and layouts: practical AI-assisted interface work/ A practical Figma hub for wireframes, auto layout, components, file structure and AI-assisted interface work.
17 articles
05
AI Design Tools/ Claude Design, Open Design, Google Stitch, Pencil.dev and other AI-powered design tools.
12 articles
06
Design system and components/ Colors, tokens, UI-kit, components, states, patterns and a single visual language of the product.
10 articles
07
Branding and identity/ Позиционирование, визуальный стиль, логотипы, тон коммуникации, бренд-система и упаковка продукта для узнаваемости и доверия.
12 articles
08
Motion and animation/ Микроанимации, переходы, интерактивные состояния, motion-принципы и анимация, которая помогает интерфейсу, а не отвлекает.
11 articles
09
Prototypes and handoffs/ Quick prototypes, clickable scripts, transfer to development and implementation control.
11 articles
10
Redesign and audit/ Website Update, UX Audit, Visual Verification, SEO Preservation and Chaos-Free Release.
10 articles
11
Accessibility/ Contrast, focus, keyboard navigation, readability, aria patterns and interfaces that are convenient for different people to use.
9 articles
12
Design news/ Releases AI-design tools, fresh approaches, updates Figma/Claude/Stitch and analysis of new products.
4 articles