Обзор модуля
От текстового описания до рабочего прототипа за минуты. Этот модуль покрывает ключевые инструменты prompt-to-UI: нативный Figma AI с кредитной системой, Figma Make на базе Claude Opus 4.6, бесплатный Google Stitch с голосовым управлением и генераторы кода v0 и Magic Patterns.
Вы попробуете каждый инструмент на практике и в финальном уроке сравните результаты трёх подходов на одном брифе.
Уровень: Для начинающих (программирование не требуется) Время: ~3 часа Предварительные знания: Базовое знакомство с Figma
Чему вы научитесь
[+] Ориентироваться в кредитной системе Figma AI и планировать расход на проект [+] Создавать интерактивные прототипы через Figma Make с библиотеками компонентов [+] Работать с Google Stitch: Vibe Design, Voice Canvas, экспорт кода в IDE [+] Генерировать React-компоненты через v0 и работать с дизайн-системами в Magic Patterns [+] Выбирать инструмент под задачу и комбинировать их в рабочем процессе
Содержание модуля
Модуль состоит из 5 уроков: 4 инструментальных и 1 практический.
Урок 1: Figma AI — что реально работает
30 мин | Открыть урок
Кредитная система с 18 марта 2026: лимиты ужесточены, бесплатный план — 150 кредитов в день. Какие AI-фичи экономят время, а какие просто красиво выглядят в демо.
Ключевые темы:
- Кредитная система: сколько стоит каждая операция на практике
- First Draft, удаление фона, векторизация, auto-rename
- Starter (бесплатно, 150/день) vs Professional ($12, 3 000/мес)
- Доступность из РФ: бесплатный план работает, оплата платных заблокирована
Урок 2: Figma Make — прототип из промпта
35 мин | Открыть урок
Figma Make на базе Claude Opus 4.6: от текстового описания к интерактивному прототипу с рабочими кнопками. MCP-интеграция для двустороннего обмена между Figma и IDE.
Ключевые темы:
- Промпт-генерация UI с интерактивными элементами
- Подключение библиотек компонентов и Copy Design
- MCP-интеграция: двусторонний обмен код-дизайн
- Figma Make vs Figma Sites — когда что
Урок 3: Google Stitch и другие AI-генераторы UI
30 мин | Открыть урок
Major update 19 марта 2026: AI-native infinite canvas, Voice Canvas для голосовых правок. Полностью бесплатно. Из России — только через VPN.
Ключевые темы:
- Vibe Design: описание ощущения вместо спецификации
- Voice Canvas — голосовые правки в реальном времени
- Кодогенерация: HTML, Tailwind, React
- Доступ из РФ: VPN обязателен
Урок 4: v0, Magic Patterns и UX Pilot
30 мин | Открыть урок
v0 от Vercel генерирует React-код с one-click deploy. Magic Patterns работает с вашей дизайн-системой. UX Pilot — вайрфреймы прямо в Figma.
Ключевые темы:
- v0: токенная система, от $0 до $20/мес
- Magic Patterns: импорт дизайн-систем, Chrome-расширение
- UX Pilot: вайрфреймы и hi-fi экраны прямо в Figma
- Все три работают из РФ без VPN
Урок 5: Практика — прототип тремя способами
40 мин | Открыть урок
Один бриф — три инструмента: Figma Make, Google Stitch, v0. Создаёте прототип каждым и сравниваете по 5 критериям.
Ключевые темы:
- Единый бриф: лендинг для SaaS-продукта
- Прототипирование в Figma Make, Google Stitch и v0
- Оценка: скорость, качество, кастомизация, код, итерации
- Выбор инструмента под тип задачи
Часто задаваемые вопросы
Нужен ли платный план Figma? Для знакомства с Figma AI достаточно Starter (бесплатно, 150 кредитов в день). Figma Make доступен на всех планах. Для ежедневной работы в команде — Professional ($12/мес, 3 000 кредитов).
Что доступно из России? Figma Starter работает без ограничений. Платные планы заблокированы — нужна зарубежная карта. Google Stitch требует VPN. v0 и Magic Patterns работают без ограничений.
Нужно ли уметь программировать? Нет. Все инструменты модуля работают через визуальный интерфейс или чат. v0 и Magic Patterns генерируют код автоматически — его полезно понимать, но писать не нужно.