Переключить тему

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 SMM Горячее

Опыт в SMM

Регион: УдаленноБюджет: 60 000 ₽

Опыт в SMM, запусках, прогревах и маркетинге от 3 лет. Опыт в нише психологии и понимание аудитории предпринимателей. Умение видеть проект целиком и связывать контент с продажами. Сильный копирайтинг и умение передавать стиль и смыслы эксперта.

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

Media Buyer | Binary Options / Trading ☄️ ☄️

Регион: Удаленно

Ищем специалистов в команду! Сейчас открыты две позиции : ✨ Facebook Media Buyer — работа со всеми GEO. ✨ VK Media Buyer — работа с RU-трафиком. Запускать и масштабировать рекламные кампании в Facebook или VK

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

Middle/Senior Python разработчик

Staffcop Enterprise
Регион: Регион не указанФормат: УдаленноЗанятость: Full-timeОпыт: middle+
PythonDjangoPostgreSQLLinux

Middle/Senior Python разработчик. Грейд: Middle/Senior. Стек: Python, Django, PostgreSQL, Linux, AI agents, Prompt engineering. Разработка и развитие серверной части продукта Staffcop Enterprise: сбор и хранение данных, управление конфигурациями агентов,...

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

Senior React Developer

Asterium
Регион: Регион не указанФормат: ОфисЗанятость: Full-timeОпыт: senior
ReactJavaScriptTypeScriptHTML5

Asterium — динамично развивающаяся крипто-экосистема. Мы ищем опытного Senior React-разработчика, который возглавит фронтенд-разработку платежных виджетов, мерчант-порталов и криптопроцессинговых интерфейсов.

Разовая задача Telegram Дизайн

Дизайнер для оформления постов в Telegram

Регион: Регион не указанФормат: УдаленноЗанятость: Фриланс
ДизайнОформление постов

Ищу дизайнера, который придумает оформление для постов в Telegram-канале по интерактивам и т.д., чтобы потом под это оформление подгонять другой текст. Можно просто одно оформление текста и все. Оплата рубли или звезды.

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

Редактор онлайн-магазинов в соцсетях

Редактор
Регион: Регион не указанБюджет: 2000₽ в деньФормат: УдаленноЗанятость: Part-time

Нужен редактор онлайн-магазинов в соцсетях. Обязанности: загружать фото и описание товаров, чистить негативные комментарии и спам. Оплата: 2000₽ в день за 3-4 часа работы.

$ 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-проверки, гипотезы, пользовательские боли и способы принимать дизайн-решения на фактах.
8 статей
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 статьи