{"name":"Справочный центр UXMagic","description":"Официальная документация по продукту UXMagic — ИИ-инструменту для UI/UX-дизайна, который превращает промпты, скриншоты, наброски, адреса сайтов и файлы Figma в редактируемые макеты интерфейсов высокой детализации и готовый к продакшену код.","url":"https://uxmagic.ai/ru/help","locale":"ru","sourceUrl":"https://uxmagic.ai/help.json","generatedAt":"2026-09-09T07:40:25.212Z","version":1,"categories":[{"id":"getting-started","title":"Начало работы","description":"Всё, что нужно, чтобы пройти путь от пустого холста до первого готового экрана — и та горстка понятий, без которых остальной UXMagic не складывается в картину.","url":"https://uxmagic.ai/ru/help/getting-started","articleSlugs":["what-is-uxmagic","create-your-first-project","the-canvas","writing-a-good-prompt","keyboard-shortcuts","account-and-profile"]},{"id":"generate","title":"Генерация макетов","description":"Шесть способов вывести экран на холст: промпт, скриншот, набросок, адрес сайта, файл Figma или документ.","url":"https://uxmagic.ai/ru/help/generate","articleSlugs":["ways-to-generate-a-screen","text-to-ui","screenshot-to-ui","sketch-to-ui","clone-a-website","import-from-figma","design-from-a-document","wireframe-mode","flow-mode-and-screen-plans"]},{"id":"design-and-edit","title":"Дизайн и правки","description":"Доведите до ума то, что выдал ИИ: точечные правки, темы, типографика, изображения, версии и адаптивные варианты.","url":"https://uxmagic.ai/ru/help/design-and-edit","articleSlugs":["editing-a-screen","chat-editing","themes-and-style-guides","fonts-and-typography","images-in-your-designs","versions-and-history","responsive-variants","component-libraries"]},{"id":"export-and-handoff","title":"Экспорт и передача","description":"Заберите макеты: Figma, HTML/React/Tailwind, GitHub, Framer, Webflow, WordPress и PDF.","url":"https://uxmagic.ai/ru/help/export-and-handoff","articleSlugs":["export-to-figma","export-code","export-to-framer-and-webflow","wordpress-publish","export-pdf-and-images","export-to-canva"]},{"id":"publish","title":"Публикация сайта","description":"Превратите проект в настоящий сайт на поддомене uxmagic.io или на своём домене — с превью, откатами и снятием с публикации.","url":"https://uxmagic.ai/ru/help/publish","articleSlugs":["publish-your-first-site","subdomains-and-urls","custom-domains","redeploy-and-rollback"]},{"id":"collaborate","title":"Доступ и совместная работа","description":"Делитесь проектами, приглашайте участников, ведите команду с общими кредитами и собирайте обратную связь через комментарии.","url":"https://uxmagic.ai/ru/help/collaborate","articleSlugs":["share-a-project","share-a-preview","teams-and-seats","comments-and-feedback","community-and-inspiration"]},{"id":"integrations","title":"Интеграции и разработка","description":"Подключите UXMagic к своей среде разработки, репозиторию, CMS и ИИ-ассистенту — MCP-сервер, API-ключи, плагин Figma и GitHub.","url":"https://uxmagic.ai/ru/help/integrations","articleSlugs":["mcp-server","api-keys","figma-plugin","github-sync","connect-uxmagic-to-ai-assistants"]},{"id":"account-and-billing","title":"Тарифы, кредиты и оплата","description":"Сколько стоит каждое действие, что входит в каждый тариф и как устроены смена тарифа, счета, отмена подписки и реферальная программа.","url":"https://uxmagic.ai/ru/help/account-and-billing","articleSlugs":["how-credits-work","plans-and-limits","upgrade-or-downgrade","billing-and-invoices","refunds","cancel-your-subscription","earn-free-credits","referral-program","delete-your-account"]},{"id":"troubleshooting","title":"Решение проблем","description":"Что делать с тем, на что люди действительно натыкаются: пустые экраны, пропавшие стили, битые изображения, неудачные экспорты и зависшие генерации.","url":"https://uxmagic.ai/ru/help/troubleshooting","articleSlugs":["i-ran-out-of-credits","blank-or-empty-screens","style-guide-did-not-apply","images-are-broken-or-missing","clone-came-out-blank-or-partial","figma-export-failed","my-changes-reverted","the-ai-is-not-following-my-brief","generation-is-slow-or-stuck","charts-or-animations-not-rendering","contact-support"]}],"articles":[{"slug":"what-is-uxmagic","category":"getting-started","categoryTitle":"Начало работы","title":"Что такое UXMagic?","description":"UXMagic превращает промпт, скриншот, набросок, адрес сайта или файл Figma в редактируемые экраны интерфейса высокой детализации, которые можно экспортировать в Figma или в код.","url":"https://uxmagic.ai/ru/help/getting-started/what-is-uxmagic","type":"guide","keywords":["обзор","что делает uxmagic","генератор интерфейсов на ии","введение"],"headings":["Чем это отличается от чат-бота, который пишет HTML","Как выглядит типичная сессия","Для кого это","Чем это не является","Куда дальше"],"updated":"2026-08-27","faqs":[],"related":["create-your-first-project","the-canvas","how-credits-work"],"markdown":"UXMagic — это ИИ-инструмент для UI/UX-дизайна. Вы описываете, чего хотите, — или даёте ему скриншот, набросок от руки, адрес сайта либо готовый файл Figma — и получаете **настоящие редактируемые экраны интерфейса**: продуманную раскладку, связную систему цвета и типографики и вёрстку, которую можно экспортировать в Figma или в продакшен-код.\n\n## Чем это отличается от чат-бота, который пишет HTML\n\nТремя вещами:\n\n1. **Он проектирует на холсте, а не в окне чата.** Экраны лежат рядом друг с другом на бесконечном холсте, поэтому сценарий оплаты — это пять экранов, которые вы видите вместе, а не пять отдельных ответов.\n2. **Он держит тему.** Цвета, шрифты, радиусы и отступы хранятся как дизайн-токены проекта. Скажите «сделай тёмным» — и все экраны поедут вместе, а не один уйдёт в сторону от остальных.\n3. **Он экспортирует туда, где это пригодится.** В Figma с настоящим auto-layout, в HTML/React/Tailwind или на опубликованный сайт на вашем домене — а не в скриншот.\n\n## Как выглядит типичная сессия\n\nВы создаёте проект, пишете, чего хотите, и ИИ предлагает набор экранов. Вы утверждаете или правите этот план, а он проектирует экраны один за другим у вас на глазах. Дальше вы дорабатываете в чате («сделай герой-блок выше», «используй наш фирменный синий») либо заходите внутрь экрана и правите текст и картинки напрямую.\n\nКогда всё нравится — экспортируете или публикуете как живой сайт.\n\n## Для кого это\n\n- **Основатели и продакт-менеджеры**, которым нужен убедительный интерфейс, чтобы показать пользователям, инвесторам или разработке до найма дизайнера.\n- **Дизайнеры**, которые хотят получить первые 80 % экрана сгенерированными и потратить своё время на последние 20 %.\n- **Разработчики**, которым нужен настоящий фронтенд без ручной вёрстки пяти лендингов.\n- **Агентства**, которые быстро выдают концепты клиентам.\n\n## Чем это не является\n\nЭто не замена полноценному дизайн-инструменту для попиксельной иллюстрации и не среда разработки. Он очень быстро приводит вас к структурированной отправной точке высокой детализации, а затем аккуратно передаёт работу в Figma, в ваш репозиторий или в веб.\n\n## Куда дальше\n\n- [Создайте первый проект](/help/getting-started/create-your-first-project) — версия на пять минут.\n- [Как работают кредиты](/help/account-and-billing/how-credits-work) — сколько стоит каждое действие, чтобы ничего не удивляло.\n- [Все способы создать экран](/help/generate/ways-to-generate-a-screen) — все шесть отправных точек.","text":"UXMagic — это ИИ-инструмент для UI/UX-дизайна. Вы описываете, чего хотите, — или даёте ему скриншот, набросок от руки, адрес сайта либо готовый файл Figma — и получаете настоящие редактируемые экраны интерфейса: продуманную раскладку, связную систему цвета и типографики и вёрстку, которую можно экспортировать в Figma или в продакшен-код. Чем это отличается от чат-бота, который пишет HTML Тремя вещами: 1. Он проектирует на холсте, а не в окне чата. Экраны лежат рядом друг с другом на бесконечном холсте, поэтому сценарий оплаты — это пять экранов, которые вы видите вместе, а не пять отдельных ответов. 2. Он держит тему. Цвета, шрифты, радиусы и отступы хранятся как дизайн-токены проекта. Скажите «сделай тёмным» — и все экраны поедут вместе, а не один уйдёт в сторону от остальных. 3. Он экспортирует туда, где это пригодится. В Figma с настоящим auto-layout, в HTML/React/Tailwind или на опубликованный сайт на вашем домене — а не в скриншот. Как выглядит типичная сессия Вы создаёте проект, пишете, чего хотите, и ИИ предлагает набор экранов. Вы утверждаете или правите этот план, а он проектирует экраны один за другим у вас на глазах. Дальше вы дорабатываете в чате («сделай герой-блок выше», «используй наш фирменный синий») либо заходите внутрь экрана и правите текст и картинки напрямую. Когда всё нравится — экспортируете или публикуете как живой сайт. Для кого это - Основатели и продакт-менеджеры, которым нужен убедительный интерфейс, чтобы показать пользователям, инвесторам или разработке до найма дизайнера. - Дизайнеры, которые хотят получить первые 80 % экрана сгенерированными и потратить своё время на последние 20 %. - Разработчики, которым нужен настоящий фронтенд без ручной вёрстки пяти лендингов. - Агентства, которые быстро выдают концепты клиентам. Чем это не является Это не замена полноценному дизайн-инструменту для попиксельной иллюстрации и не среда разработки. Он очень быстро приводит вас к структурированной отправной точке высокой детализации, а затем аккуратно передаёт работу в Figma, в ваш репозиторий или в веб. Куда дальше - Создайте первый проект — версия на пять минут. - Как работают кредиты — сколько стоит каждое действие, чтобы ничего не удивляло. - Все способы создать экран — все шесть отправных точек."},{"slug":"create-your-first-project","category":"getting-started","categoryTitle":"Начало работы","title":"Создайте первый проект","description":"От регистрации до готового редактируемого экрана примерно за пять минут.","url":"https://uxmagic.ai/ru/help/getting-started/create-your-first-project","type":"howto","keywords":["первый проект","быстрый старт","начало работы","новый проект","начать"],"headings":["1. Войдите","2. Создайте проект","3. Опишите, чего вы хотите","4. Утвердите план","5. Посмотрите, как он проектирует","6. Дорабатывайте","7. Заберите результат","Типичные ошибки первой сессии"],"updated":"2026-09-03","faqs":[{"question":"Нужна ли банковская карта, чтобы начать?","answer":"Нет. Тариф Free даёт 20 кредитов каждый день — этого хватает примерно на 3 экрана в сутки — без привязки карты."},{"question":"Сколько времени занимает первый экран?","answer":"Один экран обычно готов меньше чем за минуту. Полный план из нескольких экранов занимает пропорционально больше, потому что экраны проектируются по очереди."}],"related":["the-canvas","writing-a-good-prompt","ways-to-generate-a-screen"],"markdown":"Этот путь ведёт от нового аккаунта до экрана, который можно редактировать и экспортировать.\n\n![Панель UXMagic с полем промпта «Опишите, что вы хотите создать» и подсказками идей под ним.](/help/dashboard-prompt.webp)\n\n## 1. Войдите\n\nОткройте [uxmagic.ai](https://uxmagic.ai) и зарегистрируйтесь через Google или по почте. Карта не нужна — тариф Free даёт 20 кредитов каждый день, этого хватает примерно на 3 экрана в сутки, в 5 проектах.\n\n## 2. Создайте проект\n\nНа панели нажмите **Новый проект**. Проект — это контейнер для набора экранов с общей темой: один продукт, один сайт, один сценарий. Держите несвязанные работы в разных проектах, чтобы их дизайн-системы не сталкивались.\n\n## 3. Опишите, чего вы хотите\n\nНапишите запрос в поле промпта. Будьте конкретны насчёт **продукта**, **экранов** и **аудитории**:\n\n> SaaS для управления проектами в небольших агентствах. Нужны маркетинговый лендинг, страница с ценами и панель со списком активных проектов. Чисто и современно, глубокий синий и белый, дружелюбно, но профессионально.\n\nЕсли у вас есть бренд, сайт-референс или техническое задание, приложите их сразу — см. [Все способы создать экран](/help/generate/ways-to-generate-a-screen).\n\n## 4. Утвердите план\n\nДля нового проекта ИИ обычно предлагает список экранов, прежде чем что-то проектировать. Вы можете добавить экраны, переименовать их, убрать лишние, а затем утвердить. Этот шаг намеренно дешёвый: поправить план куда лучше, чем переделывать пять готовых экранов.\n\n## 5. Посмотрите, как он проектирует\n\nЭкраны проектируются по одному и появляются на холсте по мере готовности. Пока это идёт, вы можете продолжать работать.\n\n## 6. Дорабатывайте\n\nДва способа что-то менять:\n\n- **Чат** — для всего структурного и тематического: «добавь отзывы под герой-блок», «сделай всё тёмным», «поменяй текст на кнопке».\n- **Режим редактирования** — зайдите внутрь экрана, чтобы менять текст и картинки напрямую, не тратя генерацию.\n\nСм. [Редактирование экрана](/help/design-and-edit/editing-a-screen).\n\n## 7. Заберите результат\n\nКогда всё устраивает: [экспортируйте в Figma](/help/export-and-handoff/export-to-figma), [выгрузите код](/help/export-and-handoff/export-code) или [опубликуйте как живой сайт](/help/publish/publish-your-first-site).\n\n## Типичные ошибки первой сессии\n\n- **Просить по одному экрану, когда нужен целый сценарий.** Запрашивайте весь сценарий сразу, чтобы экраны получили общую тему и навигацию.\n- **Чинить тему по экранам.** Измените тему один раз — она применится ко всему проекту. См. [Темы и гайдлайны](/help/design-and-edit/themes-and-style-guides).\n- **Перегенерировать из-за опечатки.** Используйте режим редактирования. Перегенерация стоит кредитов, правка текста — нет.","text":"Этот путь ведёт от нового аккаунта до экрана, который можно редактировать и экспортировать. 1. Войдите Откройте uxmagic.ai и зарегистрируйтесь через Google или по почте. Карта не нужна — тариф Free даёт 20 кредитов каждый день, этого хватает примерно на 3 экрана в сутки, в 5 проектах. 2. Создайте проект На панели нажмите Новый проект. Проект — это контейнер для набора экранов с общей темой: один продукт, один сайт, один сценарий. Держите несвязанные работы в разных проектах, чтобы их дизайн-системы не сталкивались. 3. Опишите, чего вы хотите Напишите запрос в поле промпта. Будьте конкретны насчёт продукта, экранов и аудитории: SaaS для управления проектами в небольших агентствах. Нужны маркетинговый лендинг, страница с ценами и панель со списком активных проектов. Чисто и современно, глубокий синий и белый, дружелюбно, но профессионально. Если у вас есть бренд, сайт-референс или техническое задание, приложите их сразу — см. Все способы создать экран. 4. Утвердите план Для нового проекта ИИ обычно предлагает список экранов, прежде чем что-то проектировать. Вы можете добавить экраны, переименовать их, убрать лишние, а затем утвердить. Этот шаг намеренно дешёвый: поправить план куда лучше, чем переделывать пять готовых экранов. 5. Посмотрите, как он проектирует Экраны проектируются по одному и появляются на холсте по мере готовности. Пока это идёт, вы можете продолжать работать. 6. Дорабатывайте Два способа что-то менять: - Чат — для всего структурного и тематического: «добавь отзывы под герой-блок», «сделай всё тёмным», «поменяй текст на кнопке». - Режим редактирования — зайдите внутрь экрана, чтобы менять текст и картинки напрямую, не тратя генерацию. См. Редактирование экрана. 7. Заберите результат Когда всё устраивает: экспортируйте в Figma, выгрузите код или опубликуйте как живой сайт. Типичные ошибки первой сессии - Просить по одному экрану, когда нужен целый сценарий. Запрашивайте весь сценарий сразу, чтобы экраны получили общую тему и навигацию. - Чинить тему по экранам. Измените тему один раз — она применится ко всему проекту. См. Темы и гайдлайны. - Перегенерировать из-за опечатки. Используйте режим редактирования. Перегенерация стоит кредитов, правка текста — нет."},{"slug":"the-canvas","category":"getting-started","categoryTitle":"Начало работы","title":"Холст, проекты и экраны","description":"Как связаны проекты, экраны, версии и бесконечный холст.","url":"https://uxmagic.ai/ru/help/getting-started/the-canvas","type":"guide","keywords":["холст","фреймы","экраны","структура проекта","масштаб","навигация"],"headings":["Проекты","Экраны","Холст","Версии","Ресурсы и документы","Корзина"],"updated":"2026-08-27","faqs":[],"related":["create-your-first-project","versions-and-history","editing-a-screen"],"markdown":"![Проект UXMagic на холсте: три сгенерированных экрана онбординга рядом с панелью чата агента, где перечислены выполненные им шаги.](/help/canvas.webp)\n\n## Проекты\n\n**Проект** содержит экраны, тему, загруженные ресурсы и документы, историю чата и участников. Всё внутри проекта использует одну дизайн-систему — именно это и делает двадцать экранов похожими на один продукт.\n\nПрактическое правило: один проект на продукт или сайт. Если вы проектируете две несвязанные вещи, заведите два проекта — иначе изменение темы, задуманное для одной, сдвинет и другую.\n\n## Экраны\n\n**Экран** (иногда его называют фреймом) — это одна монтажная область на холсте. У каждого экрана есть имя, размер устройства, HTML-содержимое и история версий.\n\nЭкраны можно:\n\n- сгенерировать ИИ по вашему промпту,\n- добавить пустыми и заполнить позже,\n- продублировать из существующего экрана,\n- создать как адаптивный вариант другого экрана.\n\n## Холст\n\nХолст бесконечный и масштабируемый.\n\n- **Панорамирование** — пробел + перетаскивание либо прокрутка двумя пальцами.\n- **Масштаб** — ⌘/Ctrl + прокрутка либо элемент управления масштабом.\n- **Вписать в экран** — отдалить так, чтобы стали видны все экраны проекта.\n- **Режим фокуса** — открыть один экран на всю ширину для точной работы.\n\nЭкраны позиционируются от своего центра, поэтому вновь созданные ложатся в ряд рядом с существующими, а не поверх них.\n\n## Версии\n\nКаждое изменение ИИ на экране создаёт **новую версию**, а не перезаписывает старую. Вы можете листать версии назад и восстановить любую. См. [Версии и история](/help/design-and-edit/versions-and-history).\n\n## Ресурсы и документы\n\nУ каждого проекта есть **библиотека ресурсов** для изображений, которые вы загружаете или которые генерирует ИИ, и раздел **документов**, куда можно приложить техническое задание, бриф или спецификацию — ИИ прочитает их перед проектированием. См. [Проектирование по техническому заданию](/help/generate/design-from-a-document).\n\n## Корзина\n\nУдалённые проекты попадают в **Корзину** и восстанавливаются с панели.","text":"Проекты Проект содержит экраны, тему, загруженные ресурсы и документы, историю чата и участников. Всё внутри проекта использует одну дизайн-систему — именно это и делает двадцать экранов похожими на один продукт. Практическое правило: один проект на продукт или сайт. Если вы проектируете две несвязанные вещи, заведите два проекта — иначе изменение темы, задуманное для одной, сдвинет и другую. Экраны Экран (иногда его называют фреймом) — это одна монтажная область на холсте. У каждого экрана есть имя, размер устройства, HTML-содержимое и история версий. Экраны можно: - сгенерировать ИИ по вашему промпту, - добавить пустыми и заполнить позже, - продублировать из существующего экрана, - создать как адаптивный вариант другого экрана. Холст Холст бесконечный и масштабируемый. - Панорамирование — пробел + перетаскивание либо прокрутка двумя пальцами. - Масштаб — ⌘/Ctrl + прокрутка либо элемент управления масштабом. - Вписать в экран — отдалить так, чтобы стали видны все экраны проекта. - Режим фокуса — открыть один экран на всю ширину для точной работы. Экраны позиционируются от своего центра, поэтому вновь созданные ложатся в ряд рядом с существующими, а не поверх них. Версии Каждое изменение ИИ на экране создаёт новую версию, а не перезаписывает старую. Вы можете листать версии назад и восстановить любую. См. Версии и история. Ресурсы и документы У каждого проекта есть библиотека ресурсов для изображений, которые вы загружаете или которые генерирует ИИ, и раздел документов, куда можно приложить техническое задание, бриф или спецификацию — ИИ прочитает их перед проектированием. См. Проектирование по техническому заданию. Корзина Удалённые проекты попадают в Корзину и восстанавливаются с панели."},{"slug":"writing-a-good-prompt","category":"getting-started","categoryTitle":"Начало работы","title":"Как написать промпт, который даст нужный результат","description":"Пять вещей, которые стоит включить в промпт, и формулировки, которые стабильно подводят.","url":"https://uxmagic.ai/ru/help/getting-started/writing-a-good-prompt","type":"guide","keywords":["промпт","написание промптов","лучший результат","плохой результат","как просить"],"headings":["Включите эти пять вещей","Промпт, который работает","Формулировки, которые стабильно разочаровывают","Говорите прямо, когда это важно","Итерации","Когда результат почти попал"],"updated":"2026-08-27","faqs":[],"related":["create-your-first-project","ways-to-generate-a-screen","the-ai-is-not-following-my-brief"],"markdown":"Главный фактор качества результата — промпт. Вот что действительно влияет.\n\n## Включите эти пять вещей\n\n1. **Что за продукт.** «Сервис записи для груминг-салонов» подсказывает ИИ, какому содержанию место на странице. «Лендинг» — нет.\n2. **Какие экраны нужны.** Назовите их. «Лендинг, цены, регистрация и пустое состояние панели».\n3. **Для кого.** Корпоративный B2B и массовый мобильный продукт дают очень разные раскладки.\n4. **Визуальное направление.** Фирменный цвет, ощущение от шрифта, референс: «тепло, по-журнальному, много воздуха, заголовки с засечками».\n5. **Всё, что не обсуждается.** Юридический текст, конкретная кнопка, обязательный блок, жёсткое ограничение.\n\n## Промпт, который работает\n\n> B2B-сервис выставления счетов для фрилансеров под названием Ledgerly. Спроектируй маркетинговый лендинг, страницу цен с тремя тарифами и панель со списком последних счетов. Аудитория — фрилансеры-одиночки, а не корпорации. Визуальное направление: спокойно и надёжно, глубокий зелёный как основной цвет, много воздуха, шрифт без засечек. На лендинге нужна кнопка «Начать бесплатно» в навигации и блок о том, как получать оплату быстрее.\n\n## Формулировки, которые стабильно разочаровывают\n\n- **«Сделай лучше».** ИИ не знает, о какой оси речь. Скажите, что не так: «герой-блок слишком высокий, а кнопку трудно найти».\n- **«Сделай поярче».** Дайте конкретное направление: больше контраста, крупнее шрифт, смелее акцентный цвет.\n- **«Как у Stripe».** Лучше: вставьте адрес и попросите клон либо опишите конкретное качество, которое имеете в виду («плотность и работа с градиентами, как у Stripe»).\n- **Десять правок в одном сообщении.** Они взаимодействуют. Две-три за раз попадают в цель надёжнее.\n\n## Говорите прямо, когда это важно\n\nЕсли у вас есть бренд и вы хотите, чтобы его соблюдали в точности, скажите это жёстко: «Используй ровно эти цвета: #0F3D2E и #F5F1E8. Никаких других цветов не вводи». Иначе ИИ применит собственное суждение о том, что хорошо сочетается.\n\nТо же касается содержания: если текст важен — дайте его. Иначе получите правдоподобный текст-заглушку.\n\n## Итерации\n\nЧат помнит контекст проекта, поэтому уточнения могут быть короткими: «сделай навигацию липкой», «поменяй местами второй и третий блоки», «на карточках тарифов нужен значок самого популярного». Повторять бриф каждый раз не нужно.\n\n## Когда результат почти попал\n\nНе перегенерируйте — это тратит кредиты и выбрасывает то, что уже было хорошо. Вместо этого:\n\n- точечная правка через чат для одного блока,\n- [режим редактирования](/help/design-and-edit/editing-a-screen) для текста и картинок,\n- [изменение темы](/help/design-and-edit/themes-and-style-guides) для всего, что связано с цветом или шрифтом.","text":"Главный фактор качества результата — промпт. Вот что действительно влияет. Включите эти пять вещей 1. Что за продукт. «Сервис записи для груминг-салонов» подсказывает ИИ, какому содержанию место на странице. «Лендинг» — нет. 2. Какие экраны нужны. Назовите их. «Лендинг, цены, регистрация и пустое состояние панели». 3. Для кого. Корпоративный B2B и массовый мобильный продукт дают очень разные раскладки. 4. Визуальное направление. Фирменный цвет, ощущение от шрифта, референс: «тепло, по-журнальному, много воздуха, заголовки с засечками». 5. Всё, что не обсуждается. Юридический текст, конкретная кнопка, обязательный блок, жёсткое ограничение. Промпт, который работает B2B-сервис выставления счетов для фрилансеров под названием Ledgerly. Спроектируй маркетинговый лендинг, страницу цен с тремя тарифами и панель со списком последних счетов. Аудитория — фрилансеры-одиночки, а не корпорации. Визуальное направление: спокойно и надёжно, глубокий зелёный как основной цвет, много воздуха, шрифт без засечек. На лендинге нужна кнопка «Начать бесплатно» в навигации и блок о том, как получать оплату быстрее. Формулировки, которые стабильно разочаровывают - «Сделай лучше». ИИ не знает, о какой оси речь. Скажите, что не так: «герой-блок слишком высокий, а кнопку трудно найти». - «Сделай поярче». Дайте конкретное направление: больше контраста, крупнее шрифт, смелее акцентный цвет. - «Как у Stripe». Лучше: вставьте адрес и попросите клон либо опишите конкретное качество, которое имеете в виду («плотность и работа с градиентами, как у Stripe»). - Десять правок в одном сообщении. Они взаимодействуют. Две-три за раз попадают в цель надёжнее. Говорите прямо, когда это важно Если у вас есть бренд и вы хотите, чтобы его соблюдали в точности, скажите это жёстко: «Используй ровно эти цвета: #0F3D2E и #F5F1E8. Никаких других цветов не вводи». Иначе ИИ применит собственное суждение о том, что хорошо сочетается. То же касается содержания: если текст важен — дайте его. Иначе получите правдоподобный текст-заглушку. Итерации Чат помнит контекст проекта, поэтому уточнения могут быть короткими: «сделай навигацию липкой», «поменяй местами второй и третий блоки», «на карточках тарифов нужен значок самого популярного». Повторять бриф каждый раз не нужно. Когда результат почти попал Не перегенерируйте — это тратит кредиты и выбрасывает то, что уже было хорошо. Вместо этого: - точечная правка через чат для одного блока, - режим редактирования для текста и картинок, - изменение темы для всего, что связано с цветом или шрифтом."},{"slug":"keyboard-shortcuts","category":"getting-started","categoryTitle":"Начало работы","title":"Горячие клавиши","description":"Сочетания для холста, редактирования и навигации.","url":"https://uxmagic.ai/ru/help/getting-started/keyboard-shortcuts","type":"reference","keywords":["горячие клавиши","сочетания клавиш","клавиатура","отменить","удалить"],"headings":["Холст","Экраны","Чат"],"updated":"2026-08-27","faqs":[],"related":["the-canvas","editing-a-screen"],"markdown":"## Холст\n\n| Действие | Сочетание |\n| --- | --- |\n| Панорамирование | Пробел + перетаскивание либо прокрутка двумя пальцами |\n| Приблизить / отдалить | ⌘/Ctrl + прокрутка либо ⌘/Ctrl + \\= / \\- |\n| Вписать все экраны | Shift + 1 |\n| Масштаб 100 % | ⌘/Ctrl + 0 |\n\n## Экраны\n\n| Действие | Сочетание |\n| --- | --- |\n| Дублировать выбранный экран | ⌘/Ctrl + D |\n| Удалить выбранный экран | Delete / Backspace |\n| Отменить | ⌘/Ctrl + Z |\n| Повторить | ⌘/Ctrl + Shift + Z |\n\n## Чат\n\n| Действие | Сочетание |\n| --- | --- |\n| Отправить | Enter |\n| Новая строка | Shift + Enter |\n\n> **Если Delete или «Отменить» будто не работают:** сначала щёлкните по пустому месту холста. Пока курсор стоит в поле промпта, эти клавиши принадлежат текстовому полю, а не холсту.","text":"Холст Действие Сочетание --- --- Панорамирование Пробел + перетаскивание либо прокрутка двумя пальцами Приблизить / отдалить ⌘/Ctrl + прокрутка либо ⌘/Ctrl + \\= / \\- Вписать все экраны Shift + 1 Масштаб 100 % ⌘/Ctrl + 0 Экраны Действие Сочетание --- --- Дублировать выбранный экран ⌘/Ctrl + D Удалить выбранный экран Delete / Backspace Отменить ⌘/Ctrl + Z Повторить ⌘/Ctrl + Shift + Z Чат Действие Сочетание --- --- Отправить Enter Новая строка Shift + Enter Если Delete или «Отменить» будто не работают: сначала щёлкните по пустому месту холста. Пока курсор стоит в поле промпта, эти клавиши принадлежат текстовому полю, а не холсту."},{"slug":"account-and-profile","category":"getting-started","categoryTitle":"Начало работы","title":"Ваш аккаунт и профиль","description":"Способы входа, смена почты или пароля и настройки аккаунта.","url":"https://uxmagic.ai/ru/help/getting-started/account-and-profile","type":"howto","keywords":["аккаунт","профиль","пароль","почта","вход","логин","sso"],"headings":["Вход","Изменение данных","Смена почты","Забыли пароль","Удаление аккаунта"],"updated":"2026-08-27","faqs":[],"related":["plans-and-limits","delete-your-account","teams-and-seats"],"markdown":"## Вход\n\nUXMagic поддерживает:\n\n- **Google** — один клик, никакого пароля.\n- **Почта и пароль** — с подтверждением адреса.\n- **SSO / SAML** — на тарифах Enterprise.\n\n## Изменение данных\n\nОткройте **Управление аккаунтом** в меню аватара на панели. Там можно обновить имя, аватар и пароль.\n\n## Смена почты\n\nЕсли вы регистрировались по почте с паролем, адрес можно изменить в разделе **Управление аккаунтом**; новый адрес нужно подтвердить, прежде чем он заработает.\n\nЕсли вы регистрировались через Google, почта берётся из аккаунта Google. Чтобы перейти на другой адрес, напишите в поддержку — мы перенесём ваши проекты, а не оставим вас с двумя аккаунтами.\n\n## Забыли пароль\n\nВоспользуйтесь ссылкой **Забыли пароль** на экране входа. Если письмо не приходит, проверьте спам и убедитесь, что вы регистрировались именно с паролем, а не через Google — у аккаунтов Google нет пароля UXMagic, который можно было бы сбросить.\n\n## Удаление аккаунта\n\nСм. [Удаление аккаунта](/help/account-and-billing/delete-your-account). Удаление необратимо и уносит с собой ваши проекты.","text":"Вход UXMagic поддерживает: - Google — один клик, никакого пароля. - Почта и пароль — с подтверждением адреса. - SSO / SAML — на тарифах Enterprise. Изменение данных Откройте Управление аккаунтом в меню аватара на панели. Там можно обновить имя, аватар и пароль. Смена почты Если вы регистрировались по почте с паролем, адрес можно изменить в разделе Управление аккаунтом; новый адрес нужно подтвердить, прежде чем он заработает. Если вы регистрировались через Google, почта берётся из аккаунта Google. Чтобы перейти на другой адрес, напишите в поддержку — мы перенесём ваши проекты, а не оставим вас с двумя аккаунтами. Забыли пароль Воспользуйтесь ссылкой Забыли пароль на экране входа. Если письмо не приходит, проверьте спам и убедитесь, что вы регистрировались именно с паролем, а не через Google — у аккаунтов Google нет пароля UXMagic, который можно было бы сбросить. Удаление аккаунта См. Удаление аккаунта. Удаление необратимо и уносит с собой ваши проекты."},{"slug":"ways-to-generate-a-screen","category":"generate","categoryTitle":"Генерация макетов","title":"Все способы создать экран","description":"Промпт, скриншот, набросок, адрес сайта, импорт из Figma или техническое задание — и что выбрать в каком случае.","url":"https://uxmagic.ai/ru/help/generate/ways-to-generate-a-screen","type":"guide","keywords":["генерация","создать экран","исходные данные","отправная точка","варианты"],"headings":["Две степени детализации","Один экран или целый сценарий","Комбинирование источников"],"updated":"2026-08-27","faqs":[],"related":["text-to-ui","screenshot-to-ui","clone-a-website","import-from-figma"],"markdown":"UXMagic принимает шесть видов отправных точек. Все они приводят в одно место — к редактируемому экрану на холсте с темой проекта, — поэтому внутри одного проекта их можно свободно смешивать.\n\n| Начать с | Лучше всего, когда | Руководство |\n| --- | --- | --- |\n| Текстового промпта | Вы начинаете с нуля и примерно знаете, чего хотите | [Из текста в интерфейс](/help/generate/text-to-ui) |\n| Скриншота | Вы хотите пересобрать или переоформить интерфейс, который видите | [Из скриншота в интерфейс](/help/generate/screenshot-to-ui) |\n| Наброска от руки | Вы нарисовали раскладку на доске и хотите её воплотить | [Из наброска в интерфейс](/help/generate/sketch-to-ui) |\n| Адреса сайта | Вам нужна структура настоящего сайта как отправная точка | [Клонировать сайт](/help/generate/clone-a-website) |\n| Файла Figma | У вас уже есть макеты и вы хотите дорабатывать их с ИИ | [Импорт из Figma](/help/generate/import-from-figma) |\n| Технического задания | Требования уже записаны | [Проектирование по документу](/help/generate/design-from-a-document) |\n\n## Две степени детализации\n\nЛюбой из вариантов выше можно получить как **экран высокой детализации** или как **вайрфрейм**. Вайрфреймы нужны, чтобы спорить о структуре до того, как кто-нибудь влюбится в цвет. См. [Режим вайрфрейма](/help/generate/wireframe-mode).\n\n## Один экран или целый сценарий\n\n- **Один экран** — просто попросите его.\n- **Целый сценарий** — опишите путь пользователя, и ИИ спланирует и спроектирует каждый экран по очереди с общей темой и навигацией. См. [Режим потока и планы экранов](/help/generate/flow-mode-and-screen-plans).\n\n## Комбинирование источников\n\nСамые сильные результаты обычно дают комбинации: скриншот конкурента **плюс** ваши фирменные цвета или техническое задание **плюс** сайт-референс. Приложите всё нужное к одному сообщению — ИИ прочитает всё это перед проектированием.","text":"UXMagic принимает шесть видов отправных точек. Все они приводят в одно место — к редактируемому экрану на холсте с темой проекта, — поэтому внутри одного проекта их можно свободно смешивать. Начать с Лучше всего, когда Руководство --- --- --- Текстового промпта Вы начинаете с нуля и примерно знаете, чего хотите Из текста в интерфейс Скриншота Вы хотите пересобрать или переоформить интерфейс, который видите Из скриншота в интерфейс Наброска от руки Вы нарисовали раскладку на доске и хотите её воплотить Из наброска в интерфейс Адреса сайта Вам нужна структура настоящего сайта как отправная точка Клонировать сайт Файла Figma У вас уже есть макеты и вы хотите дорабатывать их с ИИ Импорт из Figma Технического задания Требования уже записаны Проектирование по документу Две степени детализации Любой из вариантов выше можно получить как экран высокой детализации или как вайрфрейм. Вайрфреймы нужны, чтобы спорить о структуре до того, как кто-нибудь влюбится в цвет. См. Режим вайрфрейма. Один экран или целый сценарий - Один экран — просто попросите его. - Целый сценарий — опишите путь пользователя, и ИИ спланирует и спроектирует каждый экран по очереди с общей темой и навигацией. См. Режим потока и планы экранов. Комбинирование источников Самые сильные результаты обычно дают комбинации: скриншот конкурента плюс ваши фирменные цвета или техническое задание плюс сайт-референс. Приложите всё нужное к одному сообщению — ИИ прочитает всё это перед проектированием."},{"slug":"text-to-ui","category":"generate","categoryTitle":"Генерация макетов","title":"Из текста в интерфейс","description":"Превратите текстовое описание в редактируемый экран высокой детализации.","url":"https://uxmagic.ai/ru/help/generate/text-to-ui","type":"howto","keywords":["из текста в интерфейс","из промпта в макет","генератор интерфейсов на ии","описание"],"headings":["Шаги","Управление результатом","Сколько это стоит","Если результат промахнулся"],"updated":"2026-08-27","faqs":[],"related":["writing-a-good-prompt","flow-mode-and-screen-plans","themes-and-style-guides"],"markdown":"Путь по умолчанию: опишите интерфейс — получите интерфейс.\n\n## Шаги\n\n1. Откройте проект и щёлкните по полю промпта.\n2. Опишите продукт, экран или экраны, аудиторию и визуальное направление. См. [Как написать промпт, который даст нужный результат](/help/getting-started/writing-a-good-prompt).\n3. Отправьте. Для нового проекта вам обычно сначала покажут **план экранов** на утверждение.\n4. Экраны проектируются по одному и появляются на холсте по мере готовности.\n\n## Управление результатом\n\n**Размер устройства.** Скажите в промпте — «экран оплаты для мобильного» — либо задайте размер экрана перед генерацией. Существующие экраны можно перевести на другое устройство позже; см. [Адаптивные варианты и варианты под устройства](/help/design-and-edit/responsive-variants).\n\n**Бренд.** Если у вас есть цвета и шрифты, назовите их явно и настойчиво. Мягкое упоминание («синеватый») будет истолковано по-своему; точная инструкция («основной #1B4DFF, заголовки Inter, других акцентных цветов нет») будет выполнена.\n\n**Содержание.** Дайте настоящие тексты, если текст важен. Иначе получите аккуратный текст-заглушку: для структуры сойдёт, для демонстрации — нет.\n\n**Изображения.** ИИ генерирует картинки там, где они нужны макету. Вы также можете загрузить свои и попросить использовать их. См. [Изображения в ваших макетах](/help/design-and-edit/images-in-your-designs).\n\n## Сколько это стоит\n\nСпроектировать новый экран с нуля стоит кредитов; доработать его — существенно дешевле. Точная таблица — в [Как работают кредиты](/help/account-and-billing/how-credits-work).\n\n## Если результат промахнулся\n\nНе перегенерируйте весь экран из-за частичного промаха — скажите, что не так, и дайте поправить. Перегенерация — одно из самых дорогих доступных действий, и она выбрасывает то, что уже было правильно.","text":"Путь по умолчанию: опишите интерфейс — получите интерфейс. Шаги 1. Откройте проект и щёлкните по полю промпта. 2. Опишите продукт, экран или экраны, аудиторию и визуальное направление. См. Как написать промпт, который даст нужный результат. 3. Отправьте. Для нового проекта вам обычно сначала покажут план экранов на утверждение. 4. Экраны проектируются по одному и появляются на холсте по мере готовности. Управление результатом Размер устройства. Скажите в промпте — «экран оплаты для мобильного» — либо задайте размер экрана перед генерацией. Существующие экраны можно перевести на другое устройство позже; см. Адаптивные варианты и варианты под устройства. Бренд. Если у вас есть цвета и шрифты, назовите их явно и настойчиво. Мягкое упоминание («синеватый») будет истолковано по-своему; точная инструкция («основной #1B4DFF, заголовки Inter, других акцентных цветов нет») будет выполнена. Содержание. Дайте настоящие тексты, если текст важен. Иначе получите аккуратный текст-заглушку: для структуры сойдёт, для демонстрации — нет. Изображения. ИИ генерирует картинки там, где они нужны макету. Вы также можете загрузить свои и попросить использовать их. См. Изображения в ваших макетах. Сколько это стоит Спроектировать новый экран с нуля стоит кредитов; доработать его — существенно дешевле. Точная таблица — в Как работают кредиты. Если результат промахнулся Не перегенерируйте весь экран из-за частичного промаха — скажите, что не так, и дайте поправить. Перегенерация — одно из самых дорогих доступных действий, и она выбрасывает то, что уже было правильно."},{"slug":"screenshot-to-ui","category":"generate","categoryTitle":"Генерация макетов","title":"Из скриншота в интерфейс","description":"Загрузите скриншот и получите редактируемую версию этого интерфейса, которой можно сменить оформление.","url":"https://uxmagic.ai/ru/help/generate/screenshot-to-ui","type":"howto","keywords":["скриншот","из изображения в интерфейс","загрузить изображение","воссоздать","png","jpg"],"headings":["Шаги","Как получить достоверное воспроизведение","Несколько скриншотов","Известная ловушка","Стоимость"],"updated":"2026-08-27","faqs":[{"question":"Какие форматы изображений можно загружать?","answer":"JPEG, PNG и WebP. Очень большие изображения уменьшаются, прежде чем их прочитает ИИ."},{"question":"Скриншот будет скопирован точь-в-точь?","answer":"Раскладка, иерархия и структура компонентов воспроизводятся достоверно. Скажите явно, если вам нужны и точные цвета с текстами, — иначе применяется тема проекта."}],"related":["sketch-to-ui","clone-a-website","images-in-your-designs"],"markdown":"Дайте UXMagic картинку интерфейса — и он пересоберёт её в настоящий редактируемый экран.\n\n## Шаги\n\n1. Нажмите кнопку вложения в поле промпта и загрузите изображение (JPEG, PNG или WebP).\n2. Скажите, что с ним делать. Это важнее, чем принято думать:\n   - *«Пересобери этот экран точь-в-точь»* — достоверное воспроизведение.\n   - *«Пересобери эту раскладку, но в цветах нашего бренда»* — структура сохраняется, применяется тема.\n   - *«Это страница цен нашего конкурента — спроектируй нашу с той же структурой»* — структура как источник вдохновения.\n3. Отправьте.\n\n## Как получить достоверное воспроизведение\n\n- Загружайте **экран целиком**, а не фрагмент, если нужна вся раскладка.\n- Загружайте в **читаемом разрешении** — если подписи не разбираете вы, не разберёт и ИИ.\n- Если важны точные цвета, скажите: *«в точности повтори цвета со скриншота»*. По умолчанию побеждает тема существующего проекта, потому что в большинстве проектов людям на самом деле нужна согласованность.\n\n## Несколько скриншотов\n\nЗагрузите сразу несколько для многоэкранного сценария — ИИ воспримет их как набор и сохранит согласованность между ними.\n\n## Известная ловушка\n\nВ существующем проекте один только скриншот **не** перебивает тему проекта: новый экран наследует уже используемую палитру. Если вам нужна палитра референса, попросите словами: *«используй цвета с этого изображения, а не текущую тему»*.\n\n## Стоимость\n\nПрочитать изображение бесплатно; спроектировать по нему экран стоит обычных кредитов за создание экрана.","text":"Дайте UXMagic картинку интерфейса — и он пересоберёт её в настоящий редактируемый экран. Шаги 1. Нажмите кнопку вложения в поле промпта и загрузите изображение (JPEG, PNG или WebP). 2. Скажите, что с ним делать. Это важнее, чем принято думать: - «Пересобери этот экран точь-в-точь» — достоверное воспроизведение. - «Пересобери эту раскладку, но в цветах нашего бренда» — структура сохраняется, применяется тема. - «Это страница цен нашего конкурента — спроектируй нашу с той же структурой» — структура как источник вдохновения. 3. Отправьте. Как получить достоверное воспроизведение - Загружайте экран целиком, а не фрагмент, если нужна вся раскладка. - Загружайте в читаемом разрешении — если подписи не разбираете вы, не разберёт и ИИ. - Если важны точные цвета, скажите: «в точности повтори цвета со скриншота». По умолчанию побеждает тема существующего проекта, потому что в большинстве проектов людям на самом деле нужна согласованность. Несколько скриншотов Загрузите сразу несколько для многоэкранного сценария — ИИ воспримет их как набор и сохранит согласованность между ними. Известная ловушка В существующем проекте один только скриншот не перебивает тему проекта: новый экран наследует уже используемую палитру. Если вам нужна палитра референса, попросите словами: «используй цвета с этого изображения, а не текущую тему». Стоимость Прочитать изображение бесплатно; спроектировать по нему экран стоит обычных кредитов за создание экрана."},{"slug":"sketch-to-ui","category":"generate","categoryTitle":"Генерация макетов","title":"Из наброска в интерфейс","description":"Превратите фото с доски или бумажный вайрфрейм в готовый цифровой интерфейс.","url":"https://uxmagic.ai/ru/help/generate/sketch-to-ui","type":"howto","keywords":["набросок","фото вайрфрейма","доска","рисунок","бумага","салфетка"],"headings":["Шаги","Чтобы наброски читались хорошо","Из наброска сразу в вайрфрейм"],"updated":"2026-08-27","faqs":[],"related":["screenshot-to-ui","wireframe-mode","text-to-ui"],"markdown":"Сфотографируйте набросок, загрузите его и получите настоящий экран.\n\n## Шаги\n\n1. Сфотографируйте набросок строго спереди, при ровном свете, чтобы весь рисунок попал в кадр.\n2. Загрузите его в поле промпта.\n3. Добавьте контекст, которого рисунок передать не может: что за продукт, что означают прямоугольники, каково визуальное направление.\n\n> Набросок нашего экрана онбординга. Большой прямоугольник вверху слева — это видео, три прямоугольника друг под другом — шаги настройки с галочками. Современный SaaS-вид, фиолетовый акцент.\n\n## Чтобы наброски читались хорошо\n\n- **Подписывайте прямоугольники.** «герой», «навигация», «график» — написанные подписи читаются и используются.\n- **Рисуйте иерархию.** Более крупные прямоугольники становятся более крупными элементами.\n- **Избегайте плотной штриховки.** Линейные рисунки читаются надёжнее заштрихованных.\n- **Один экран на фото**, если только вы намеренно не передаёте целый сценарий.\n\n## Из наброска сразу в вайрфрейм\n\nЕсли вы хотите остаться в низкой детализации — привести набросок в порядок, не выбирая пока визуальный стиль, — попросите вайрфрейм. См. [Режим вайрфрейма](/help/generate/wireframe-mode).","text":"Сфотографируйте набросок, загрузите его и получите настоящий экран. Шаги 1. Сфотографируйте набросок строго спереди, при ровном свете, чтобы весь рисунок попал в кадр. 2. Загрузите его в поле промпта. 3. Добавьте контекст, которого рисунок передать не может: что за продукт, что означают прямоугольники, каково визуальное направление. Набросок нашего экрана онбординга. Большой прямоугольник вверху слева — это видео, три прямоугольника друг под другом — шаги настройки с галочками. Современный SaaS-вид, фиолетовый акцент. Чтобы наброски читались хорошо - Подписывайте прямоугольники. «герой», «навигация», «график» — написанные подписи читаются и используются. - Рисуйте иерархию. Более крупные прямоугольники становятся более крупными элементами. - Избегайте плотной штриховки. Линейные рисунки читаются надёжнее заштрихованных. - Один экран на фото, если только вы намеренно не передаёте целый сценарий. Из наброска сразу в вайрфрейм Если вы хотите остаться в низкой детализации — привести набросок в порядок, не выбирая пока визуальный стиль, — попросите вайрфрейм. См. Режим вайрфрейма."},{"slug":"clone-a-website","category":"generate","categoryTitle":"Генерация макетов","title":"Клонировать сайт по адресу","description":"Захватите настоящую публичную веб-страницу и пересоберите её как редактируемый экран UXMagic.","url":"https://uxmagic.ai/ru/help/generate/clone-a-website","type":"howto","keywords":["клонировать","url","из сайта в интерфейс","скопировать сайт","импорт сайта","парсинг"],"headings":["Шаги","Что возвращается","Частичные клоны","Что не клонируется","Стоимость"],"updated":"2026-08-27","faqs":[{"question":"Можно клонировать любой сайт?","answer":"Любую публичную страницу. Страницы за авторизацией, платной стеной или агрессивной защитой от ботов захватить нельзя."},{"question":"Клонировать сайт законно?","answer":"Используйте это для изучения структуры и раскладки и как отправную точку для собственной работы. Целиком копировать фирменный стиль, тексты и изображения чужого сайта в живой продукт — юридическая проблема независимо от использованного инструмента."}],"related":["screenshot-to-ui","clone-came-out-blank-or-partial","import-from-figma"],"markdown":"Вставьте адрес — и UXMagic захватит живую страницу: настоящую раскладку, секции, цвета, шрифты и изображения, — а затем пересоберёт её как редактируемый экран и выведет подходящую тему.\n\n## Шаги\n\n1. Вставьте полный адрес, включая `https://`, в поле промпта.\n2. Скажите, что вам нужно: прямой клон или клон, переоформленный под ваш бренд.\n3. Подождите. Клонирование тяжелее обычной генерации — сначала загружается настоящая страница, и только потом начинается работа над макетом.\n\n## Что возвращается\n\n- **Структура секций** страницы в исходном порядке.\n- Её **цвета и шрифты**, захваченные в тему проекта.\n- Её **изображения**, скопированные в библиотеку ресурсов вашего проекта.\n- Всё **редактируемое** — это настоящий экран, а не скриншот.\n\n## Частичные клоны\n\nОчень длинные или очень сложные страницы иногда возвращаются так: часть секций пересобрана, а остальные остаются на холсте **подписанными заглушками**. Это сделано намеренно: страница с честными пробелами лучше страницы, где секции молча пропали.\n\nЧтобы её достроить, попросите ИИ завершить клон. Он заново захватит оригинал и пересоберёт только недостающие секции — за долю стоимости нового клона. См. [Клон получился пустым или неполным](/help/troubleshooting/clone-came-out-blank-or-partial).\n\n## Что не клонируется\n\n- Страницы, требующие **авторизации**.\n- Страницы за **защитой от ботов** (проверки Cloudflare и подобные).\n- Содержимое, которое появляется только после **действия пользователя**: меню, открывающееся по клику, модальное окно, последующие слайды карусели.\n- **Видео и анимация** — захватываются как неподвижный кадр.\n\n## Стоимость\n\nКлонирование — самое кредитоёмкое одиночное действие в UXMagic, потому что перед проектированием запускается настоящий браузер на целевой странице. Достроить частичный клон стоит намного дешевле. См. [Как работают кредиты](/help/account-and-billing/how-credits-work).","text":"Вставьте адрес — и UXMagic захватит живую страницу: настоящую раскладку, секции, цвета, шрифты и изображения, — а затем пересоберёт её как редактируемый экран и выведет подходящую тему. Шаги 1. Вставьте полный адрес, включая https://, в поле промпта. 2. Скажите, что вам нужно: прямой клон или клон, переоформленный под ваш бренд. 3. Подождите. Клонирование тяжелее обычной генерации — сначала загружается настоящая страница, и только потом начинается работа над макетом. Что возвращается - Структура секций страницы в исходном порядке. - Её цвета и шрифты, захваченные в тему проекта. - Её изображения, скопированные в библиотеку ресурсов вашего проекта. - Всё редактируемое — это настоящий экран, а не скриншот. Частичные клоны Очень длинные или очень сложные страницы иногда возвращаются так: часть секций пересобрана, а остальные остаются на холсте подписанными заглушками. Это сделано намеренно: страница с честными пробелами лучше страницы, где секции молча пропали. Чтобы её достроить, попросите ИИ завершить клон. Он заново захватит оригинал и пересоберёт только недостающие секции — за долю стоимости нового клона. См. Клон получился пустым или неполным. Что не клонируется - Страницы, требующие авторизации. - Страницы за защитой от ботов (проверки Cloudflare и подобные). - Содержимое, которое появляется только после действия пользователя: меню, открывающееся по клику, модальное окно, последующие слайды карусели. - Видео и анимация — захватываются как неподвижный кадр. Стоимость Клонирование — самое кредитоёмкое одиночное действие в UXMagic, потому что перед проектированием запускается настоящий браузер на целевой странице. Достроить частичный клон стоит намного дешевле. См. Как работают кредиты."},{"slug":"import-from-figma","category":"generate","categoryTitle":"Генерация макетов","title":"Импорт из Figma","description":"Перенесите готовый фрейм Figma в UXMagic и продолжайте править его с ИИ.","url":"https://uxmagic.ai/ru/help/generate/import-from-figma","type":"howto","keywords":["импорт figma","из figma в uxmagic","готовые макеты","файл figma","дизайн-система"],"headings":["Шаги","Что переносится","Чего ожидать","Как взять правильную ссылку","После импорта","Дизайн-системы и библиотеки компонентов"],"updated":"2026-08-27","faqs":[],"related":["export-to-figma","figma-plugin","themes-and-style-guides"],"markdown":"Импорт работает в обратную сторону от экспорта: готовый фрейм Figma становится редактируемым экраном UXMagic, над которым можно дальше работать с ИИ.\n\n## Шаги\n\n1. Подключите Figma в разделе **Интеграции** (соединение по OAuth — вы разрешаете доступ один раз).\n2. Вставьте адрес фрейма Figma или выберите файл и фрейм в списке.\n3. Решите, импортировать ли собственные стили фрейма как тему проекта или наложить его на уже имеющуюся тему.\n4. Импортируйте.\n\n## Что переносится\n\n- **Раскладка и иерархия**, включая структуру auto-layout.\n- **Текст** вместе с его типографскими стилями.\n- **Цвета и эффекты**, включая градиенты и тени.\n- **Изображения**, скопированные в ресурсы вашего проекта.\n- **Векторы и иконки**, пересобранные в вёрстку.\n\n## Чего ожидать\n\nFigma — векторный холст, а веб — блочная модель, поэтому импорт — это достоверный *перевод*, а не побайтовая копия. Ожидайте очень близкую структуру и отступы с небольшими различиями в отрисовке текста и в эффектах, у которых нет прямого веб-аналога.\n\nТочнее всего импорт работает, когда фрейм Figma использует **auto-layout**. Свободные раскладки с абсолютным позиционированием импортируются, но с меньшей структурной точностью.\n\n## Как взять правильную ссылку\n\nВыделите фрейм в Figma, затем **правая кнопка → Скопировать ссылку на выделение**. Ссылка на файл без выбранного узла импортирует не то или вообще ничего.\n\n## После импорта\n\nИмпортированный экран ведёт себя как любой другой: правки через чат, режим редактирования, темы, версии, экспорт. Это самый быстрый путь для ситуации «макеты у нас уже есть, но теперь мы хотим двигаться быстрее».\n\n## Дизайн-системы и библиотеки компонентов\n\nМожно также импортировать библиотеку компонентов или дизайн-систему, чтобы сгенерированные экраны использовали ваши компоненты. См. [Библиотеки компонентов](/help/design-and-edit/component-libraries).","text":"Импорт работает в обратную сторону от экспорта: готовый фрейм Figma становится редактируемым экраном UXMagic, над которым можно дальше работать с ИИ. Шаги 1. Подключите Figma в разделе Интеграции (соединение по OAuth — вы разрешаете доступ один раз). 2. Вставьте адрес фрейма Figma или выберите файл и фрейм в списке. 3. Решите, импортировать ли собственные стили фрейма как тему проекта или наложить его на уже имеющуюся тему. 4. Импортируйте. Что переносится - Раскладка и иерархия, включая структуру auto-layout. - Текст вместе с его типографскими стилями. - Цвета и эффекты, включая градиенты и тени. - Изображения, скопированные в ресурсы вашего проекта. - Векторы и иконки, пересобранные в вёрстку. Чего ожидать Figma — векторный холст, а веб — блочная модель, поэтому импорт — это достоверный перевод, а не побайтовая копия. Ожидайте очень близкую структуру и отступы с небольшими различиями в отрисовке текста и в эффектах, у которых нет прямого веб-аналога. Точнее всего импорт работает, когда фрейм Figma использует auto-layout. Свободные раскладки с абсолютным позиционированием импортируются, но с меньшей структурной точностью. Как взять правильную ссылку Выделите фрейм в Figma, затем правая кнопка → Скопировать ссылку на выделение. Ссылка на файл без выбранного узла импортирует не то или вообще ничего. После импорта Импортированный экран ведёт себя как любой другой: правки через чат, режим редактирования, темы, версии, экспорт. Это самый быстрый путь для ситуации «макеты у нас уже есть, но теперь мы хотим двигаться быстрее». Дизайн-системы и библиотеки компонентов Можно также импортировать библиотеку компонентов или дизайн-систему, чтобы сгенерированные экраны использовали ваши компоненты. См. Библиотеки компонентов."},{"slug":"design-from-a-document","category":"generate","categoryTitle":"Генерация макетов","title":"Проектирование по техническому заданию","description":"Загрузите требования и дайте ИИ прочитать их, прежде чем он что-то спроектирует.","url":"https://uxmagic.ai/ru/help/generate/design-from-a-document","type":"howto","keywords":["техническое задание","документ","бриф","спецификация","требования","загрузить pdf","docx"],"headings":["Шаги","Поддерживаемые документы","Как выжать максимум","Стоимость"],"updated":"2026-08-27","faqs":[],"related":["flow-mode-and-screen-plans","writing-a-good-prompt","text-to-ui"],"markdown":"Если размышления уже есть в документе, не перепечатывайте их в промпт.\n\n## Шаги\n\n1. Откройте проект и загрузите документ в раздел **документов** проекта (или приложите его в поле промпта).\n2. Попросите то, что нужно из него собрать:\n\n> Прочитай техническое задание и спроектируй описанные в нём экраны. Начни с плана.\n\n3. ИИ перечислит документы проекта, прочитает подходящий и будет опираться на него как на источник истины для экранов, содержания и терминологии.\n\n## Поддерживаемые документы\n\nТехнические задания, дизайн-брифы, спецификации и похожие текстовые документы. Важно, чтобы текст извлекался: отсканированное изображение документа — это картинка, а не документ, и загружать его следует как изображение.\n\n## Как выжать максимум\n\n- **Назовите экраны прямо в документе.** Техзадание с явным списком экранов даёт куда лучший план, чем документ, описывающий только поведение.\n- **Укажите нужный раздел.** «Спроектируй только экраны из раздела 4» лучше, чем просьба спроектировать весь документ разом.\n- **Оставьте документ в проекте.** Он останется доступным для последующих запросов, поэтому даже спустя месяцы под рукой будут исходные требования.\n\n## Стоимость\n\nПеречислять и читать документы бесплатно. Кредиты стоят только экраны, спроектированные по ним.","text":"Если размышления уже есть в документе, не перепечатывайте их в промпт. Шаги 1. Откройте проект и загрузите документ в раздел документов проекта (или приложите его в поле промпта). 2. Попросите то, что нужно из него собрать: Прочитай техническое задание и спроектируй описанные в нём экраны. Начни с плана. 3. ИИ перечислит документы проекта, прочитает подходящий и будет опираться на него как на источник истины для экранов, содержания и терминологии. Поддерживаемые документы Технические задания, дизайн-брифы, спецификации и похожие текстовые документы. Важно, чтобы текст извлекался: отсканированное изображение документа — это картинка, а не документ, и загружать его следует как изображение. Как выжать максимум - Назовите экраны прямо в документе. Техзадание с явным списком экранов даёт куда лучший план, чем документ, описывающий только поведение. - Укажите нужный раздел. «Спроектируй только экраны из раздела 4» лучше, чем просьба спроектировать весь документ разом. - Оставьте документ в проекте. Он останется доступным для последующих запросов, поэтому даже спустя месяцы под рукой будут исходные требования. Стоимость Перечислять и читать документы бесплатно. Кредиты стоят только экраны, спроектированные по ним."},{"slug":"wireframe-mode","category":"generate","categoryTitle":"Генерация макетов","title":"Режим вайрфрейма","description":"Генерируйте вайрфреймы низкой детализации, чтобы договориться о структуре до визуального дизайна.","url":"https://uxmagic.ai/ru/help/generate/wireframe-mode","type":"guide","keywords":["вайрфрейм","низкая детализация","lo-fi","структура","оттенки серого"],"headings":["Зачем это нужно","Как пользоваться","От вайрфрейма к высокой детализации","Когда это можно пропустить"],"updated":"2026-08-27","faqs":[],"related":["ways-to-generate-a-screen","sketch-to-ui","flow-mode-and-screen-plans"],"markdown":"Режим вайрфрейма выдаёт нарочито простые экраны в оттенках серого: прямоугольники, подписи и иерархия, без бренда, без изображений и без мнений о стиле.\n\n## Зачем это нужно\n\nПотому что красивый экран заканчивает разговор. Заинтересованные стороны начинают реагировать на цвет вместо сценария. Вайрфрейм удерживает спор на структуре — там, где ему и место на раннем этапе.\n\n## Как пользоваться\n\nПопросите явно:\n\n> Сделай вайрфрейм сценария оплаты: корзина, доставка, оплата, подтверждение.\n\nИли превратите существующий скриншот в аккуратный вайрфрейм:\n\n> Преврати этот скриншот в вайрфрейм, чтобы мы могли перестроить структуру.\n\n## От вайрфрейма к высокой детализации\n\nКогда структура согласована, попросите ИИ спроектировать версию высокой детализации по утверждённым вайрфреймам. Структура переносится, тема накладывается сверху.\n\n## Когда это можно пропустить\n\nЕсли вы готовите концепт к завтрашней презентации, идите сразу в высокую детализацию. Вайрфреймы окупаются, когда сначала нужно, чтобы несколько человек договорились о структуре.","text":"Режим вайрфрейма выдаёт нарочито простые экраны в оттенках серого: прямоугольники, подписи и иерархия, без бренда, без изображений и без мнений о стиле. Зачем это нужно Потому что красивый экран заканчивает разговор. Заинтересованные стороны начинают реагировать на цвет вместо сценария. Вайрфрейм удерживает спор на структуре — там, где ему и место на раннем этапе. Как пользоваться Попросите явно: Сделай вайрфрейм сценария оплаты: корзина, доставка, оплата, подтверждение. Или превратите существующий скриншот в аккуратный вайрфрейм: Преврати этот скриншот в вайрфрейм, чтобы мы могли перестроить структуру. От вайрфрейма к высокой детализации Когда структура согласована, попросите ИИ спроектировать версию высокой детализации по утверждённым вайрфреймам. Структура переносится, тема накладывается сверху. Когда это можно пропустить Если вы готовите концепт к завтрашней презентации, идите сразу в высокую детализацию. Вайрфреймы окупаются, когда сначала нужно, чтобы несколько человек договорились о структуре."},{"slug":"flow-mode-and-screen-plans","category":"generate","categoryTitle":"Генерация макетов","title":"Режим потока и планы экранов","description":"Сгенерируйте целый многоэкранный путь одним промптом и отредактируйте план до того, как что-то будет спроектировано.","url":"https://uxmagic.ai/ru/help/generate/flow-mode-and-screen-plans","type":"guide","keywords":["поток","много экранов","путь пользователя","план","сценарий","утвердить план"],"headings":["План экранов","Режим потока","Стоимость","Дополнение существующего сценария"],"updated":"2026-08-27","faqs":[],"related":["text-to-ui","wireframe-mode","how-credits-work"],"markdown":"## План экранов\n\nДля нового проекта ИИ предлагает **план** — именованный список экранов, у каждого по строке о назначении, — прежде чем что-то проектировать. Вы можете:\n\n- **утвердить** его как есть,\n- **отредактировать**: переименовать, поменять порядок, добавить или убрать экраны,\n- **отклонить** и заново описать, чего вы хотите.\n\nПроектирование начинается только после утверждения.\n\nОтнеситесь к этому шагу серьёзно. Планирование дёшево, проектирование — нет. Исправить неверный список экранов здесь стоит одного круга. Исправить его после восьми готовых экранов стоит восьми перегенераций.\n\n## Режим потока\n\nРежим потока проектирует весь путь за один заход, с общей темой и общей структурой навигации между экранами. Описывайте путь, а не экраны:\n\n> Приложение доставки еды: просмотр ресторанов, карточка ресторана, корзина, оплата, отслеживание заказа.\n\nЭкраны проектируются по одному и появляются на холсте по мере готовности, так что вы можете начать проверять их до конца прогона.\n\n## Стоимость\n\nПоток и другие многоэкранные операции тарифицируются **за каждый экран**, поэтому сценарий из пяти экранов стоит впятеро дороже одного. Точные цифры — в [Как работают кредиты](/help/account-and-billing/how-credits-work). Проверьте баланс перед запуском большого потока: прогон, остановившийся на середине, оставит вас с половиной сценария.\n\n## Дополнение существующего сценария\n\nПланировать всё заранее необязательно. Попросите добавить экраны позже — они будут спроектированы в уже существующей теме и навигации:\n\n> Добавь экран «забыли пароль» и пустое состояние для списка заказов.","text":"План экранов Для нового проекта ИИ предлагает план — именованный список экранов, у каждого по строке о назначении, — прежде чем что-то проектировать. Вы можете: - утвердить его как есть, - отредактировать: переименовать, поменять порядок, добавить или убрать экраны, - отклонить и заново описать, чего вы хотите. Проектирование начинается только после утверждения. Отнеситесь к этому шагу серьёзно. Планирование дёшево, проектирование — нет. Исправить неверный список экранов здесь стоит одного круга. Исправить его после восьми готовых экранов стоит восьми перегенераций. Режим потока Режим потока проектирует весь путь за один заход, с общей темой и общей структурой навигации между экранами. Описывайте путь, а не экраны: Приложение доставки еды: просмотр ресторанов, карточка ресторана, корзина, оплата, отслеживание заказа. Экраны проектируются по одному и появляются на холсте по мере готовности, так что вы можете начать проверять их до конца прогона. Стоимость Поток и другие многоэкранные операции тарифицируются за каждый экран, поэтому сценарий из пяти экранов стоит впятеро дороже одного. Точные цифры — в Как работают кредиты. Проверьте баланс перед запуском большого потока: прогон, остановившийся на середине, оставит вас с половиной сценария. Дополнение существующего сценария Планировать всё заранее необязательно. Попросите добавить экраны позже — они будут спроектированы в уже существующей теме и навигации: Добавь экран «забыли пароль» и пустое состояние для списка заказов."},{"slug":"editing-a-screen","category":"design-and-edit","categoryTitle":"Дизайн и правки","title":"Редактирование экрана","description":"Три способа изменить макет — чат, режим редактирования и тема — и когда каждый из них уместен.","url":"https://uxmagic.ai/ru/help/design-and-edit/editing-a-screen","type":"guide","keywords":["редактирование","изменить макет","режим редактирования","правка","подкрутить","обновить"],"headings":["1. Режим редактирования — для содержания","2. Чат — для структуры","3. Тема — для всего визуального и глобального","Чего делать не стоит","Версии","Подвох с фокусом клавиатуры"],"updated":"2026-08-27","faqs":[],"related":["chat-editing","themes-and-style-guides","versions-and-history"],"markdown":"Есть три способа изменить экран, и правильный выбор экономит и время, и кредиты.\n\n## 1. Режим редактирования — для содержания\n\nЩёлкните внутри экрана, чтобы войти в режим редактирования. Здесь можно:\n\n- **Править текст напрямую.** Щёлкните по заголовку или абзацу и печатайте.\n- **Менять изображения.** Заменить сгенерированную картинку своей загруженной.\n- **Подстраивать простые свойства** у выбранного элемента.\n\nРежим редактирования не обращается к ИИ, поэтому он мгновенный и бесплатный. Используйте его для текстов, названий, цен и замены картинок.\n\n## 2. Чат — для структуры\n\nВсё, что меняет *форму* страницы, идёт через чат:\n\n> Добавь блок отзывов между возможностями и ценами.\n> Сделай герой-блок короче и подними кнопку выше линии сгиба.\n> Преврати три блока возможностей в двухколоночную раскладку.\n\nТочечные правки через чат гораздо дешевле перегенерации экрана. См. [Правки через чат](/help/design-and-edit/chat-editing).\n\n## 3. Тема — для всего визуального и глобального\n\nЦвета, шрифты, радиусы углов и отступы живут в теме проекта. Меняйте их там — и все экраны поедут вместе. Правка цвета на одном экране — ровно тот путь, которым проекты приходят к несогласованности. См. [Темы и гайдлайны](/help/design-and-edit/themes-and-style-guides).\n\n## Чего делать не стоит\n\n**Не перегенерируйте ради мелкой правки.** Перегенерация — одна из самых дорогих операций, и она выбрасывает те части экрана, что уже были верны. Попросите конкретное изменение.\n\n## Версии\n\nКаждая правка ИИ создаёт новую версию. Ничего не уничтожается, и вы всегда можете вернуться назад. См. [Версии и история](/help/design-and-edit/versions-and-history).\n\n## Подвох с фокусом клавиатуры\n\nЕсли Delete или ⌘Z будто ничего не делают, сначала щёлкните по пустому месту холста. Пока курсор в поле промпта, эти нажатия принадлежат текстовому полю.","text":"Есть три способа изменить экран, и правильный выбор экономит и время, и кредиты. 1. Режим редактирования — для содержания Щёлкните внутри экрана, чтобы войти в режим редактирования. Здесь можно: - Править текст напрямую. Щёлкните по заголовку или абзацу и печатайте. - Менять изображения. Заменить сгенерированную картинку своей загруженной. - Подстраивать простые свойства у выбранного элемента. Режим редактирования не обращается к ИИ, поэтому он мгновенный и бесплатный. Используйте его для текстов, названий, цен и замены картинок. 2. Чат — для структуры Всё, что меняет форму страницы, идёт через чат: Добавь блок отзывов между возможностями и ценами. Сделай герой-блок короче и подними кнопку выше линии сгиба. Преврати три блока возможностей в двухколоночную раскладку. Точечные правки через чат гораздо дешевле перегенерации экрана. См. Правки через чат. 3. Тема — для всего визуального и глобального Цвета, шрифты, радиусы углов и отступы живут в теме проекта. Меняйте их там — и все экраны поедут вместе. Правка цвета на одном экране — ровно тот путь, которым проекты приходят к несогласованности. См. Темы и гайдлайны. Чего делать не стоит Не перегенерируйте ради мелкой правки. Перегенерация — одна из самых дорогих операций, и она выбрасывает те части экрана, что уже были верны. Попросите конкретное изменение. Версии Каждая правка ИИ создаёт новую версию. Ничего не уничтожается, и вы всегда можете вернуться назад. См. Версии и история. Подвох с фокусом клавиатуры Если Delete или ⌘Z будто ничего не делают, сначала щёлкните по пустому месту холста. Пока курсор в поле промпта, эти нажатия принадлежат текстовому полю."},{"slug":"chat-editing","category":"design-and-edit","categoryTitle":"Дизайн и правки","title":"Правки через чат","description":"Как формулировать запросы к ИИ, чтобы получить именно то изменение и именно на тех экранах, которые вы имели в виду.","url":"https://uxmagic.ai/ru/help/design-and-edit/chat-editing","type":"guide","keywords":["чат","правки ии","инструкции","спросить ии","доработка","итерации"],"headings":["Скажите, о каком экране речь","Говорите, что именно не так, а не что «плохо»","По две-три правки за раз","Применить изменение везде","Заменить изображение везде","Перекраска","Когда он делает то, о чём вы не просили","Уточняющие вопросы"],"updated":"2026-08-27","faqs":[],"related":["editing-a-screen","writing-a-good-prompt","the-ai-is-not-following-my-brief"],"markdown":"![Панель чата агента со списком выполненных шагов: разбор запроса, чтение темы, планирование экранов, затем проектирование каждого из них.](/help/agent-chat.webp)\n\n## Скажите, о каком экране речь\n\nЕсли на холсте несколько экранов, назовите нужный или сначала выделите его:\n\n> На странице цен сделай средний тариф выделенным.\n\nБез цели ИИ приходится угадывать, и иногда он угадает тот экран, на который вы смотрели последним, а не тот, что имели в виду.\n\n## Говорите, что именно не так, а не что «плохо»\n\n- ❌ «Герой-блок плохой».\n- ✅ «Герой-блок слишком высокий, и заголовок конкурирует с подзаголовком. Уменьши вертикальные отступы вдвое и опусти подзаголовок на размер».\n\n## По две-три правки за раз\n\nДлинные списки взаимодействуют непредсказуемо, и если один пункт лёг плохо, вы не поймёте, какая инструкция это вызвала. Небольшие партии в итоге быстрее.\n\n## Применить изменение везде\n\nСкажите это явно:\n\n> На **каждом** экране поменяй кнопку в навигации на «Начать бесплатно».\n\nОперации на весь проект существуют именно для этого. Делать то же самое по экранам — тратить кредиты и в итоге разъехаться.\n\n## Заменить изображение везде\n\nДля замены логотипа или снимка продукта на всех экранах есть отдельный детерминированный путь — попросите заменить ресурс везде, а не правьте каждый экран:\n\n> Замени логотип на всех экранах на тот, что я только что загрузил.\n\nСм. [Изображения в ваших макетах](/help/design-and-edit/images-in-your-designs).\n\n## Перекраска\n\nИзменения цвета должны идти через тему, а не через правку классов у отдельных элементов:\n\n> Сделай основной цвет более тёплым синим.\n\nЭто одна операция, она бесплатна и двигает все экраны согласованно. См. [Темы и гайдлайны](/help/design-and-edit/themes-and-style-guides).\n\n## Когда он делает то, о чём вы не просили\n\nСкажите прямо и конкретно: *«Ты поменял палитру — я просил только кнопку. Верни прежние цвета»*. Если это повторяется на одном и том же брифе, сформулируйте ограничение в абсолютных выражениях («Не меняй никакие цвета») — и см. [ИИ не следует моему брифу](/help/troubleshooting/the-ai-is-not-following-my-brief).\n\n## Уточняющие вопросы\n\nИногда ИИ задаёт вам вопрос с вариантами ответа перед тем, как действовать, — когда есть настоящая двусмысленность, которую он не может разрешить. Ответить дешевле, чем получить пять экранов, построенных на неверном предположении.","text":"Скажите, о каком экране речь Если на холсте несколько экранов, назовите нужный или сначала выделите его: На странице цен сделай средний тариф выделенным. Без цели ИИ приходится угадывать, и иногда он угадает тот экран, на который вы смотрели последним, а не тот, что имели в виду. Говорите, что именно не так, а не что «плохо» - ❌ «Герой-блок плохой». - ✅ «Герой-блок слишком высокий, и заголовок конкурирует с подзаголовком. Уменьши вертикальные отступы вдвое и опусти подзаголовок на размер». По две-три правки за раз Длинные списки взаимодействуют непредсказуемо, и если один пункт лёг плохо, вы не поймёте, какая инструкция это вызвала. Небольшие партии в итоге быстрее. Применить изменение везде Скажите это явно: На каждом экране поменяй кнопку в навигации на «Начать бесплатно». Операции на весь проект существуют именно для этого. Делать то же самое по экранам — тратить кредиты и в итоге разъехаться. Заменить изображение везде Для замены логотипа или снимка продукта на всех экранах есть отдельный детерминированный путь — попросите заменить ресурс везде, а не правьте каждый экран: Замени логотип на всех экранах на тот, что я только что загрузил. См. Изображения в ваших макетах. Перекраска Изменения цвета должны идти через тему, а не через правку классов у отдельных элементов: Сделай основной цвет более тёплым синим. Это одна операция, она бесплатна и двигает все экраны согласованно. См. Темы и гайдлайны. Когда он делает то, о чём вы не просили Скажите прямо и конкретно: «Ты поменял палитру — я просил только кнопку. Верни прежние цвета». Если это повторяется на одном и том же брифе, сформулируйте ограничение в абсолютных выражениях («Не меняй никакие цвета») — и см. ИИ не следует моему брифу. Уточняющие вопросы Иногда ИИ задаёт вам вопрос с вариантами ответа перед тем, как действовать, — когда есть настоящая двусмысленность, которую он не может разрешить. Ответить дешевле, чем получить пять экранов, построенных на неверном предположении."},{"slug":"themes-and-style-guides","category":"design-and-edit","categoryTitle":"Дизайн и правки","title":"Темы и гайдлайны","description":"Как устроена тема проекта, как менять её безопасно и почему цвета нельзя править по экранам.","url":"https://uxmagic.ai/ru/help/design-and-edit/themes-and-style-guides","type":"guide","keywords":["тема","гайдлайн","цвета","бренд","тёмная тема","палитра","токены"],"headings":["Поменять несколько цветов","Собрать совсем новый облик","Ограничить изменение","Контраст проверяется","Сгенерировать гайдлайн","Частые ошибки"],"updated":"2026-08-27","faqs":[{"question":"Изменение темы стоит кредитов?","answer":"Нет. Создание и обновление темы бесплатно. Кредиты тратятся только на генерацию самих экранов."},{"question":"Может ли у одного экрана быть своя тема?","answer":"Да — попросите ограничить изменение этим экраном. По умолчанию изменение темы применяется ко всему проекту, и обычно это то, что нужно."}],"related":["fonts-and-typography","editing-a-screen","style-guide-did-not-apply"],"markdown":"У каждого проекта есть **тема** — набор дизайн-токенов для цветов, типографики, радиусов и отступов. Экраны ссылаются на эти токены, а не на жёстко заданные значения, и именно это делает двадцать экранов похожими на один продукт.\n\n## Поменять несколько цветов\n\nПросто попросите:\n\n> Сделай основной цвет #1B4DFF.\n> Фон слишком холодный — сделай теплее.\n\nТак небольшое изменение вливается в существующую тему, а всё остальное остаётся нетронутым. Это бесплатно и применяется везде сразу.\n\n## Собрать совсем новый облик\n\nДля сплошного изменения — редизайна, перехода на тёмную тему, нового бренда — попросите именно это:\n\n> Дай всему проекту тёмную тему.\n> Переделай это под наш новый бренд: глубокий зелёный как основной, кремовый фон, заголовки с засечками.\n\nТак соберётся полностью новый набор токенов, а не заплатка на старом.\n\n## Ограничить изменение\n\nПо умолчанию изменения темы действуют **на весь проект**. Чтобы ограничить одним экраном, скажите об этом:\n\n> Только на лендинге сделай фон шапки чёрным.\n\n## Контраст проверяется\n\nТемы проверяются на читаемость цветовых пар до применения, поэтому вы не должны получить тёмный текст на тёмном фоне. Если вы намеренно хотите низкоконтрастное решение, скажите об этом — но будьте готовы, что система будет подталкивать в сторону читаемости.\n\n## Сгенерировать гайдлайн\n\nПопросите гайдлайн — и получите отрисованный экран с палитрой, типографской шкалой и основными компонентами: полезно и как артефакт для передачи, и как проверка связности системы.\n\n## Частые ошибки\n\n- **Править цвет на одном экране.** Это срабатывает, а потом следующий сгенерированный экран не совпадает. Используйте тему.\n- **Просить «тёмный режим», находясь в режиме редактирования на элементе.** Так цвета могут зашиться в код вместо перестройки темы. Просите в чате, на уровне проекта.\n- **Считать, что раз инструмент темы отчитался об успехе, значит всё отрисовалось.** Посмотрите на холст. Если экраны не изменились, см. [Мой гайдлайн не применился](/help/troubleshooting/style-guide-did-not-apply).","text":"У каждого проекта есть тема — набор дизайн-токенов для цветов, типографики, радиусов и отступов. Экраны ссылаются на эти токены, а не на жёстко заданные значения, и именно это делает двадцать экранов похожими на один продукт. Поменять несколько цветов Просто попросите: Сделай основной цвет #1B4DFF. Фон слишком холодный — сделай теплее. Так небольшое изменение вливается в существующую тему, а всё остальное остаётся нетронутым. Это бесплатно и применяется везде сразу. Собрать совсем новый облик Для сплошного изменения — редизайна, перехода на тёмную тему, нового бренда — попросите именно это: Дай всему проекту тёмную тему. Переделай это под наш новый бренд: глубокий зелёный как основной, кремовый фон, заголовки с засечками. Так соберётся полностью новый набор токенов, а не заплатка на старом. Ограничить изменение По умолчанию изменения темы действуют на весь проект. Чтобы ограничить одним экраном, скажите об этом: Только на лендинге сделай фон шапки чёрным. Контраст проверяется Темы проверяются на читаемость цветовых пар до применения, поэтому вы не должны получить тёмный текст на тёмном фоне. Если вы намеренно хотите низкоконтрастное решение, скажите об этом — но будьте готовы, что система будет подталкивать в сторону читаемости. Сгенерировать гайдлайн Попросите гайдлайн — и получите отрисованный экран с палитрой, типографской шкалой и основными компонентами: полезно и как артефакт для передачи, и как проверка связности системы. Частые ошибки - Править цвет на одном экране. Это срабатывает, а потом следующий сгенерированный экран не совпадает. Используйте тему. - Просить «тёмный режим», находясь в режиме редактирования на элементе. Так цвета могут зашиться в код вместо перестройки темы. Просите в чате, на уровне проекта. - Считать, что раз инструмент темы отчитался об успехе, значит всё отрисовалось. Посмотрите на холст. Если экраны не изменились, см. Мой гайдлайн не применился."},{"slug":"fonts-and-typography","category":"design-and-edit","categoryTitle":"Дизайн и правки","title":"Шрифты и типографика","description":"Выбор шрифтов, использование Google Fonts и что делать, когда смена шрифта не появляется.","url":"https://uxmagic.ai/ru/help/design-and-edit/fonts-and-typography","type":"howto","keywords":["шрифт","типографика","гарнитура","google fonts","шрифт заголовков","размер текста"],"headings":["Как задать шрифты","Типографская шкала","Если смена шрифта не появляется","Собственные и лицензионные шрифты"],"updated":"2026-08-27","faqs":[],"related":["themes-and-style-guides","style-guide-did-not-apply"],"markdown":"## Как задать шрифты\n\nШрифты — часть темы. Просите их по названию:\n\n> Используй Inter для основного текста и Playfair Display для заголовков.\n\nGoogle Fonts поддерживаются по названию. Если вы назовёте недоступный шрифт, вы получите ближайшее разумное соответствие, а не сломанный экран, — поэтому, если важна точность, проверьте, что применилось на самом деле.\n\n## Типографская шкала\n\nШкалой можно управлять словами:\n\n> Сделай заголовки на размер крупнее и уплотни межстрочный интервал.\n> Основной текст мелковат — подними до 17 px.\n\n## Если смена шрифта не появляется\n\nЭто известный класс проблем, который стоит проверять осознанно: тема может обновиться, а таблица стилей, подгружающая шрифт, — нет. Симптом: макет *утверждает*, что использует шрифт, который явно не отрисовывается.\n\n1. Перезагрузите проект.\n2. Примените смену шрифта в чате ещё раз и смотрите на холст, а не на отчёт инструмента.\n3. Если он так и не отрисовывается, [напишите в поддержку](/help/troubleshooting/contact-support), приложив ссылку на проект и название шрифта.\n\n## Собственные и лицензионные шрифты\n\nСамостоятельно размещённые и лицензионные шрифты сегодня загрузить нельзя. Практичный путь — выбрать ближайший Google Font на этапе проектирования, а затем заменить его своим лицензионным после экспорта: в Figma, в кодовой базе или в CSS опубликованного сайта.","text":"Как задать шрифты Шрифты — часть темы. Просите их по названию: Используй Inter для основного текста и Playfair Display для заголовков. Google Fonts поддерживаются по названию. Если вы назовёте недоступный шрифт, вы получите ближайшее разумное соответствие, а не сломанный экран, — поэтому, если важна точность, проверьте, что применилось на самом деле. Типографская шкала Шкалой можно управлять словами: Сделай заголовки на размер крупнее и уплотни межстрочный интервал. Основной текст мелковат — подними до 17 px. Если смена шрифта не появляется Это известный класс проблем, который стоит проверять осознанно: тема может обновиться, а таблица стилей, подгружающая шрифт, — нет. Симптом: макет утверждает, что использует шрифт, который явно не отрисовывается. 1. Перезагрузите проект. 2. Примените смену шрифта в чате ещё раз и смотрите на холст, а не на отчёт инструмента. 3. Если он так и не отрисовывается, напишите в поддержку, приложив ссылку на проект и название шрифта. Собственные и лицензионные шрифты Самостоятельно размещённые и лицензионные шрифты сегодня загрузить нельзя. Практичный путь — выбрать ближайший Google Font на этапе проектирования, а затем заменить его своим лицензионным после экспорта: в Figma, в кодовой базе или в CSS опубликованного сайта."},{"slug":"images-in-your-designs","category":"design-and-edit","categoryTitle":"Дизайн и правки","title":"Изображения в ваших макетах","description":"Генерация изображений, правка на месте, загрузка своих и замена ресурса на всех экранах.","url":"https://uxmagic.ai/ru/help/design-and-edit/images-in-your-designs","type":"guide","keywords":["изображения","сгенерировать изображение","картинка от ии","загрузить","логотип","заменить изображение","фотографии"],"headings":["Сгенерированные изображения","Правка существующего изображения","Загрузка своих изображений","Заменить ресурс везде","Соотношение сторон","Если изображения битые или бесконечно грузятся"],"updated":"2026-08-27","faqs":[],"related":["chat-editing","editing-a-screen","images-are-broken-or-missing"],"markdown":"![Страница «Ресурсы» с изображениями и логотипами, которые переиспользует проект.](/help/assets.webp)\n\n## Сгенерированные изображения\n\nКогда макету нужны изображения, ИИ их генерирует. Его можно направлять:\n\n> Перегенерируй изображение в герой-блоке: залитый солнцем офис открытой планировки, общий план, тёплые тона, без людей.\n\nОпишите объект, обстановку, композицию, свет и настроение. Голое существительное («ноутбук») даст голый результат.\n\nГенерация изображений тарифицируется поштучно и стоит долю от цены экрана. См. [Как работают кредиты](/help/account-and-billing/how-credits-work).\n\n## Правка существующего изображения\n\nИзображение можно менять **на месте**, оставляя всё остальное идентичным до пикселя:\n\n> На изображении в герой-блоке замени текст на вывеске на «Ledgerly».\n> Перекрась эту иллюстрацию под новую тему.\n\nЭто подходящий инструмент, чтобы поменять текст внутри картинки, перекрасить её, сменить стиль либо добавить или убрать один элемент. Генерация с нуля изменила бы и всё остальное.\n\n## Загрузка своих изображений\n\nЗагружайте через поле промпта или библиотеку ресурсов проекта, а затем ссылайтесь на них:\n\n> Используй фотографию, которую я только что загрузил, как изображение герой-блока на лендинге.\n\n## Заменить ресурс везде\n\nЧтобы поменять логотип или снимок продукта по всему проекту, попросите именно это:\n\n> Замени старый логотип на новый на каждом экране.\n\nЭто выполняется как одна детерминированная операция по всем экранам, а не как правка каждого по отдельности, — единственный надёжный способ убедиться, что вы ничего не пропустили.\n\n## Соотношение сторон\n\nУкажите его, если это важно: «герой 16:9», «квадратная аватарка». Иначе можно получить форму, которая не встанет в отведённое место.\n\n## Если изображения битые или бесконечно грузятся\n\nСм. [Изображения битые или отсутствуют](/help/troubleshooting/images-are-broken-or-missing).","text":"Сгенерированные изображения Когда макету нужны изображения, ИИ их генерирует. Его можно направлять: Перегенерируй изображение в герой-блоке: залитый солнцем офис открытой планировки, общий план, тёплые тона, без людей. Опишите объект, обстановку, композицию, свет и настроение. Голое существительное («ноутбук») даст голый результат. Генерация изображений тарифицируется поштучно и стоит долю от цены экрана. См. Как работают кредиты. Правка существующего изображения Изображение можно менять на месте, оставляя всё остальное идентичным до пикселя: На изображении в герой-блоке замени текст на вывеске на «Ledgerly». Перекрась эту иллюстрацию под новую тему. Это подходящий инструмент, чтобы поменять текст внутри картинки, перекрасить её, сменить стиль либо добавить или убрать один элемент. Генерация с нуля изменила бы и всё остальное. Загрузка своих изображений Загружайте через поле промпта или библиотеку ресурсов проекта, а затем ссылайтесь на них: Используй фотографию, которую я только что загрузил, как изображение герой-блока на лендинге. Заменить ресурс везде Чтобы поменять логотип или снимок продукта по всему проекту, попросите именно это: Замени старый логотип на новый на каждом экране. Это выполняется как одна детерминированная операция по всем экранам, а не как правка каждого по отдельности, — единственный надёжный способ убедиться, что вы ничего не пропустили. Соотношение сторон Укажите его, если это важно: «герой 16:9», «квадратная аватарка». Иначе можно получить форму, которая не встанет в отведённое место. Если изображения битые или бесконечно грузятся См. Изображения битые или отсутствуют."},{"slug":"versions-and-history","category":"design-and-edit","categoryTitle":"Дизайн и правки","title":"Версии и история","description":"Каждое изменение ИИ создаёт новую версию. Как сравнивать, восстанавливать и хранить варианты.","url":"https://uxmagic.ai/ru/help/design-and-edit/versions-and-history","type":"guide","keywords":["версия","история","отменить","восстановить","вернуть","предыдущая","откат"],"headings":["Как устроено версионирование","Переключение версий","Варианты","Отмена и версии — разные вещи","Если изменение будто исчезло","Лучше продублировать"],"updated":"2026-08-27","faqs":[],"related":["editing-a-screen","my-changes-reverted"],"markdown":"## Как устроено версионирование\n\nКаждое изменение ИИ на экране создаёт **новую версию**, а не перезаписывает предыдущую. Экран на холсте показывает активную версию; более ранние остаются доступны.\n\nЗначит, экспериментировать можно свободно. Если направление не сработало — вернитесь на версию назад.\n\n## Переключение версий\n\nОткройте список версий экрана, выберите нужную — и холст обновится. Переключение мгновенное и бесплатное.\n\n## Варианты\n\nВерсии заодно служат вариантами: попросите два решения одного экрана и оставьте оба, переключаясь между ними на обсуждении.\n\n## Отмена и версии — разные вещи\n\n- **⌘Z / Ctrl+Z** — отменяет действия на холсте (перемещение, удаление, прямые правки).\n- **Версии** — шаг назад по состояниям экрана, созданным ИИ.\n\nЭто раздельные механизмы. Отмена не проведёт вас назад через генерации ИИ.\n\n## Если изменение будто исчезло\n\nЕсли выбранная версия откатывается, стоит вам щёлкнуть в стороне, — это ошибка, а не задумка: см. [Мои изменения откатились](/help/troubleshooting/my-changes-reverted).\n\n## Лучше продублировать\n\nЕсли хотите проверить направление, не трогая оригинал, сначала продублируйте экран и экспериментируйте на копии.","text":"Как устроено версионирование Каждое изменение ИИ на экране создаёт новую версию, а не перезаписывает предыдущую. Экран на холсте показывает активную версию; более ранние остаются доступны. Значит, экспериментировать можно свободно. Если направление не сработало — вернитесь на версию назад. Переключение версий Откройте список версий экрана, выберите нужную — и холст обновится. Переключение мгновенное и бесплатное. Варианты Версии заодно служат вариантами: попросите два решения одного экрана и оставьте оба, переключаясь между ними на обсуждении. Отмена и версии — разные вещи - ⌘Z / Ctrl+Z — отменяет действия на холсте (перемещение, удаление, прямые правки). - Версии — шаг назад по состояниям экрана, созданным ИИ. Это раздельные механизмы. Отмена не проведёт вас назад через генерации ИИ. Если изменение будто исчезло Если выбранная версия откатывается, стоит вам щёлкнуть в стороне, — это ошибка, а не задумка: см. Мои изменения откатились. Лучше продублировать Если хотите проверить направление, не трогая оригинал, сначала продублируйте экран и экспериментируйте на копии."},{"slug":"responsive-variants","category":"design-and-edit","categoryTitle":"Дизайн и правки","title":"Адаптивные варианты и варианты под устройства","description":"Создайте мобильную и десктопную версии экрана и держите их в согласии.","url":"https://uxmagic.ai/ru/help/design-and-edit/responsive-variants","type":"howto","keywords":["адаптив","мобильный","десктоп","планшет","устройство","брейкпоинт","мобильная версия"],"headings":["Создание варианта","Стоимость","Как держать варианты в согласии","Тема общая","Экспортированный код"],"updated":"2026-08-27","faqs":[],"related":["editing-a-screen","themes-and-style-guides","export-code"],"markdown":"## Создание варианта\n\nПопросите об этом или используйте переключатель устройства на экране:\n\n> Сделай мобильную версию лендинга.\n\nВариант — это **новый экран** на холсте, приспособленный к целевой ширине, а не плавное изменение размера. Раскладка действительно перестраивается: многоколоночные блоки складываются в столбик, навигация сворачивается, типографика уменьшается.\n\n## Стоимость\n\nПеревод экрана на другой размер устройства тарифицируется за экран по той же ставке, что и перегенерация, — потому что это она и есть. Перевести восемь экранов стоит в восемь раз дороже, так что сначала стоит проверить баланс.\n\n## Как держать варианты в согласии\n\nВарианты — отдельные экраны, поэтому более поздняя правка десктопной версии не переезжает в мобильную сама. Два варианта:\n\n- Попросить изменение для обеих явно: *«И на десктопном, и на мобильном лендинге поменяй кнопку на „Начать бесплатно“»*.\n- Либо сначала закончить десктопный макет, а варианты сгенерировать один раз в конце. Обычно это более дешёвый порядок работы.\n\n## Тема общая\n\nОба варианта используют тему проекта, поэтому изменения цвета и шрифта применяются к ним автоматически. Своей у каждого варианта остаётся только раскладка.\n\n## Экспортированный код\n\nЭкспортированный код отражает тот экран, который вы экспортировали. Если вам нужна одна по-настоящему адаптивная реализация, а не две фиксированные раскладки, экспортируйте десктопный экран и адаптируйте его либо экспортируйте оба и сведите их на брейкпоинте — см. [Экспорт кода](/help/export-and-handoff/export-code).","text":"Создание варианта Попросите об этом или используйте переключатель устройства на экране: Сделай мобильную версию лендинга. Вариант — это новый экран на холсте, приспособленный к целевой ширине, а не плавное изменение размера. Раскладка действительно перестраивается: многоколоночные блоки складываются в столбик, навигация сворачивается, типографика уменьшается. Стоимость Перевод экрана на другой размер устройства тарифицируется за экран по той же ставке, что и перегенерация, — потому что это она и есть. Перевести восемь экранов стоит в восемь раз дороже, так что сначала стоит проверить баланс. Как держать варианты в согласии Варианты — отдельные экраны, поэтому более поздняя правка десктопной версии не переезжает в мобильную сама. Два варианта: - Попросить изменение для обеих явно: «И на десктопном, и на мобильном лендинге поменяй кнопку на „Начать бесплатно“». - Либо сначала закончить десктопный макет, а варианты сгенерировать один раз в конце. Обычно это более дешёвый порядок работы. Тема общая Оба варианта используют тему проекта, поэтому изменения цвета и шрифта применяются к ним автоматически. Своей у каждого варианта остаётся только раскладка. Экспортированный код Экспортированный код отражает тот экран, который вы экспортировали. Если вам нужна одна по-настоящему адаптивная реализация, а не две фиксированные раскладки, экспортируйте десктопный экран и адаптируйте его либо экспортируйте оба и сведите их на брейкпоинте — см. Экспорт кода."},{"slug":"component-libraries","category":"design-and-edit","categoryTitle":"Дизайн и правки","title":"Библиотеки компонентов и дизайн-системы","description":"Используйте встроенные библиотеки Figma и React или принесите в проект свои компоненты.","url":"https://uxmagic.ai/ru/help/design-and-edit/component-libraries","type":"guide","keywords":["компоненты","дизайн-система","библиотека","компоненты react","компоненты figma","переиспользование"],"headings":["Встроенные библиотеки","Своя дизайн-система","Как удержать сгенерированные экраны внутри системы","На тарифе Enterprise"],"updated":"2026-08-27","faqs":[],"related":["import-from-figma","themes-and-style-guides","export-code"],"markdown":"![Встроенная библиотека компонентов Figma с категориями готовых компонентов.](/help/figma-library.webp)\n\n## Встроенные библиотеки\n\nВ UXMagic есть две библиотеки, которые можно листать прямо во время работы:\n\n- **[Библиотека компонентов Figma](/figma-component-library)** — компоненты, готовые к переносу в файл Figma.\n- **[Библиотека компонентов React](/react-component-library)** — компоненты кода по тем же паттернам.\n\nОбе разложены по категориям, и у каждого компонента есть варианты.\n\n## Своя дизайн-система\n\nИмпортируйте свои компоненты Figma или дизайн-систему в проект, чтобы сгенерированные экраны использовали *ваши* компоненты, а не типовые. См. [Импорт из Figma](/help/generate/import-from-figma).\n\nПосле импорта называйте их по имени:\n\n> Используй наши компоненты Button и Card для тарифов.\n\n## Как удержать сгенерированные экраны внутри системы\n\nДве вещи делают почти всю работу:\n\n1. **Тема, соответствующая вашему бренду**, чтобы цвета и шрифты были верными по умолчанию. См. [Темы и гайдлайны](/help/design-and-edit/themes-and-style-guides).\n2. **Явные указания**, когда ИИ начинает импровизировать: *«Используй только компоненты из нашей импортированной библиотеки»*.\n\n## На тарифе Enterprise\n\nТарифы Enterprise включают общую дизайн-систему и библиотеку компонентов на всю команду, чтобы сгенерированные экраны у всех начинались с одних и тех же компонентов.","text":"Встроенные библиотеки В UXMagic есть две библиотеки, которые можно листать прямо во время работы: - Библиотека компонентов Figma — компоненты, готовые к переносу в файл Figma. - Библиотека компонентов React — компоненты кода по тем же паттернам. Обе разложены по категориям, и у каждого компонента есть варианты. Своя дизайн-система Импортируйте свои компоненты Figma или дизайн-систему в проект, чтобы сгенерированные экраны использовали ваши компоненты, а не типовые. См. Импорт из Figma. После импорта называйте их по имени: Используй наши компоненты Button и Card для тарифов. Как удержать сгенерированные экраны внутри системы Две вещи делают почти всю работу: 1. Тема, соответствующая вашему бренду, чтобы цвета и шрифты были верными по умолчанию. См. Темы и гайдлайны. 2. Явные указания, когда ИИ начинает импровизировать: «Используй только компоненты из нашей импортированной библиотеки». На тарифе Enterprise Тарифы Enterprise включают общую дизайн-систему и библиотеку компонентов на всю команду, чтобы сгенерированные экраны у всех начинались с одних и тех же компонентов."},{"slug":"export-to-figma","category":"export-and-handoff","categoryTitle":"Экспорт и передача","title":"Экспорт в Figma","description":"Отправьте экраны в Figma настоящими редактируемыми фреймами с auto-layout, готовыми к передаче в разработку.","url":"https://uxmagic.ai/ru/help/export-and-handoff/export-to-figma","type":"howto","keywords":["экспорт figma","экспорт в figma","auto layout","передача","дизайнер"],"headings":["Шаги","Что вы получаете","Лимит экспортов","Как получить самый чистый результат","Работа в обе стороны","Если экспорт не удался"],"updated":"2026-08-27","faqs":[{"question":"Экспортированный файл Figma редактируемый?","answer":"Да. Вы получаете настоящие слои Figma с auto-layout, редактируемым текстом и настоящими заливками, а не сведённую картинку."},{"question":"Сколько экспортов в Figma мне доступно?","answer":"На тарифе Free — небольшое фиксированное число; на платных тарифах — гораздо больший месячный лимит. Остаток экспортов виден в вашем аккаунте."}],"related":["figma-plugin","import-from-figma","export-code","figma-export-failed"],"markdown":"Экспорт в Figma даёт **настоящие редактируемые фреймы Figma** — структуру auto-layout, живые текстовые слои, настоящие заливки и эффекты, — а не сведённый скриншот.\n\n![Меню массового экспорта поверх проекта UXMagic предлагает выгрузить выбранные экраны.](/help/export-menu.webp)\n\n## Шаги\n\n1. Выделите экран (или несколько), который нужно экспортировать.\n2. Выберите **Экспорт → Figma**.\n3. Пройдите передачу в Figma: через подключённый аккаунт Figma либо через [плагин UXMagic для Figma](/help/integrations/figma-plugin).\n\n## Что вы получаете\n\n- **Фреймы с auto-layout**, которые корректно ведут себя при изменении размера.\n- **Редактируемые текстовые слои** с их типографскими стилями.\n- **Настоящие заливки, градиенты и тени.**\n- **Изображения**, перенесённые как заливки.\n- **Именованные слои**, сгруппированные по блокам, — файл можно листать, а не разбирать кашу из прямоугольников.\n\n## Лимит экспортов\n\nЭкспорты в Figma считаются. Тариф Free включает небольшое фиксированное число, платные тарифы — большой месячный лимит. Остаток виден в аккаунте. См. [Тарифы и лимиты](/help/account-and-billing/plans-and-limits).\n\n## Как получить самый чистый результат\n\n- **Сначала закончите тему.** Экспортировать, переоформить в Figma и экспортировать заново — значит проделать работу в Figma дважды.\n- **Экспортируйте сценарий целиком**, а не по одному экрану, чтобы фреймы легли рядом в одном файле.\n- **Назовите экраны** до экспорта: имена переносятся, а работать потом с безымянными фреймами мучительно.\n\n## Работа в обе стороны\n\nМожно двигаться и в обратную сторону, забирая фреймы из Figma, — см. [Импорт из Figma](/help/generate/import-from-figma). Частый сценарий: сгенерировать в UXMagic → экспортировать в Figma → дизайнер доводит → импортировать обратно и продолжать с ИИ.\n\n## Если экспорт не удался\n\nСм. [Экспорт в Figma не удался](/help/troubleshooting/figma-export-failed).","text":"Экспорт в Figma даёт настоящие редактируемые фреймы Figma — структуру auto-layout, живые текстовые слои, настоящие заливки и эффекты, — а не сведённый скриншот. Шаги 1. Выделите экран (или несколько), который нужно экспортировать. 2. Выберите Экспорт → Figma. 3. Пройдите передачу в Figma: через подключённый аккаунт Figma либо через плагин UXMagic для Figma. Что вы получаете - Фреймы с auto-layout, которые корректно ведут себя при изменении размера. - Редактируемые текстовые слои с их типографскими стилями. - Настоящие заливки, градиенты и тени. - Изображения, перенесённые как заливки. - Именованные слои, сгруппированные по блокам, — файл можно листать, а не разбирать кашу из прямоугольников. Лимит экспортов Экспорты в Figma считаются. Тариф Free включает небольшое фиксированное число, платные тарифы — большой месячный лимит. Остаток виден в аккаунте. См. Тарифы и лимиты. Как получить самый чистый результат - Сначала закончите тему. Экспортировать, переоформить в Figma и экспортировать заново — значит проделать работу в Figma дважды. - Экспортируйте сценарий целиком, а не по одному экрану, чтобы фреймы легли рядом в одном файле. - Назовите экраны до экспорта: имена переносятся, а работать потом с безымянными фреймами мучительно. Работа в обе стороны Можно двигаться и в обратную сторону, забирая фреймы из Figma, — см. Импорт из Figma. Частый сценарий: сгенерировать в UXMagic → экспортировать в Figma → дизайнер доводит → импортировать обратно и продолжать с ИИ. Если экспорт не удался См. Экспорт в Figma не удался."},{"slug":"export-code","category":"export-and-handoff","categoryTitle":"Экспорт и передача","title":"Экспорт кода (HTML, React, Tailwind)","description":"Выгрузите один экран или весь проект как готовый к продакшену фронтенд-код.","url":"https://uxmagic.ai/ru/help/export-and-handoff/export-code","type":"howto","keywords":["экспорт кода","react","html","tailwind","разработчик","скачать код","jsx"],"headings":["Что можно выгрузить","Экспорт одного экрана","Экспорт целого проекта","Каким получается код","Адаптивность","Сразу в репозиторий"],"updated":"2026-08-27","faqs":[],"related":["github-sync","export-to-figma","component-libraries"],"markdown":"![Библиотека компонентов React с компонентами, готовыми к копированию в кодовую базу.](/help/react-library.webp)\n\n## Что можно выгрузить\n\n- **Один экран** как HTML или как React-компонент.\n- **Целый проект** как многоэкранный React-проект, собранный и доступный к скачиванию архивом.\n\nСтилизация — Tailwind CSS, тема проекта выражена дизайн-токенами, поэтому код несёт ту же систему, что и холст.\n\n## Экспорт одного экрана\n\n1. Выделите экран.\n2. **Экспорт → Код**.\n3. Выберите HTML или React.\n4. Скопируйте или скачайте.\n\n## Экспорт целого проекта\n\nЭкспорт проекта выполняется фоновой задачей: он генерирует каждый экран, а затем собирает их в единую структуру проекта. Крупные проекты занимают больше времени; можно следить за прогрессом и скачать результат по завершении.\n\n## Каким получается код\n\nЭто настоящий читаемый фронтенд-код: семантическая вёрстка, утилитарные классы Tailwind, токены темы для цвета и шрифтов и изображения, на которые он ссылается по адресам из хранилища ресурсов вашего проекта.\n\nДва момента, которые стоит предусмотреть:\n\n- **Ресурсы по умолчанию лежат снаружи.** Скачайте их в свой репозиторий до релиза, чтобы боевой сайт не зависел от адресов ресурсов UXMagic.\n- **Это фронтенд.** Слоя данных, маршрутизации и управления состоянием нет — их вы подключаете в своём приложении.\n\n## Адаптивность\n\nЭкспортированный код отражает тот экран, который вы выгрузили, на его ширине. Если вы делали отдельные мобильный и десктопный варианты, экспортируйте оба и сведите их на своём брейкпоинте. См. [Адаптивные варианты и варианты под устройства](/help/design-and-edit/responsive-variants).\n\n## Сразу в репозиторий\n\nЭкспортированный код можно отправить прямо в GitHub, не скачивая, — см. [Синхронизация с GitHub](/help/integrations/github-sync).","text":"Что можно выгрузить - Один экран как HTML или как React-компонент. - Целый проект как многоэкранный React-проект, собранный и доступный к скачиванию архивом. Стилизация — Tailwind CSS, тема проекта выражена дизайн-токенами, поэтому код несёт ту же систему, что и холст. Экспорт одного экрана 1. Выделите экран. 2. Экспорт → Код. 3. Выберите HTML или React. 4. Скопируйте или скачайте. Экспорт целого проекта Экспорт проекта выполняется фоновой задачей: он генерирует каждый экран, а затем собирает их в единую структуру проекта. Крупные проекты занимают больше времени; можно следить за прогрессом и скачать результат по завершении. Каким получается код Это настоящий читаемый фронтенд-код: семантическая вёрстка, утилитарные классы Tailwind, токены темы для цвета и шрифтов и изображения, на которые он ссылается по адресам из хранилища ресурсов вашего проекта. Два момента, которые стоит предусмотреть: - Ресурсы по умолчанию лежат снаружи. Скачайте их в свой репозиторий до релиза, чтобы боевой сайт не зависел от адресов ресурсов UXMagic. - Это фронтенд. Слоя данных, маршрутизации и управления состоянием нет — их вы подключаете в своём приложении. Адаптивность Экспортированный код отражает тот экран, который вы выгрузили, на его ширине. Если вы делали отдельные мобильный и десктопный варианты, экспортируйте оба и сведите их на своём брейкпоинте. См. Адаптивные варианты и варианты под устройства. Сразу в репозиторий Экспортированный код можно отправить прямо в GitHub, не скачивая, — см. Синхронизация с GitHub."},{"slug":"export-to-framer-and-webflow","category":"export-and-handoff","categoryTitle":"Экспорт и передача","title":"Экспорт в Framer и Webflow","description":"Перенесите экран в Framer или Webflow одной вставкой, сохранив структуру и оформление.","url":"https://uxmagic.ai/ru/help/export-and-handoff/export-to-framer-and-webflow","type":"howto","keywords":["framer","webflow","no code","вставка","буфер обмена","экспорт framer"],"headings":["Framer","Webflow","Что проверить после вставки","Когда это уместнее экспорта кода"],"updated":"2026-08-27","faqs":[],"related":["export-code","wordpress-publish","publish-your-first-site"],"markdown":"Экспорт в Framer и Webflow идёт через буфер обмена: UXMagic формирует данные в том виде, который понимает каждый инструмент, а вы вставляете их на его холст.\n\n## Framer\n\n1. Выделите экран.\n2. **Экспорт → Framer.**\n3. Скопируйте сформированные данные.\n4. Откройте свой проект Framer и вставьте их на холст.\n\nСтруктура раскладки, текст и оформление приходят нативными слоями Framer, которые можно править дальше.\n\n## Webflow\n\n1. Выделите экран.\n2. **Экспорт → Webflow.**\n3. Скопируйте сформированные данные.\n4. В Webflow Designer вставьте их на холст.\n\nВы получаете настоящие элементы Webflow с классами, а не встраиваемый блок.\n\n## Что проверить после вставки\n\n- **Шрифты** — убедитесь, что использованные гарнитуры доступны в проекте назначения.\n- **Изображения** — они приходят по адресам; загрузите их в менеджер ресурсов принимающего сервиса до публикации.\n- **Интерактив** — анимации и взаимодействия настраиваются в Framer или Webflow, они не переносятся.\n\n## Когда это уместнее экспорта кода\n\nЕсли сайт будет вести команда, которая живёт в Framer или Webflow, вставляйте туда. Если им владеет разработка — [выгружайте код](/help/export-and-handoff/export-code).","text":"Экспорт в Framer и Webflow идёт через буфер обмена: UXMagic формирует данные в том виде, который понимает каждый инструмент, а вы вставляете их на его холст. Framer 1. Выделите экран. 2. Экспорт → Framer. 3. Скопируйте сформированные данные. 4. Откройте свой проект Framer и вставьте их на холст. Структура раскладки, текст и оформление приходят нативными слоями Framer, которые можно править дальше. Webflow 1. Выделите экран. 2. Экспорт → Webflow. 3. Скопируйте сформированные данные. 4. В Webflow Designer вставьте их на холст. Вы получаете настоящие элементы Webflow с классами, а не встраиваемый блок. Что проверить после вставки - Шрифты — убедитесь, что использованные гарнитуры доступны в проекте назначения. - Изображения — они приходят по адресам; загрузите их в менеджер ресурсов принимающего сервиса до публикации. - Интерактив — анимации и взаимодействия настраиваются в Framer или Webflow, они не переносятся. Когда это уместнее экспорта кода Если сайт будет вести команда, которая живёт в Framer или Webflow, вставляйте туда. Если им владеет разработка — выгружайте код."},{"slug":"wordpress-publish","category":"export-and-handoff","categoryTitle":"Экспорт и передача","title":"Отправка макета в WordPress","description":"Подключите сайт на WordPress и публикуйте сгенерированные экраны как страницы.","url":"https://uxmagic.ai/ru/help/export-and-handoff/wordpress-publish","type":"howto","keywords":["wordpress","wp","опубликовать страницу","cms","пароль приложения"],"headings":["Подключение сайта","Публикация экрана","Что важно знать","Если что-то не работает"],"updated":"2026-08-27","faqs":[],"related":["publish-your-first-site","export-to-framer-and-webflow","export-code"],"markdown":"## Подключение сайта\n\nДва способа в разделе **Интеграции → WordPress**:\n\n- **Пароль приложения** — создайте его в своём профиле пользователя WordPress и вставьте вместе с адресом сайта. Ничего устанавливать не нужно.\n- **Плагин UXMagic** — установите плагин на сайт и завершите подключение. Настройки чуть больше, зато дальше проще.\n\n## Публикация экрана\n\n1. Выделите экран.\n2. **Экспорт → WordPress.**\n3. Выберите: создать новую страницу или заменить существующую.\n4. Отправьте.\n\nМожно отправить и несколько экранов сразу, чтобы за один заход создать несколько страниц.\n\n## Что важно знать\n\n- Страницы создаются в вашей установке WordPress как обычные страницы — потом их можно править прямо там.\n- Шапка и подвал вашей **темы WordPress** могут обрамлять отправленное содержимое. Посмотрите предпросмотр до публикации и выберите шаблон страницы во всю ширину или пустой, если хотите, чтобы макет занимал весь экран.\n- **Изображения** переносятся в медиатеку WordPress.\n\n## Если что-то не работает\n\n- **Соединение отклонено** — проверьте, что в адресе сайта указан протокол и что REST API не блокируется плагином безопасности.\n- **Пароль приложения отклонён** — он создаётся для каждого пользователя в WordPress; убедитесь, что скопировали его целиком, вместе с пробелами.\n- **Содержимое выглядит без стилей** — плагин или тема вырезает встроенные стили. Подключение через плагин обычно справляется с этим лучше, чем путь с паролем приложения.","text":"Подключение сайта Два способа в разделе Интеграции → WordPress: - Пароль приложения — создайте его в своём профиле пользователя WordPress и вставьте вместе с адресом сайта. Ничего устанавливать не нужно. - Плагин UXMagic — установите плагин на сайт и завершите подключение. Настройки чуть больше, зато дальше проще. Публикация экрана 1. Выделите экран. 2. Экспорт → WordPress. 3. Выберите: создать новую страницу или заменить существующую. 4. Отправьте. Можно отправить и несколько экранов сразу, чтобы за один заход создать несколько страниц. Что важно знать - Страницы создаются в вашей установке WordPress как обычные страницы — потом их можно править прямо там. - Шапка и подвал вашей темы WordPress могут обрамлять отправленное содержимое. Посмотрите предпросмотр до публикации и выберите шаблон страницы во всю ширину или пустой, если хотите, чтобы макет занимал весь экран. - Изображения переносятся в медиатеку WordPress. Если что-то не работает - Соединение отклонено — проверьте, что в адресе сайта указан протокол и что REST API не блокируется плагином безопасности. - Пароль приложения отклонён — он создаётся для каждого пользователя в WordPress; убедитесь, что скопировали его целиком, вместе с пробелами. - Содержимое выглядит без стилей — плагин или тема вырезает встроенные стили. Подключение через плагин обычно справляется с этим лучше, чем путь с паролем приложения."},{"slug":"export-pdf-and-images","category":"export-and-handoff","categoryTitle":"Экспорт и передача","title":"Экспорт в PDF или изображение","description":"Получите PDF, PNG, JPEG или WebP экрана для презентаций, обсуждения и согласования.","url":"https://uxmagic.ai/ru/help/export-and-handoff/export-pdf-and-images","type":"howto","keywords":["pdf","png","jpeg","webp","скачать изображение","печать","презентация","дек"],"headings":["Форматы","Шаги","Советы"],"updated":"2026-08-27","faqs":[],"related":["export-to-figma","share-a-project"],"markdown":"Для презентаций, пакетов на согласование и утверждений выгружайте экран как документ или изображение.\n\n## Форматы\n\n- **PDF** — форматы бумаги (A4, A3, Letter, Legal, Tabloid) либо одна страница, отрисованная в точной ширине в пикселях, чтобы высокий макет не разрезало между страницами.\n- **PNG** — без потерь, лучший выбор для скриншотов интерфейса.\n- **JPEG** — легче, с настраиваемым качеством, лучше для макетов с большим количеством фотографий.\n- **WebP** — самый лёгкий при том же качестве, для веба.\n\n## Шаги\n\n1. Выделите экран.\n2. **Экспорт → PDF / Изображение.**\n3. Выберите формат и параметры (формат бумаги или точную ширину, а для JPEG — качество).\n4. Крупные экспорты выполняются фоновой задачей — файл придёт, когда отрисовка закончится.\n\n## Советы\n\n- Для **высокого лендинга** используйте режим PDF с точной шириной, а не A4. Он отрисует одну непрерывную страницу вместо нарезки макета на куски.\n- Для **обсуждения с клиентом** ссылка лучше PDF: она остаётся актуальной, и люди могут оставлять комментарии. См. [Поделиться проектом](/help/collaborate/share-a-project).","text":"Для презентаций, пакетов на согласование и утверждений выгружайте экран как документ или изображение. Форматы - PDF — форматы бумаги (A4, A3, Letter, Legal, Tabloid) либо одна страница, отрисованная в точной ширине в пикселях, чтобы высокий макет не разрезало между страницами. - PNG — без потерь, лучший выбор для скриншотов интерфейса. - JPEG — легче, с настраиваемым качеством, лучше для макетов с большим количеством фотографий. - WebP — самый лёгкий при том же качестве, для веба. Шаги 1. Выделите экран. 2. Экспорт → PDF / Изображение. 3. Выберите формат и параметры (формат бумаги или точную ширину, а для JPEG — качество). 4. Крупные экспорты выполняются фоновой задачей — файл придёт, когда отрисовка закончится. Советы - Для высокого лендинга используйте режим PDF с точной шириной, а не A4. Он отрисует одну непрерывную страницу вместо нарезки макета на куски. - Для обсуждения с клиентом ссылка лучше PDF: она остаётся актуальной, и люди могут оставлять комментарии. См. Поделиться проектом."},{"slug":"export-to-canva","category":"export-and-handoff","categoryTitle":"Экспорт и передача","title":"Экспорт в Canva","description":"Перенесите макет UXMagic в Canva для маркетинга и соцсетей.","url":"https://uxmagic.ai/ru/help/export-and-handoff/export-to-canva","type":"howto","keywords":["canva","соцсети","маркетинг","графика"],"headings":["Шаги","Когда это уместно"],"updated":"2026-08-27","faqs":[],"related":["export-pdf-and-images","export-to-figma"],"markdown":"Canva поддерживается для маркетинговой части процесса — чтобы превратить готовый экран в материалы, которые команда маркетинга сможет адаптировать.\n\n## Шаги\n\n1. Подключите Canva в разделе **Интеграции**.\n2. Выберите макет, который хотите перенести.\n3. **Экспорт → Canva**, затем откройте его в Canva и продолжайте работу.\n\n## Когда это уместно\n\nИспользуйте Canva для нарезки под соцсети, рекламы и разовых маркетинговых материалов. Для всего, что подхватит дизайнер или разработчик, берите [Figma](/help/export-and-handoff/export-to-figma) или [код](/help/export-and-handoff/export-code): они сохраняют структуру, а Canva сохраняет внешний вид.","text":"Canva поддерживается для маркетинговой части процесса — чтобы превратить готовый экран в материалы, которые команда маркетинга сможет адаптировать. Шаги 1. Подключите Canva в разделе Интеграции. 2. Выберите макет, который хотите перенести. 3. Экспорт → Canva, затем откройте его в Canva и продолжайте работу. Когда это уместно Используйте Canva для нарезки под соцсети, рекламы и разовых маркетинговых материалов. Для всего, что подхватит дизайнер или разработчик, берите Figma или код: они сохраняют структуру, а Canva сохраняет внешний вид."},{"slug":"publish-your-first-site","category":"publish","categoryTitle":"Публикация сайта","title":"Опубликуйте первый сайт","description":"Выведите проект в сеть на поддомене uxmagic.io за пару минут.","url":"https://uxmagic.ai/ru/help/publish/publish-your-first-site","type":"howto","keywords":["публикация","выйти в сеть","сайт","развернуть","хостинг","запуск"],"headings":["Шаги","Что вы получаете","Возможности платных тарифов","Обновление опубликованного сайта","Собственный домен"],"updated":"2026-08-27","faqs":[{"question":"Хостинг входит в стоимость?","answer":"Да. Опубликованные сайты размещает UXMagic на поддомене uxmagic.io, с HTTPS, без доплаты сверх вашего тарифа."},{"question":"Можно ли публиковать на тарифе Free?","answer":"Да, в пределах лимита опубликованных сайтов вашего тарифа. Убрать значок UX Magic и закрыть сайт паролем можно только на платном тарифе."}],"related":["subdomains-and-urls","custom-domains","redeploy-and-rollback"],"markdown":"Публикация превращает экраны проекта в настоящий размещённый сайт с HTTPS.\n\n## Шаги\n\n1. Откройте проект и нажмите **Опубликовать**.\n2. **Выберите, какие экраны** станут страницами, и задайте главную. Экраны, которые вы не взяли, останутся в проекте, но не войдут в сайт.\n3. **Выберите поддомен.** Вы получите `ваше-имя.uxmagic.io`. Доступность проверяется прямо при вводе. См. [Поддомены и адреса](/help/publish/subdomains-and-urls).\n4. **Запустите предварительную проверку.** Она укажет на то, из-за чего сайт получился бы плохим: недостающие ссылки, пустые страницы, текст-заглушки.\n5. **Опубликуйте.** Сборка идёт в фоне; по её завершении вы получите адрес живого сайта.\n\n## Что вы получаете\n\n- Размещённый сайт на `*.uxmagic.io` с автоматическим HTTPS.\n- **Ссылку на превью для каждого развёртывания**, чтобы посмотреть сборку прежде, чем кого-то на неё направлять.\n- **Историю развёртываний** с откатом в один клик.\n\n## Возможности платных тарифов\n\n- **Убрать значок UX Magic** можно только на платном тарифе.\n- **Приватные сайты и сайты под паролем** требуют платного тарифа.\n- **Лимиты опубликованных сайтов** зависят от тарифа — см. [Тарифы и лимиты](/help/account-and-billing/plans-and-limits).\n\n## Обновление опубликованного сайта\n\nПравки экранов не меняют живой сайт. Опубликуйте ещё раз, чтобы выкатить изменения. См. [Повторное развёртывание и откат](/help/publish/redeploy-and-rollback).\n\n## Собственный домен\n\nОпубликованные сайты можно перевести на ваш домен — см. [Собственные домены](/help/publish/custom-domains).","text":"Публикация превращает экраны проекта в настоящий размещённый сайт с HTTPS. Шаги 1. Откройте проект и нажмите Опубликовать. 2. Выберите, какие экраны станут страницами, и задайте главную. Экраны, которые вы не взяли, останутся в проекте, но не войдут в сайт. 3. Выберите поддомен. Вы получите ваше-имя.uxmagic.io. Доступность проверяется прямо при вводе. См. Поддомены и адреса. 4. Запустите предварительную проверку. Она укажет на то, из-за чего сайт получился бы плохим: недостающие ссылки, пустые страницы, текст-заглушки. 5. Опубликуйте. Сборка идёт в фоне; по её завершении вы получите адрес живого сайта. Что вы получаете - Размещённый сайт на .uxmagic.io с автоматическим HTTPS. - Ссылку на превью для каждого развёртывания, чтобы посмотреть сборку прежде, чем кого-то на неё направлять. - Историю развёртываний с откатом в один клик. Возможности платных тарифов - Убрать значок UX Magic можно только на платном тарифе. - Приватные сайты и сайты под паролем требуют платного тарифа. - Лимиты опубликованных сайтов зависят от тарифа — см. Тарифы и лимиты. Обновление опубликованного сайта Правки экранов не меняют живой сайт. Опубликуйте ещё раз, чтобы выкатить изменения. См. Повторное развёртывание и откат. Собственный домен Опубликованные сайты можно перевести на ваш домен — см. Собственные домены."},{"slug":"subdomains-and-urls","category":"publish","categoryTitle":"Публикация сайта","title":"Поддомены, адреса страниц и превью","description":"Как выбрать поддомен, как формируются пути страниц и зачем нужна ссылка на превью.","url":"https://uxmagic.ai/ru/help/publish/subdomains-and-urls","type":"reference","keywords":["поддомен","url","адрес страницы","ссылка на превью","зарезервировано","адрес"],"headings":["Правила для поддоменов","Адреса страниц","Ссылки на превью","Смена поддомена","HTTPS"],"updated":"2026-08-27","faqs":[],"related":["publish-your-first-site","custom-domains","redeploy-and-rollback"],"markdown":"## Правила для поддоменов\n\nВаш сайт живёт по адресу `<поддомен>.uxmagic.io`.\n\n- От **3 до 63 символов**.\n- Только **латинские буквы, цифры и дефисы**; дефис не может быть первым или последним.\n- **Регистр не важен** — всё приводится к нижнему.\n- Должен быть **уникальным** среди всех сайтов UXMagic.\n- Часть имён **зарезервирована** (системные и инфраструктурные). Зарезервированные имена отклоняются, и UXMagic не подскажет похожий вариант такого имени: подсказка, которую невозможно занять, хуже, чем отсутствие подсказки.\n\nЕсли ваш первый вариант занят, прямо при вводе предлагаются альтернативы — и только по-настоящему свободные.\n\n## Адреса страниц\n\nВыбранная главная страница отдаётся по адресу `/`. Каждый другой опубликованный экран становится путём, выведенным из его имени, — поэтому называйте экраны до публикации. «Цены» превратятся в `/tseny`; «Экран 4» — в `/ekran-4`, а это не то, что хочется видеть в отправленной ссылке.\n\n## Ссылки на превью\n\nУ каждого развёртывания есть собственный хост превью, отдельный от живого сайта. Используйте его, чтобы проверить сборку до того, как она станет версией для всех, и чтобы показать предлагаемое изменение, не трогая рабочий сайт.\n\n## Смена поддомена\n\nПоддомен можно поменять позже. Старый адрес перестанет работать, поэтому обновите уже отправленные ссылки.\n\n## HTTPS\n\nСертификаты выпускаются за вас и на `*.uxmagic.io`, и на подключённых собственных доменах. Настраивать и продлевать ничего не нужно.","text":"Правила для поддоменов Ваш сайт живёт по адресу <поддомен>.uxmagic.io. - От 3 до 63 символов. - Только латинские буквы, цифры и дефисы; дефис не может быть первым или последним. - Регистр не важен — всё приводится к нижнему. - Должен быть уникальным среди всех сайтов UXMagic. - Часть имён зарезервирована (системные и инфраструктурные). Зарезервированные имена отклоняются, и UXMagic не подскажет похожий вариант такого имени: подсказка, которую невозможно занять, хуже, чем отсутствие подсказки. Если ваш первый вариант занят, прямо при вводе предлагаются альтернативы — и только по-настоящему свободные. Адреса страниц Выбранная главная страница отдаётся по адресу /. Каждый другой опубликованный экран становится путём, выведенным из его имени, — поэтому называйте экраны до публикации. «Цены» превратятся в /tseny; «Экран 4» — в /ekran-4, а это не то, что хочется видеть в отправленной ссылке. Ссылки на превью У каждого развёртывания есть собственный хост превью, отдельный от живого сайта. Используйте его, чтобы проверить сборку до того, как она станет версией для всех, и чтобы показать предлагаемое изменение, не трогая рабочий сайт. Смена поддомена Поддомен можно поменять позже. Старый адрес перестанет работать, поэтому обновите уже отправленные ссылки. HTTPS Сертификаты выпускаются за вас и на .uxmagic.io, и на подключённых собственных доменах. Настраивать и продлевать ничего не нужно."},{"slug":"custom-domains","category":"publish","categoryTitle":"Публикация сайта","title":"Собственные домены","description":"Как отдавать опубликованный сайт со своего домена и как подать заявку.","url":"https://uxmagic.ai/ru/help/publish/custom-domains","type":"howto","keywords":["собственный домен","свой домен","dns","cname","доменное имя","бренд"],"headings":["Как это устроено сегодня","Как подать заявку","Что понадобится","Домен второго уровня или www","HTTPS","Сроки"],"updated":"2026-08-27","faqs":[],"related":["subdomains-and-urls","publish-your-first-site","plans-and-limits"],"markdown":"## Как это устроено сегодня\n\nСобственные домены доступны платным тарифам и настраиваются **по запросу**, а не самостоятельно. Это сделано намеренно: направление настоящего домена на новый хост — тот шаг, где ошибка без присмотра кладёт живой сайт, поэтому её вместе с вами проверяет человек.\n\n## Как подать заявку\n\n1. Откройте **настройки публикации** своего опубликованного сайта.\n2. Выберите **Использовать собственный домен**.\n3. Введите нужный домен (например, `www.вашакомпания.ru`) и отправьте заявку.\n4. Команда пришлёт точные DNS-записи, которые нужно добавить, и подтвердит, когда домен заработает.\n\nСтатус заявки виден там же.\n\n## Что понадобится\n\n- **Домен, которым вы управляете**, с доступом к его DNS-настройкам.\n- **Возможность добавить CNAME** (или запись A/ALIAS для домена второго уровня без www).\n\n## Домен второго уровня или www\n\nРаботают оба варианта. `www.вашакомпания.ru` — случай попроще: обычный CNAME. Домен без www (`вашакомпания.ru`) требует провайдера с поддержкой ALIAS/ANAME; большинство современных регистраторов это умеют, а инструкция по настройке учтёт вашего провайдера.\n\n## HTTPS\n\nСертификаты выпускаются и продлеваются автоматически, как только домен подтверждён. Ничего покупать и устанавливать не нужно.\n\n## Сроки\n\nИзменения DNS расходятся по своему расписанию — обычно минуты, иногда часы. Не объявляйте новый адрес, пока сами его не откроете.","text":"Как это устроено сегодня Собственные домены доступны платным тарифам и настраиваются по запросу, а не самостоятельно. Это сделано намеренно: направление настоящего домена на новый хост — тот шаг, где ошибка без присмотра кладёт живой сайт, поэтому её вместе с вами проверяет человек. Как подать заявку 1. Откройте настройки публикации своего опубликованного сайта. 2. Выберите Использовать собственный домен. 3. Введите нужный домен (например, www.вашакомпания.ru) и отправьте заявку. 4. Команда пришлёт точные DNS-записи, которые нужно добавить, и подтвердит, когда домен заработает. Статус заявки виден там же. Что понадобится - Домен, которым вы управляете, с доступом к его DNS-настройкам. - Возможность добавить CNAME (или запись A/ALIAS для домена второго уровня без www). Домен второго уровня или www Работают оба варианта. www.вашакомпания.ru — случай попроще: обычный CNAME. Домен без www (вашакомпания.ru) требует провайдера с поддержкой ALIAS/ANAME; большинство современных регистраторов это умеют, а инструкция по настройке учтёт вашего провайдера. HTTPS Сертификаты выпускаются и продлеваются автоматически, как только домен подтверждён. Ничего покупать и устанавливать не нужно. Сроки Изменения DNS расходятся по своему расписанию — обычно минуты, иногда часы. Не объявляйте новый адрес, пока сами его не откроете."},{"slug":"redeploy-and-rollback","category":"publish","categoryTitle":"Публикация сайта","title":"Повторное развёртывание, откат и снятие с публикации","description":"Как выкатить изменения на живой сайт, откатить неудачное развёртывание и снять сайт.","url":"https://uxmagic.ai/ru/help/publish/redeploy-and-rollback","type":"howto","keywords":["повторное развёртывание","откат","снять с публикации","убрать сайт","вернуть","развёртывание","обновить сайт"],"headings":["Публикация изменений","История развёртываний","Откат","Снятие с публикации","Лимиты сайтов"],"updated":"2026-08-27","faqs":[],"related":["publish-your-first-site","subdomains-and-urls"],"markdown":"## Публикация изменений\n\nПравки на ваших экранах **не** попадают в сеть автоматически. Когда будете готовы, опубликуйте ещё раз: новое развёртывание собирается и подменяет старое, как только готово. Посетители видят прежнюю сборку, пока новая не завершена, так что «разбитого» промежутка не бывает.\n\n## История развёртываний\n\nКаждая публикация сохраняется как развёртывание со своей ссылкой на превью. Это даёт две полезные вещи: запись о том, что и когда было в сети, и способ показать кому-то предлагаемую сборку, не делая её живым сайтом.\n\n## Откат\n\nВыберите более раннее развёртывание и откатитесь на него. Сайт мгновенно вернётся ровно к той сборке — пересобирать ничего не нужно, потому что старая сборка никуда не делась.\n\nСначала откатывайтесь, потом разбирайтесь. Это занимает секунды и останавливает кровотечение.\n\n## Снятие с публикации\n\n**Снять с публикации** уводит сайт из сети, но сохраняет саму запись о сайте, его поддомен и историю развёртываний — позже вы сможете вернуть его по тому же адресу.\n\n**Удалить** убирает сайт полностью и освобождает поддомен для всех желающих. Это необратимо.\n\n## Лимиты сайтов\n\nСнятие с публикации освобождает место, которое сайт занимал в лимите опубликованных сайтов вашего тарифа. Удаление — тоже. См. [Тарифы и лимиты](/help/account-and-billing/plans-and-limits).","text":"Публикация изменений Правки на ваших экранах не попадают в сеть автоматически. Когда будете готовы, опубликуйте ещё раз: новое развёртывание собирается и подменяет старое, как только готово. Посетители видят прежнюю сборку, пока новая не завершена, так что «разбитого» промежутка не бывает. История развёртываний Каждая публикация сохраняется как развёртывание со своей ссылкой на превью. Это даёт две полезные вещи: запись о том, что и когда было в сети, и способ показать кому-то предлагаемую сборку, не делая её живым сайтом. Откат Выберите более раннее развёртывание и откатитесь на него. Сайт мгновенно вернётся ровно к той сборке — пересобирать ничего не нужно, потому что старая сборка никуда не делась. Сначала откатывайтесь, потом разбирайтесь. Это занимает секунды и останавливает кровотечение. Снятие с публикации Снять с публикации уводит сайт из сети, но сохраняет саму запись о сайте, его поддомен и историю развёртываний — позже вы сможете вернуть его по тому же адресу. Удалить убирает сайт полностью и освобождает поддомен для всех желающих. Это необратимо. Лимиты сайтов Снятие с публикации освобождает место, которое сайт занимал в лимите опубликованных сайтов вашего тарифа. Удаление — тоже. См. Тарифы и лимиты."},{"slug":"share-a-project","category":"collaborate","categoryTitle":"Доступ и совместная работа","title":"Поделиться проектом","description":"Пригласите конкретных людей или дайте ссылку, по которой присоединится любой, кто её откроет.","url":"https://uxmagic.ai/ru/help/collaborate/share-a-project","type":"howto","keywords":["поделиться","пригласить","участник","ссылка","показ клиенту","доступ"],"headings":["Два способа поделиться","Шаги","Что могут участники","Чьи кредиты тратятся","Поделиться только для просмотра","Отзыв доступа"],"updated":"2026-08-27","faqs":[],"related":["teams-and-seats","comments-and-feedback","share-a-preview"],"markdown":"![Окно «Поделиться проектом» с доступом «Приватный» и пояснением «Этот проект видите только вы».](/help/share-dialog.webp)\n\n## Два способа поделиться\n\n**Пригласить по почте.** Добавьте конкретных людей в конкретный проект. Они получат письмо, и проект появится у них на панели, когда они примут приглашение. Так стоит поступать с теми, кто действительно будет работать над макетами.\n\n**Любой по ссылке.** Сгенерируйте ссылку, которая добавляет в проект каждого, кто её откроет. Подходит для командного канала или переписки с клиентом, где собирать адреса по одному не стоит усилий, — но помните, что доступ получит и тот, кому ссылку просто перешлют.\n\n## Шаги\n\n1. Откройте проект.\n2. Нажмите **Поделиться**.\n3. Либо введите адреса почты, либо включите доступ по ссылке и скопируйте её.\n\n## Что могут участники\n\nУчастники работают в проекте так же, как вы: общаются с ИИ, правят экраны, экспортируют. Чьи кредиты при этом тратятся, зависит от того, как открыт доступ, — см. ниже.\n\n## Чьи кредиты тратятся\n\nИменно это чаще всего застаёт врасплох. Когда проект открыт **команде**, работа ИИ в нём списывается с **общего фонда команды** или из доли действующего участника, а не с его личного баланса. В проекте, которым поделились между людьми вне команды, работу каждого оплачивает его собственный баланс.\n\nСм. [Команды и места](/help/collaborate/teams-and-seats).\n\n## Поделиться только для просмотра\n\nЕсли вам нужны отзывы, а не соавторы, поделитесь **превью**: оно показывает макет, не давая возможности его править. См. [Поделиться превью для просмотра](/help/collaborate/share-a-preview).\n\n## Отзыв доступа\n\nУберите человека в настройках доступа проекта или выключите доступ по ссылке. Отключение ссылки не убирает тех, кто уже присоединился по ней, — их нужно удалить по одному.","text":"Два способа поделиться Пригласить по почте. Добавьте конкретных людей в конкретный проект. Они получат письмо, и проект появится у них на панели, когда они примут приглашение. Так стоит поступать с теми, кто действительно будет работать над макетами. Любой по ссылке. Сгенерируйте ссылку, которая добавляет в проект каждого, кто её откроет. Подходит для командного канала или переписки с клиентом, где собирать адреса по одному не стоит усилий, — но помните, что доступ получит и тот, кому ссылку просто перешлют. Шаги 1. Откройте проект. 2. Нажмите Поделиться. 3. Либо введите адреса почты, либо включите доступ по ссылке и скопируйте её. Что могут участники Участники работают в проекте так же, как вы: общаются с ИИ, правят экраны, экспортируют. Чьи кредиты при этом тратятся, зависит от того, как открыт доступ, — см. ниже. Чьи кредиты тратятся Именно это чаще всего застаёт врасплох. Когда проект открыт команде, работа ИИ в нём списывается с общего фонда команды или из доли действующего участника, а не с его личного баланса. В проекте, которым поделились между людьми вне команды, работу каждого оплачивает его собственный баланс. См. Команды и места. Поделиться только для просмотра Если вам нужны отзывы, а не соавторы, поделитесь превью: оно показывает макет, не давая возможности его править. См. Поделиться превью для просмотра. Отзыв доступа Уберите человека в настройках доступа проекта или выключите доступ по ссылке. Отключение ссылки не убирает тех, кто уже присоединился по ней, — их нужно удалить по одному."},{"slug":"share-a-preview","category":"collaborate","categoryTitle":"Доступ и совместная работа","title":"Поделиться превью для просмотра","description":"Отправьте ссылку только для чтения, чтобы коллеги и клиенты видели макет, но не могли его править.","url":"https://uxmagic.ai/ru/help/collaborate/share-a-preview","type":"howto","keywords":["превью","ссылка для просмотра","только чтение","заказчик","клиент","презентация"],"headings":["Когда нужно превью","Шаги","Превью или опубликованный сайт","Превью или PDF"],"updated":"2026-08-27","faqs":[],"related":["share-a-project","comments-and-feedback","publish-your-first-site"],"markdown":"![Меню прототипа на холсте предлагает «Создать прототип» и показывает существующий прототип из трёх экранов.](/help/prototype-menu.webp)\n\n## Когда нужно превью\n\nСсылки на превью — для тех, кому нужно **посмотреть**, а не строить: клиентов, руководителей, инженеров, оценивающих объём. Они видят экраны в том виде, в каком те спроектированы, без холста, без чата и без возможности что-либо изменить.\n\n## Шаги\n\n1. Откройте проект или экран.\n2. **Поделиться → Ссылка на превью.**\n3. Отправьте ссылку.\n\n## Превью или опубликованный сайт\n\n- **Превью** — артефакт для обсуждения. Быстрый, одноразовый, привязанный к проекту.\n- **[Опубликованный сайт](/help/publish/publish-your-first-site)** — настоящий сайт по собственному адресу, со страницами, хостингом и историей развёртываний.\n\nДля согласования с клиентом — превью. Для того, что клиент будет показывать *своим* клиентам, — публикуйте.\n\n## Превью или PDF\n\nПревью остаётся актуальным, пока вы дорабатываете; PDF застывает в момент экспорта. Отправляйте превью для живого обсуждения, а PDF — как фиксацию того, что согласовали. См. [Экспорт в PDF или изображение](/help/export-and-handoff/export-pdf-and-images).","text":"Когда нужно превью Ссылки на превью — для тех, кому нужно посмотреть, а не строить: клиентов, руководителей, инженеров, оценивающих объём. Они видят экраны в том виде, в каком те спроектированы, без холста, без чата и без возможности что-либо изменить. Шаги 1. Откройте проект или экран. 2. Поделиться → Ссылка на превью. 3. Отправьте ссылку. Превью или опубликованный сайт - Превью — артефакт для обсуждения. Быстрый, одноразовый, привязанный к проекту. - Опубликованный сайт — настоящий сайт по собственному адресу, со страницами, хостингом и историей развёртываний. Для согласования с клиентом — превью. Для того, что клиент будет показывать своим клиентам, — публикуйте. Превью или PDF Превью остаётся актуальным, пока вы дорабатываете; PDF застывает в момент экспорта. Отправляйте превью для живого обсуждения, а PDF — как фиксацию того, что согласовали. См. Экспорт в PDF или изображение."},{"slug":"teams-and-seats","category":"collaborate","categoryTitle":"Доступ и совместная работа","title":"Команды, места и общие кредиты","description":"Создайте команду, пригласите участников, назначьте роли и распределите кредиты из общего фонда.","url":"https://uxmagic.ai/ru/help/collaborate/teams-and-seats","type":"guide","keywords":["команда","места","участники","роли","общие кредиты","организация","рабочее пространство"],"headings":["Создание команды","Места","Роли","Общие кредиты","Удаление участника","Enterprise"],"updated":"2026-08-27","faqs":[{"question":"Нужна ли участникам команды собственная подписка?","answer":"Нет. Участники работают за счёт мест и кредитного фонда команды. Владелец управляет и тем, и другим."},{"question":"Можно ли ограничить, сколько кредитов потратит один участник?","answer":"Да. Владелец может задать индивидуальный лимит кредитов для участника, чтобы никто не мог опустошить общий фонд."}],"related":["share-a-project","how-credits-work","plans-and-limits"],"markdown":"## Создание команды\n\nИз своего аккаунта создайте команду и пригласите участников по почте. Приглашения появляются у приглашённого на панели и приходят письмом; человек входит в команду, когда принимает приглашение.\n\n## Места\n\nУ команды есть определённое число **мест**, которое ограничивает количество активных участников. Владелец может менять число мест по мере роста команды. Тарифы Enterprise включают неограниченное количество мест.\n\n## Роли\n\nУ участников есть роли, определяющие, чем они могут управлять: кто может приглашать, кто может менять оплату, а кто только проектирует. Владение можно передать другому участнику.\n\n## Общие кредиты\n\nСамое важное. У команды есть **общий кредитный фонд**:\n\n- Работа ИИ в командном проекте берётся из фонда команды, а не с личного баланса.\n- Владелец может задать **лимит на участника**, чтобы один энтузиаст с большими сценариями не потратил месячный запас за один вечер.\n- Участники без личного лимита расходуют общий фонд.\n\nСм. [Как работают кредиты](/help/account-and-billing/how-credits-work).\n\n## Удаление участника\n\nУдаление человека закрывает ему доступ к командным проектам. Созданная им работа остаётся в команде.\n\n## Enterprise\n\nEnterprise добавляет SSO/SAML, панель администратора, общую дизайн-систему и библиотеку компонентов, индивидуальное распределение кредитов и приоритетную поддержку. См. [Тарифы и лимиты](/help/account-and-billing/plans-and-limits).","text":"Создание команды Из своего аккаунта создайте команду и пригласите участников по почте. Приглашения появляются у приглашённого на панели и приходят письмом; человек входит в команду, когда принимает приглашение. Места У команды есть определённое число мест, которое ограничивает количество активных участников. Владелец может менять число мест по мере роста команды. Тарифы Enterprise включают неограниченное количество мест. Роли У участников есть роли, определяющие, чем они могут управлять: кто может приглашать, кто может менять оплату, а кто только проектирует. Владение можно передать другому участнику. Общие кредиты Самое важное. У команды есть общий кредитный фонд: - Работа ИИ в командном проекте берётся из фонда команды, а не с личного баланса. - Владелец может задать лимит на участника, чтобы один энтузиаст с большими сценариями не потратил месячный запас за один вечер. - Участники без личного лимита расходуют общий фонд. См. Как работают кредиты. Удаление участника Удаление человека закрывает ему доступ к командным проектам. Созданная им работа остаётся в команде. Enterprise Enterprise добавляет SSO/SAML, панель администратора, общую дизайн-систему и библиотеку компонентов, индивидуальное распределение кредитов и приоритетную поддержку. См. Тарифы и лимиты."},{"slug":"comments-and-feedback","category":"collaborate","categoryTitle":"Доступ и совместная работа","title":"Комментарии и обратная связь","description":"Оставляйте комментарии к макету и закрывайте их по мере работы.","url":"https://uxmagic.ai/ru/help/collaborate/comments-and-feedback","type":"howto","keywords":["комментарии","обратная связь","пометки","обсуждение","заметки","ветки"],"headings":["Комментирование","Закрытие веток","Как отрабатывать замечания вместе с ИИ","Кто может комментировать"],"updated":"2026-08-27","faqs":[],"related":["share-a-preview","share-a-project"],"markdown":"## Комментирование\n\nКомментарии крепятся к макету и складываются в ветки, поэтому разговор про герой-блок остаётся при герой-блоке, а не расползается по мессенджерам.\n\n1. Откройте проект или превью.\n2. Добавьте комментарий там, где ему место.\n3. Отвечайте в той же ветке, чтобы обсуждение держалось вместе.\n\n## Закрытие веток\n\nЗакрывайте ветку, когда отработали её. Закрытые ветки остаются доступными, поэтому запись о том, *почему* что-то изменилось, не теряется.\n\n## Как отрабатывать замечания вместе с ИИ\n\nКомментарии — для людей, чат — для ИИ. Эффективный цикл такой: собрать комментарии, а затем перевести пачку в пару конкретных указаний в чате. Две-три правки за раз ложатся надёжнее, чем список из двенадцати. См. [Правки через чат](/help/design-and-edit/chat-editing).\n\n## Кто может комментировать\n\nВсе, у кого есть доступ к проекту, — а для ссылок на просмотр ещё и все, кому вы отправили превью.","text":"Комментирование Комментарии крепятся к макету и складываются в ветки, поэтому разговор про герой-блок остаётся при герой-блоке, а не расползается по мессенджерам. 1. Откройте проект или превью. 2. Добавьте комментарий там, где ему место. 3. Отвечайте в той же ветке, чтобы обсуждение держалось вместе. Закрытие веток Закрывайте ветку, когда отработали её. Закрытые ветки остаются доступными, поэтому запись о том, почему что-то изменилось, не теряется. Как отрабатывать замечания вместе с ИИ Комментарии — для людей, чат — для ИИ. Эффективный цикл такой: собрать комментарии, а затем перевести пачку в пару конкретных указаний в чате. Две-три правки за раз ложатся надёжнее, чем список из двенадцати. См. Правки через чат. Кто может комментировать Все, у кого есть доступ к проекту, — а для ссылок на просмотр ещё и все, кому вы отправили превью."},{"slug":"community-and-inspiration","category":"collaborate","categoryTitle":"Доступ и совместная работа","title":"Сообщество и вдохновение","description":"Смотрите макеты, которыми поделилось сообщество, и публикуйте свои.","url":"https://uxmagic.ai/ru/help/collaborate/community-and-inspiration","type":"guide","keywords":["сообщество","вдохновение","витрина","примеры","шаблоны","галерея"],"headings":["Смотреть работы сообщества","Как пользоваться чужим макетом","Опубликовать свою работу","Вдохновение внутри продукта"],"updated":"2026-08-27","faqs":[],"related":["create-your-first-project","ways-to-generate-a-screen"],"markdown":"![Страница сообщества с опубликованными проектами, которые можно открыть и переработать.](/help/community.webp)\n\n## Смотреть работы сообщества\n\n[Галерея сообщества](/community) собирает макеты, сделанные в UXMagic, и раскладывает их по категориям. Это самый быстрый способ увидеть, что дают хорошие промпты, и найти отправную точку близкую к тому, что вам нужно.\n\n## Как пользоваться чужим макетом\n\nОткройте понравившийся и используйте его как ориентир: начните с него или опишите желаемое, указав на него. Работы сообщества — это вдохновение, а не лицензированные материалы: относитесь к изображениям и текстам как к заглушкам.\n\n## Опубликовать свою работу\n\nПроект можно опубликовать в сообществе из его настроек доступа. Сначала проверьте содержимое: работы сообщества публичны, поэтому имена клиентов, реальные пользовательские данные и не объявленный ещё бренд стоит убрать до публикации.\n\n## Вдохновение внутри продукта\n\nПанель также подсказывает идеи и примеры прямо во время работы, чтобы можно было взять идею раскладки, не уходя с холста.","text":"Смотреть работы сообщества Галерея сообщества собирает макеты, сделанные в UXMagic, и раскладывает их по категориям. Это самый быстрый способ увидеть, что дают хорошие промпты, и найти отправную точку близкую к тому, что вам нужно. Как пользоваться чужим макетом Откройте понравившийся и используйте его как ориентир: начните с него или опишите желаемое, указав на него. Работы сообщества — это вдохновение, а не лицензированные материалы: относитесь к изображениям и текстам как к заглушкам. Опубликовать свою работу Проект можно опубликовать в сообществе из его настроек доступа. Сначала проверьте содержимое: работы сообщества публичны, поэтому имена клиентов, реальные пользовательские данные и не объявленный ещё бренд стоит убрать до публикации. Вдохновение внутри продукта Панель также подсказывает идеи и примеры прямо во время работы, чтобы можно было взять идею раскладки, не уходя с холста."},{"slug":"mcp-server","category":"integrations","categoryTitle":"Интеграции и разработка","title":"MCP-сервер UXMagic","description":"Подключите Claude, Cursor, VS Code, Windsurf, Codex или Antigravity к своим проектам UXMagic.","url":"https://uxmagic.ai/ru/help/integrations/mcp-server","type":"howto","keywords":["mcp","model context protocol","cursor","claude","vscode","windsurf","ide","codex"],"headings":["Настройка","Что сможет ассистент после подключения","Типичный сценарий","Кредиты","Безопасность"],"updated":"2026-08-27","faqs":[{"question":"Какие среды разработки поддерживаются?","answer":"Claude, Cursor, VS Code, Windsurf, Codex и Antigravity — и любой другой клиент, совместимый с MCP."},{"question":"Нужно ли что-то устанавливать?","answer":"Нет. UXMagic сам формирует конфигурацию для вашей среды разработки; вы вставляете её в её настройки MCP."}],"related":["api-keys","export-code","github-sync"],"markdown":"Model Context Protocol (MCP) — открытый стандарт, позволяющий ИИ-ассистентам напрямую общаться с внешними инструментами. MCP-сервер UXMagic соединяет вашего ИИ-помощника по коду с настоящими проектами UXMagic: вместо того чтобы копировать скриншоты в чат, ассистент читает сам макет.\n\n![Окно «Подключить MCP» со списком поддерживаемых сред: Antigravity, Cursor, Codex, VS Code, Windsurf и Claude.](/help/mcp-dialog.webp)\n\n## Настройка\n\n1. Откройте [страницу MCP](/mcp) и выберите свою среду разработки.\n2. **Создайте API-ключ** — см. [API-ключи](/help/integrations/api-keys).\n3. **Скопируйте сформированную конфигурацию** и вставьте её в настройки MCP своей среды.\n4. Перезапустите среду, если она не подхватила новый сервер сразу.\n\nПоддерживаются из коробки: **Claude, Cursor, VS Code, Windsurf, Codex и Antigravity**. Любой совместимый с MCP клиент работает с той же конфигурацией.\n\n## Что сможет ассистент после подключения\n\n**Читать вашу работу**\n\n- Получать список проектов и детали конкретного проекта.\n- Получать список экранов проекта и детали конкретного экрана.\n- Читать HTML экрана и тему проекта.\n- Получать список и содержимое документов проекта (технических заданий, брифов).\n\n**Изменять вашу работу**\n\n- Создавать проект, создавать экран, дублировать экран.\n- Делать точечную правку поиском и заменой либо заменять содержимое экрана целиком.\n- Заменять изображение.\n- Экспортировать экран в Figma.\n\n**Генерировать**\n\n- Запускать генерацию макета, проверять её статус, а затем подтверждать или отменять.\n\nГенерация намеренно устроена как трёхшаговое согласование, а не один вызов: ассистент её запускает, следит за ней, а решаете, оставлять ли результат, вы — так цикл агента не сможет молча сжечь ваши кредиты.\n\n## Типичный сценарий\n\n> «Прочитай экран „Цены“ из моего проекта Ledgerly и реализуй его как React-компонент на наших дизайн-токенах».\n\nАссистент вытягивает настоящую вёрстку и тему и пишет код по ним. Никаких скриншотов, никакого расхождения, никакого повторного описания макета.\n\n## Кредиты\n\nОперации чтения бесплатны. Генерация через MCP стоит столько же кредитов, сколько и генерация в приложении, — это один и тот же движок.\n\n## Безопасность\n\nAPI-ключ аутентифицирует подключение к вашему аккаунту. Держите его вне файлов, попадающих в репозиторий, и в любой момент меняйте или отзывайте в настройках аккаунта.","text":"Model Context Protocol (MCP) — открытый стандарт, позволяющий ИИ-ассистентам напрямую общаться с внешними инструментами. MCP-сервер UXMagic соединяет вашего ИИ-помощника по коду с настоящими проектами UXMagic: вместо того чтобы копировать скриншоты в чат, ассистент читает сам макет. Настройка 1. Откройте страницу MCP и выберите свою среду разработки. 2. Создайте API-ключ — см. API-ключи. 3. Скопируйте сформированную конфигурацию и вставьте её в настройки MCP своей среды. 4. Перезапустите среду, если она не подхватила новый сервер сразу. Поддерживаются из коробки: Claude, Cursor, VS Code, Windsurf, Codex и Antigravity. Любой совместимый с MCP клиент работает с той же конфигурацией. Что сможет ассистент после подключения Читать вашу работу - Получать список проектов и детали конкретного проекта. - Получать список экранов проекта и детали конкретного экрана. - Читать HTML экрана и тему проекта. - Получать список и содержимое документов проекта (технических заданий, брифов). Изменять вашу работу - Создавать проект, создавать экран, дублировать экран. - Делать точечную правку поиском и заменой либо заменять содержимое экрана целиком. - Заменять изображение. - Экспортировать экран в Figma. Генерировать - Запускать генерацию макета, проверять её статус, а затем подтверждать или отменять. Генерация намеренно устроена как трёхшаговое согласование, а не один вызов: ассистент её запускает, следит за ней, а решаете, оставлять ли результат, вы — так цикл агента не сможет молча сжечь ваши кредиты. Типичный сценарий «Прочитай экран „Цены“ из моего проекта Ledgerly и реализуй его как React-компонент на наших дизайн-токенах». Ассистент вытягивает настоящую вёрстку и тему и пишет код по ним. Никаких скриншотов, никакого расхождения, никакого повторного описания макета. Кредиты Операции чтения бесплатны. Генерация через MCP стоит столько же кредитов, сколько и генерация в приложении, — это один и тот же движок. Безопасность API-ключ аутентифицирует подключение к вашему аккаунту. Держите его вне файлов, попадающих в репозиторий, и в любой момент меняйте или отзывайте в настройках аккаунта."},{"slug":"api-keys","category":"integrations","categoryTitle":"Интеграции и разработка","title":"API-ключи","description":"Создание, ротация и отзыв ключей для MCP-сервера и доступа к API.","url":"https://uxmagic.ai/ru/help/integrations/api-keys","type":"howto","keywords":["api-ключ","токен","аутентификация","ротация","отзыв","секрет"],"headings":["Создание ключа","Ротация","Отзыв","Как хранить ключи","Если ключ перестал работать"],"updated":"2026-08-27","faqs":[],"related":["mcp-server","github-sync"],"markdown":"## Создание ключа\n\n1. Откройте **Управление аккаунтом → API-ключи**.\n2. Создайте ключ и дайте ему имя, из которого понятно, где он используется («Cursor — ноутбук», «CI»).\n3. **Скопируйте его сразу.** Полный ключ показывается один раз.\n\n## Ротация\n\nРотация выдаёт новый секрет для того же ключа. Всё, что использует старое значение, перестаёт работать в момент ротации, поэтому обновите конфигурацию в тот же заход.\n\n## Отзыв\n\nУдаление ключа срабатывает немедленно и необратимо. Любая среда или скрипт, где он прописан, тут же перестанут работать — именно этого вы и хотите, если ключ утёк.\n\n## Как хранить ключи\n\n- **Никогда не коммитьте ключ.** Используйте настройки MCP своей среды или переменную окружения.\n- **По ключу на каждое место.** Общий ключ можно отозвать, только сломав всех его потребителей разом.\n- **Меняйте ключ, когда кто-то уходит**, или когда он побывал там, где не должен был.\n\n## Если ключ перестал работать\n\nПроверьте по порядку: ключ не ротировали и не отзывали; он вставлен целиком; вы обращаетесь к нужному аккаунту. Ключи привязаны к пользователю, поэтому ключ из аккаунта коллеги ваших проектов не увидит.","text":"Создание ключа 1. Откройте Управление аккаунтом → API-ключи. 2. Создайте ключ и дайте ему имя, из которого понятно, где он используется («Cursor — ноутбук», «CI»). 3. Скопируйте его сразу. Полный ключ показывается один раз. Ротация Ротация выдаёт новый секрет для того же ключа. Всё, что использует старое значение, перестаёт работать в момент ротации, поэтому обновите конфигурацию в тот же заход. Отзыв Удаление ключа срабатывает немедленно и необратимо. Любая среда или скрипт, где он прописан, тут же перестанут работать — именно этого вы и хотите, если ключ утёк. Как хранить ключи - Никогда не коммитьте ключ. Используйте настройки MCP своей среды или переменную окружения. - По ключу на каждое место. Общий ключ можно отозвать, только сломав всех его потребителей разом. - Меняйте ключ, когда кто-то уходит, или когда он побывал там, где не должен был. Если ключ перестал работать Проверьте по порядку: ключ не ротировали и не отзывали; он вставлен целиком; вы обращаетесь к нужному аккаунту. Ключи привязаны к пользователю, поэтому ключ из аккаунта коллеги ваших проектов не увидит."},{"slug":"figma-plugin","category":"integrations","categoryTitle":"Интеграции и разработка","title":"Плагин UXMagic для Figma","description":"Генерируйте интерфейсы и переносите сайты и скриншоты в Figma, не выходя из Figma.","url":"https://uxmagic.ai/ru/help/integrations/figma-plugin","type":"howto","keywords":["плагин figma","плагин","сайт в figma","скриншот в интерфейс","figma"],"headings":["Установка","Что он умеет","Плагин или веб-приложение","Кредиты"],"updated":"2026-08-27","faqs":[],"related":["export-to-figma","import-from-figma","mcp-server"],"markdown":"Плагин — **UXMagic AI UI Generator (Website to Figma, Screenshot to UI)** — переносит генерацию внутрь Figma, для тех, чья работа и так живёт там.\n\n## Установка\n\n1. Откройте [страницу плагина в Figma Community](https://www.figma.com/community/plugin/1374402598280022366/uxmagic-ai-ui-generator-website-to-figma-screenshot-to-ui).\n2. Нажмите **Открыть в Figma**.\n3. Войдите со своим аккаунтом UXMagic, когда попросят.\n\n## Что он умеет\n\n- **Генерировать интерфейс по промпту** прямо на холсте Figma.\n- **Сайт в Figma** — вставьте адрес и получите страницу редактируемыми слоями Figma.\n- **Скриншот в интерфейс** — перетащите картинку и получите настоящие слои.\n\nВсё приходит нормальными фреймами Figma с auto-layout, а не сведёнными картинками.\n\n## Плагин или веб-приложение\n\n- **Плагин** — лучше, когда Figma и есть ваша рабочая поверхность и результат нужен сразу там.\n- **[Веб-приложение](/dashboard)** — лучше для многоэкранных проектов, тем, версий, публикации и совместной работы.\n\nУ них общий аккаунт и общий баланс кредитов, так что переключаться можно свободно.\n\n## Кредиты\n\nГенерации и экспорты из плагина расходуют тот же баланс, что и веб-приложение. См. [Как работают кредиты](/help/account-and-billing/how-credits-work).","text":"Плагин — UXMagic AI UI Generator (Website to Figma, Screenshot to UI) — переносит генерацию внутрь Figma, для тех, чья работа и так живёт там. Установка 1. Откройте страницу плагина в Figma Community. 2. Нажмите Открыть в Figma. 3. Войдите со своим аккаунтом UXMagic, когда попросят. Что он умеет - Генерировать интерфейс по промпту прямо на холсте Figma. - Сайт в Figma — вставьте адрес и получите страницу редактируемыми слоями Figma. - Скриншот в интерфейс — перетащите картинку и получите настоящие слои. Всё приходит нормальными фреймами Figma с auto-layout, а не сведёнными картинками. Плагин или веб-приложение - Плагин — лучше, когда Figma и есть ваша рабочая поверхность и результат нужен сразу там. - Веб-приложение — лучше для многоэкранных проектов, тем, версий, публикации и совместной работы. У них общий аккаунт и общий баланс кредитов, так что переключаться можно свободно. Кредиты Генерации и экспорты из плагина расходуют тот же баланс, что и веб-приложение. См. Как работают кредиты."},{"slug":"github-sync","category":"integrations","categoryTitle":"Интеграции и разработка","title":"Синхронизация с GitHub","description":"Отправляйте экспортированный код прямо в репозиторий и разворачивайте через GitHub Pages.","url":"https://uxmagic.ai/ru/help/integrations/github-sync","type":"howto","keywords":["github","репозиторий","git","отправить код","pages","синхронизация","коммит"],"headings":["Подключение GitHub","Отправка кода","GitHub Pages","Хорошие привычки","Отключение"],"updated":"2026-08-27","faqs":[],"related":["export-code","api-keys","publish-your-first-site"],"markdown":"## Подключение GitHub\n\n1. Откройте **Интеграции → GitHub**.\n2. Разрешите доступ UXMagic (OAuth).\n3. Выберите существующий репозиторий или дайте UXMagic создать новый.\n\n## Отправка кода\n\n1. Выделите нужные экраны.\n2. **Экспорт → GitHub.**\n3. Выберите репозиторий и ветку.\n4. Отправьте. Экспортированный код закоммитят за вас.\n\nПовторная отправка обновляет те же файлы, поэтому репозиторий не отстаёт от макета по мере его развития.\n\n## GitHub Pages\n\nОтправленный код можно развернуть через GitHub Pages прямо из интеграции — удобно для быстрого публичного превью, когда вы хотите, чтобы артефакт жил в вашей организации на GitHub, а не на хостинге UXMagic.\n\nДля сайта, который вы действительно собираетесь вести, [публикация](/help/publish/publish-your-first-site) даёт нормальный адрес, историю развёртываний и откат.\n\n## Хорошие привычки\n\n- **Отправляйте в ветку**, а не в `main`, и просматривайте изменения.\n- **Заберите ресурсы в репозиторий.** Экспортированный код ссылается на изображения по адресам; скачайте их до релиза.\n- **Помните, что это фронтенд.** Слоя данных и маршрутизации нет — подключите их в своём приложении.\n\n## Отключение\n\nОтключите интеграцию в разделе **Интеграции**. Это отзывает доступ UXMagic; всё, что уже отправлено, останется в вашем репозитории.","text":"Подключение GitHub 1. Откройте Интеграции → GitHub. 2. Разрешите доступ UXMagic (OAuth). 3. Выберите существующий репозиторий или дайте UXMagic создать новый. Отправка кода 1. Выделите нужные экраны. 2. Экспорт → GitHub. 3. Выберите репозиторий и ветку. 4. Отправьте. Экспортированный код закоммитят за вас. Повторная отправка обновляет те же файлы, поэтому репозиторий не отстаёт от макета по мере его развития. GitHub Pages Отправленный код можно развернуть через GitHub Pages прямо из интеграции — удобно для быстрого публичного превью, когда вы хотите, чтобы артефакт жил в вашей организации на GitHub, а не на хостинге UXMagic. Для сайта, который вы действительно собираетесь вести, публикация даёт нормальный адрес, историю развёртываний и откат. Хорошие привычки - Отправляйте в ветку, а не в main, и просматривайте изменения. - Заберите ресурсы в репозиторий. Экспортированный код ссылается на изображения по адресам; скачайте их до релиза. - Помните, что это фронтенд. Слоя данных и маршрутизации нет — подключите их в своём приложении. Отключение Отключите интеграцию в разделе Интеграции. Это отзывает доступ UXMagic; всё, что уже отправлено, останется в вашем репозитории."},{"slug":"connect-uxmagic-to-ai-assistants","category":"integrations","categoryTitle":"Интеграции и разработка","title":"Работа с UXMagic из ChatGPT, Claude и других ассистентов","description":"Как ИИ-ассистенты могут читать документацию UXMagic и управлять вашими проектами.","url":"https://uxmagic.ai/ru/help/integrations/connect-uxmagic-to-ai-assistants","type":"guide","keywords":["chatgpt","claude","perplexity","ии-ассистент","llms.txt","поддержка на ии","информация для ии"],"headings":["1. Спросить ассистента *про* UXMagic","2. Дать ассистенту *управлять* UXMagic","Что выбрать"],"updated":"2026-08-27","faqs":[],"related":["mcp-server","api-keys","contact-support"],"markdown":"Под фразой «использовать UXMagic с ИИ» обычно понимают две разные вещи, и настраиваются они по-разному.\n\n## 1. Спросить ассистента *про* UXMagic\n\nАссистенты отвечают тем, что могут прочитать. UXMagic публикует машиночитаемые материалы именно для того, чтобы эти ответы были точными, а не выдуманными:\n\n- **[/ai-info](/ai-info)** — официальная структурированная справка о продукте: что это, что он делает, для кого, сколько стоит и чего он *не* делает.\n- **[/llms.txt](/llms.txt)** — отобранный указатель публичного сайта для поисковых систем с ответами.\n- **[/llms-full.txt](/llms-full.txt)** — один самодостаточный документ о возможностях, экспорте, ценах и частых вопросах.\n- **[/llms-help.txt](/llms-help.txt)** — весь этот справочный центр одним текстовым документом.\n- **[/help.json](/help.json)** — тот же корпус справки в структурированном JSON.\n\nЕсли ассистент говорит о UXMagic что-то неверное, самый быстрый способ поправить его — отправить к `uxmagic.ai/ai-info`.\n\n## 2. Дать ассистенту *управлять* UXMagic\n\nЭто MCP-сервер: ассистент читает ваши настоящие проекты и экраны и может создавать и править их. См. [MCP-сервер UXMagic](/help/integrations/mcp-server).\n\n## Что выбрать\n\n- Писать код по макету → **MCP**.\n- Спросить «сколько стоит UXMagic» → **опубликованные материалы выше**; настройка не нужна.\n- Строить автоматизацию поверх UXMagic → **MCP с [API-ключом](/help/integrations/api-keys)**.","text":"Под фразой «использовать UXMagic с ИИ» обычно понимают две разные вещи, и настраиваются они по-разному. 1. Спросить ассистента про UXMagic Ассистенты отвечают тем, что могут прочитать. UXMagic публикует машиночитаемые материалы именно для того, чтобы эти ответы были точными, а не выдуманными: - /ai-info — официальная структурированная справка о продукте: что это, что он делает, для кого, сколько стоит и чего он не делает. - /llms.txt — отобранный указатель публичного сайта для поисковых систем с ответами. - /llms-full.txt — один самодостаточный документ о возможностях, экспорте, ценах и частых вопросах. - /llms-help.txt — весь этот справочный центр одним текстовым документом. - /help.json — тот же корпус справки в структурированном JSON. Если ассистент говорит о UXMagic что-то неверное, самый быстрый способ поправить его — отправить к uxmagic.ai/ai-info. 2. Дать ассистенту управлять UXMagic Это MCP-сервер: ассистент читает ваши настоящие проекты и экраны и может создавать и править их. См. MCP-сервер UXMagic. Что выбрать - Писать код по макету → MCP. - Спросить «сколько стоит UXMagic» → опубликованные материалы выше; настройка не нужна. - Строить автоматизацию поверх UXMagic → MCP с API-ключом."},{"slug":"how-credits-work","category":"account-and-billing","categoryTitle":"Тарифы, кредиты и оплата","title":"Как работают кредиты","description":"Точная стоимость каждого действия ИИ, какие действия бесплатны и как растянуть баланс.","url":"https://uxmagic.ai/ru/help/account-and-billing/how-credits-work","type":"reference","keywords":["кредиты","стоимость","цены","расход","кончились кредиты","баланс","сколько стоит"],"headings":["Сколько стоит каждое действие","Начало сессии","Экономика одной строкой","Как растянуть баланс","Кредиты команды","Если кредиты кончились"],"updated":"2026-09-03","faqs":[{"question":"Переносятся ли кредиты на следующий месяц?","answer":"Кредиты платных тарифов обнуляются в каждом расчётном периоде и не переносятся. Кредиты тарифа Free обновляются каждый день — пустой баланс вернётся завтра."},{"question":"Спишут ли кредиты, если генерация не удалась?","answer":"Работа, которая ничего не произвела, оплачиваться не должна. Если с вас списали за неудачный прогон, напишите в поддержку со ссылкой на проект — мы это исправим."},{"question":"Чтение и работа с темой бесплатны?","answer":"Да. Чтение экранов, темы, изображений и документов, а также создание и обновление темы стоят ноль кредитов."}],"related":["earn-free-credits","plans-and-limits","i-ran-out-of-credits"],"markdown":"Кредиты — это единица работы ИИ. Чтение и работа с темой бесплатны; генерация и пересборка стоят пропорционально тому, сколько вычислений реально потребовалось.\n\n## Сколько стоит каждое действие\n\n| Действие | Кредиты |\n| --- | --- |\n| Спроектировать новый экран | 3 |\n| Переписать экран целиком | 2 |\n| Точечная правка (поиск и замена) | 0,2 |\n| Предложить план экранов | 1 |\n| Клонировать сайт по адресу | 10 |\n| Достроить неполный клон | 2 |\n| Сгенерировать изображение | 0,5 |\n| Отредактировать существующее изображение | 0,5 |\n| Заменить ресурс на всех экранах | 1 |\n| Прочитать экран, тему, изображение или документ | 0 |\n| Создать или обновить тему | 0 |\n| Ответить на уточняющий вопрос | 0 |\n\n**Операции над экранами** тарифицируются за каждый затронутый экран по **6 кредитов за экран**:\n\n- Перегенерировать экран\n- Сделать варианты\n- Сгенерировать сценарий\n- Перевести экран в мобильную версию\n- Перевести экран в десктопную версию\n\nТо есть перевести восемь экранов в мобильную версию стоит 48 кредитов, а не 6.\n\n## Начало сессии\n\nДля запуска сессии чата нужно минимум **4 кредита** — этого хватает на план плюс один полный экран, чтобы сессия не могла начаться, спланировать работу и иссякнуть до того, как что-то появится.\n\n## Экономика одной строкой\n\n**Правка примерно в пятнадцать раз дешевле переписывания, а переписывание дешевле перегенерации.** Самая большая доступная вам экономия — просить конкретное изменение вместо того, чтобы просить экран заново.\n\n## Как растянуть баланс\n\n1. **Просите точечные правки.** «Сделай герой-блок короче» стоит доли от «переделай эту страницу».\n2. **Разберитесь с темой пораньше.** Изменения темы бесплатны и действуют везде; перекрашивание экранов по одному не даёт ни того, ни другого.\n3. **Отнеситесь к плану экранов серьёзно.** Исправить план стоит 1 кредит. Исправить восемь неверных экранов — от 24 до 48.\n4. **Варианты под устройства делайте в последнюю очередь.** Конвертируйте один раз в конце, а не заново после каждой правки.\n5. **Для текстов используйте режим редактирования.** Замена текста и картинок там бесплатна.\n6. **Проверяйте баланс перед большим сценарием.** Прогон, остановившийся на середине, оставит вас с половиной сценария.\n\n## Кредиты команды\n\nВ командном проекте работа ИИ списывается с **общего фонда команды** или из вашей доли в нём, а не с личного баланса. Владелец может ограничить расход на участника. См. [Команды и места](/help/collaborate/teams-and-seats).\n\n## Если кредиты кончились\n\nВы получите понятное сообщение, а не молчаливый сбой. См. [У меня кончились кредиты](/help/troubleshooting/i-ran-out-of-credits).","text":"Кредиты — это единица работы ИИ. Чтение и работа с темой бесплатны; генерация и пересборка стоят пропорционально тому, сколько вычислений реально потребовалось. Сколько стоит каждое действие Действие Кредиты --- --- Спроектировать новый экран 3 Переписать экран целиком 2 Точечная правка (поиск и замена) 0,2 Предложить план экранов 1 Клонировать сайт по адресу 10 Достроить неполный клон 2 Сгенерировать изображение 0,5 Отредактировать существующее изображение 0,5 Заменить ресурс на всех экранах 1 Прочитать экран, тему, изображение или документ 0 Создать или обновить тему 0 Ответить на уточняющий вопрос 0 Операции над экранами тарифицируются за каждый затронутый экран по 6 кредитов за экран: - Перегенерировать экран - Сделать варианты - Сгенерировать сценарий - Перевести экран в мобильную версию - Перевести экран в десктопную версию То есть перевести восемь экранов в мобильную версию стоит 48 кредитов, а не 6. Начало сессии Для запуска сессии чата нужно минимум 4 кредита — этого хватает на план плюс один полный экран, чтобы сессия не могла начаться, спланировать работу и иссякнуть до того, как что-то появится. Экономика одной строкой Правка примерно в пятнадцать раз дешевле переписывания, а переписывание дешевле перегенерации. Самая большая доступная вам экономия — просить конкретное изменение вместо того, чтобы просить экран заново. Как растянуть баланс 1. Просите точечные правки. «Сделай герой-блок короче» стоит доли от «переделай эту страницу». 2. Разберитесь с темой пораньше. Изменения темы бесплатны и действуют везде; перекрашивание экранов по одному не даёт ни того, ни другого. 3. Отнеситесь к плану экранов серьёзно. Исправить план стоит 1 кредит. Исправить восемь неверных экранов — от 24 до 48. 4. Варианты под устройства делайте в последнюю очередь. Конвертируйте один раз в конце, а не заново после каждой правки. 5. Для текстов используйте режим редактирования. Замена текста и картинок там бесплатна. 6. Проверяйте баланс перед большим сценарием. Прогон, остановившийся на середине, оставит вас с половиной сценария. Кредиты команды В командном проекте работа ИИ списывается с общего фонда команды или из вашей доли в нём, а не с личного баланса. Владелец может ограничить расход на участника. См. Команды и места. Если кредиты кончились Вы получите понятное сообщение, а не молчаливый сбой. См. У меня кончились кредиты."},{"slug":"plans-and-limits","category":"account-and-billing","categoryTitle":"Тарифы, кредиты и оплата","title":"Тарифы и лимиты","description":"Что входит в Free, Pro и Enterprise и какие лимиты к чему относятся.","url":"https://uxmagic.ai/ru/help/account-and-billing/plans-and-limits","type":"reference","keywords":["тарифы","цены","free","pro","enterprise","лимиты","повышение тарифа","уровни"],"headings":["Free","Pro","Enterprise","Какой лимит к чему относится","Периодичность оплаты"],"updated":"2026-09-03","faqs":[],"related":["how-credits-work","upgrade-or-downgrade","teams-and-seats"],"markdown":"Актуальные цены и полная таблица возможностей — на [странице цен](/pricing). Здесь общая картина.\n\n## Free\n\n- **20 кредитов каждый день**, обновляются ежедневно — пустой баланс вернётся завтра.\n- До **3 экранов в сутки**, в **5 проектах**.\n- **1 экспорт в Figma.**\n- Основные возможности: дизайн интерфейсов, вайрфреймы, режим потока, из скриншота и наброска в интерфейс, клонирование сайта, гайдлайн, импорт из Figma, экспорт кода.\n- **Банковская карта не нужна.**\n\n## Pro\n\n- **2400 кредитов в месяц** — до **400 экранов** — обнуляются в каждом расчётном периоде, без суточного лимита.\n- **35 $/мес**, или **17,5 $/мес при годовой оплате** (скидка 50%, 210 $ за год).\n- Неограниченные проекты и **250 экспортов в Figma** в месяц.\n- Всё из Free, но без потолков.\n- Снятие значка UX Magic с опубликованных сайтов, а также приватные сайты и сайты под паролем.\n\n## Enterprise\n\nВсё из Pro, плюс:\n\n- Неограниченное число экранов, сгенерированных ИИ, и неограниченное число мест\n- Индивидуальное распределение кредитов\n- Аутентификация SSO / SAML\n- Панель администратора команды\n- Общая дизайн-система и библиотека компонентов\n- Приоритетная поддержка с гарантированным временем ответа\n- Отдельный онбординг и обучение\n- Индивидуальный договор и выставление счетов\n- Ранний доступ к новым возможностям\n\n[Напишите нам](/support) про Enterprise.\n\n## Какой лимит к чему относится\n\n| Лимит | Относится к |\n| --- | --- |\n| Кредиты | Всей генерации ИИ — в приложении, через MCP и в плагине Figma |\n| Экраны | Экранам, созданным в проектах |\n| Проекты | Одновременным проектам в вашем аккаунте |\n| Экспорты в Figma | Каждой операции экспорта |\n| Опубликованные сайты | Живым сайтам одновременно; снятие с публикации освобождает место |\n| Места | Активным участникам команды |\n\n## Периодичность оплаты\n\nЕжемесячно или ежегодно. Годовая оплата заметно дешевле в пересчёте на месяц. Периодичность можно сменить в любой момент в настройках оплаты. См. [Повышение, понижение тарифа и смена периодичности](/help/account-and-billing/upgrade-or-downgrade).","text":"Актуальные цены и полная таблица возможностей — на странице цен. Здесь общая картина. Free - 20 кредитов каждый день, обновляются ежедневно — пустой баланс вернётся завтра. - До 3 экранов в сутки, в 5 проектах. - 1 экспорт в Figma. - Основные возможности: дизайн интерфейсов, вайрфреймы, режим потока, из скриншота и наброска в интерфейс, клонирование сайта, гайдлайн, импорт из Figma, экспорт кода. - Банковская карта не нужна. Pro - 2400 кредитов в месяц — до 400 экранов — обнуляются в каждом расчётном периоде, без суточного лимита. - 35 $/мес, или 17,5 $/мес при годовой оплате (скидка 50%, 210 $ за год). - Неограниченные проекты и 250 экспортов в Figma в месяц. - Всё из Free, но без потолков. - Снятие значка UX Magic с опубликованных сайтов, а также приватные сайты и сайты под паролем. Enterprise Всё из Pro, плюс: - Неограниченное число экранов, сгенерированных ИИ, и неограниченное число мест - Индивидуальное распределение кредитов - Аутентификация SSO / SAML - Панель администратора команды - Общая дизайн-система и библиотека компонентов - Приоритетная поддержка с гарантированным временем ответа - Отдельный онбординг и обучение - Индивидуальный договор и выставление счетов - Ранний доступ к новым возможностям Напишите нам про Enterprise. Какой лимит к чему относится Лимит Относится к --- --- Кредиты Всей генерации ИИ — в приложении, через MCP и в плагине Figma Экраны Экранам, созданным в проектах Проекты Одновременным проектам в вашем аккаунте Экспорты в Figma Каждой операции экспорта Опубликованные сайты Живым сайтам одновременно; снятие с публикации освобождает место Места Активным участникам команды Периодичность оплаты Ежемесячно или ежегодно. Годовая оплата заметно дешевле в пересчёте на месяц. Периодичность можно сменить в любой момент в настройках оплаты. См. Повышение, понижение тарифа и смена периодичности."},{"slug":"upgrade-or-downgrade","category":"account-and-billing","categoryTitle":"Тарифы, кредиты и оплата","title":"Повышение, понижение тарифа и смена периодичности оплаты","description":"Как сменить тариф или перейти между месячной и годовой оплатой и что происходит с кредитами.","url":"https://uxmagic.ai/ru/help/account-and-billing/upgrade-or-downgrade","type":"howto","keywords":["повысить тариф","понизить тариф","годовая оплата","месячная оплата","сменить тариф","переключить"],"headings":["Повышение тарифа","Понижение тарифа","Месячная ↔ годовая","Что происходит с кредитами","Командные тарифы"],"updated":"2026-08-27","faqs":[],"related":["plans-and-limits","billing-and-invoices","cancel-your-subscription"],"markdown":"## Повышение тарифа\n\nВ разделе **Управление аккаунтом → Оплата** выберите нужный тариф. Повышение вступает в силу **сразу** — новый объём доступен немедленно.\n\n## Понижение тарифа\n\nПонижение вступает в силу со **следующего расчётного периода**. До этого у вас остаётся текущий тариф с его объёмом, поэтому вас не отрежут в середине месяца из-за изменения, сделанного третьего числа.\n\nПосле понижения лимиты тарифа действуют с этого момента. Проекты и экраны сверх нового лимита не удаляются, но создавать новые может быть нельзя, пока вы не вернётесь под лимит.\n\n## Месячная ↔ годовая\n\nПериодичность можно менять в любой момент в настройках оплаты. Годовая оплата заметно дешевле двенадцати месячных платежей.\n\nОдин нюанс: переход **в середине периода** может дать пропорциональное списание от платёжного провайдера вдобавок к оплате нового тарифа. Если не хотите два списания подряд, переходите в начале периода — или [напишите нам заранее](/support), и мы разберём это вместе.\n\n## Что происходит с кредитами\n\n- **Повышение** — новый объём доступен сразу.\n- **Понижение** — новый объём применяется со следующего периода.\n- Месячные кредиты **не переносятся** между периодами.\n\n## Командные тарифы\n\nВ командах тарифом и местами управляет владелец. Участникам собственная подписка не нужна. См. [Команды и места](/help/collaborate/teams-and-seats).","text":"Повышение тарифа В разделе Управление аккаунтом → Оплата выберите нужный тариф. Повышение вступает в силу сразу — новый объём доступен немедленно. Понижение тарифа Понижение вступает в силу со следующего расчётного периода. До этого у вас остаётся текущий тариф с его объёмом, поэтому вас не отрежут в середине месяца из-за изменения, сделанного третьего числа. После понижения лимиты тарифа действуют с этого момента. Проекты и экраны сверх нового лимита не удаляются, но создавать новые может быть нельзя, пока вы не вернётесь под лимит. Месячная ↔ годовая Периодичность можно менять в любой момент в настройках оплаты. Годовая оплата заметно дешевле двенадцати месячных платежей. Один нюанс: переход в середине периода может дать пропорциональное списание от платёжного провайдера вдобавок к оплате нового тарифа. Если не хотите два списания подряд, переходите в начале периода — или напишите нам заранее, и мы разберём это вместе. Что происходит с кредитами - Повышение — новый объём доступен сразу. - Понижение — новый объём применяется со следующего периода. - Месячные кредиты не переносятся между периодами. Командные тарифы В командах тарифом и местами управляет владелец. Участникам собственная подписка не нужна. См. Команды и места."},{"slug":"billing-and-invoices","category":"account-and-billing","categoryTitle":"Тарифы, кредиты и оплата","title":"Оплата, счета и способы платежа","description":"Способы оплаты, где найти счета и что делать с неожиданным списанием.","url":"https://uxmagic.ai/ru/help/account-and-billing/billing-and-invoices","type":"howto","keywords":["счёт","чек","оплата","карта","платёж","списание","ндс","stripe"],"headings":["Способы оплаты","Счета","Неожиданное списание","Неудачные платежи","Валюта"],"updated":"2026-08-27","faqs":[],"related":["upgrade-or-downgrade","refunds","cancel-your-subscription"],"markdown":"## Способы оплаты\n\nПлатежи обрабатывает Stripe. Принимаются основные кредитные и дебетовые карты; доступные локальные способы зависят от вашей страны. UXMagic никогда не видит и не хранит полные данные вашей карты.\n\n## Счета\n\nСчета и чеки находятся в разделе **Управление аккаунтом → Оплата**. У каждого списания есть счёт, который можно скачать, а реквизиты компании и налоговый номер можно добавить, чтобы они попадали в документ.\n\nЗаполните платёжные реквизиты **до того**, как счёт понадобится: перевыпускать документ задним числом мучительнее, чем заполнить форму сейчас.\n\n## Неожиданное списание\n\nНапишите нам на **hello@uxmagic.ai**, прежде чем оспаривать платёж в банке или в Stripe. Большинство вопросов по оплате решается в тот же день, если вы сначала приходите к нам.\n\nОткрытие спора запускает на стороне платёжного провайдера автоматический процесс, который может приостановить ваш аккаунт на время разбирательства, — это не помогает никому, и вам в первую очередь. Нам гораздо проще просто всё исправить.\n\n## Неудачные платежи\n\nЕсли платёж не прошёл, вам сообщат и дадут время обновить карту, прежде чем что-либо изменится в аккаунте. Обновите её в разделе **Управление аккаунтом → Оплата**.\n\n## Валюта\n\nЦены указаны в долларах США. Ваш банк может применить свою конвертацию и комиссии.","text":"Способы оплаты Платежи обрабатывает Stripe. Принимаются основные кредитные и дебетовые карты; доступные локальные способы зависят от вашей страны. UXMagic никогда не видит и не хранит полные данные вашей карты. Счета Счета и чеки находятся в разделе Управление аккаунтом → Оплата. У каждого списания есть счёт, который можно скачать, а реквизиты компании и налоговый номер можно добавить, чтобы они попадали в документ. Заполните платёжные реквизиты до того, как счёт понадобится: перевыпускать документ задним числом мучительнее, чем заполнить форму сейчас. Неожиданное списание Напишите нам на hello@uxmagic.ai, прежде чем оспаривать платёж в банке или в Stripe. Большинство вопросов по оплате решается в тот же день, если вы сначала приходите к нам. Открытие спора запускает на стороне платёжного провайдера автоматический процесс, который может приостановить ваш аккаунт на время разбирательства, — это не помогает никому, и вам в первую очередь. Нам гораздо проще просто всё исправить. Неудачные платежи Если платёж не прошёл, вам сообщат и дадут время обновить карту, прежде чем что-либо изменится в аккаунте. Обновите её в разделе Управление аккаунтом → Оплата. Валюта Цены указаны в долларах США. Ваш банк может применить свою конвертацию и комиссии."},{"slug":"refunds","category":"account-and-billing","categoryTitle":"Тарифы, кредиты и оплата","title":"Возвраты","description":"Политика возвратов и что делать, если что-то действительно пошло не так.","url":"https://uxmagic.ai/ru/help/account-and-billing/refunds","type":"reference","keywords":["возврат","вернуть деньги","отменить списание","компенсация"],"headings":["Политика","Если не уверены, какой тариф нужен","Если действительно что-то пошло не так","Прежде чем открывать спор"],"updated":"2026-08-27","faqs":[],"related":["billing-and-invoices","cancel-your-subscription","contact-support"],"markdown":"## Политика\n\nUXMagic не делает возвратов за подписки и покупки кредитов. Мы рекомендуем сначала попробовать тариф Free — он существует именно для того, чтобы вы могли оценить результат до оплаты.\n\n## Если не уверены, какой тариф нужен\n\n[Спросите нас](/support) до покупки. Мы лучше потратим пять минут, помогая вам выбрать, чем увидим, как вы купили не то.\n\n## Если действительно что-то пошло не так\n\nПолитика касается сожалений о покупке, а не наших ошибок. Если с вас списали дважды, списали после отмены подписки или взяли плату за работу, которая не удалась и ничего не произвела, — это ошибка оплаты: напишите на **hello@uxmagic.ai** и приложите счёт, мы разберёмся.\n\n## Прежде чем открывать спор\n\nСначала обратитесь к нам. Банковский спор может приостановить ваш аккаунт на время разбирательства и занимает куда больше времени, чем письмо. См. [Оплата, счета и способы платежа](/help/account-and-billing/billing-and-invoices).","text":"Политика UXMagic не делает возвратов за подписки и покупки кредитов. Мы рекомендуем сначала попробовать тариф Free — он существует именно для того, чтобы вы могли оценить результат до оплаты. Если не уверены, какой тариф нужен Спросите нас до покупки. Мы лучше потратим пять минут, помогая вам выбрать, чем увидим, как вы купили не то. Если действительно что-то пошло не так Политика касается сожалений о покупке, а не наших ошибок. Если с вас списали дважды, списали после отмены подписки или взяли плату за работу, которая не удалась и ничего не произвела, — это ошибка оплаты: напишите на hello@uxmagic.ai и приложите счёт, мы разберёмся. Прежде чем открывать спор Сначала обратитесь к нам. Банковский спор может приостановить ваш аккаунт на время разбирательства и занимает куда больше времени, чем письмо. См. Оплата, счета и способы платежа."},{"slug":"cancel-your-subscription","category":"account-and-billing","categoryTitle":"Тарифы, кредиты и оплата","title":"Отмена подписки","description":"Как отменить подписку, когда заканчивается доступ и что будет с вашей работой.","url":"https://uxmagic.ai/ru/help/account-and-billing/cancel-your-subscription","type":"howto","keywords":["отменить","отписаться","закончить подписку","прекратить списания","перейти на free"],"headings":["Отмена","Что произойдёт","Отмена — это не удаление","Если передумали","Прежде чем уйти"],"updated":"2026-08-27","faqs":[],"related":["refunds","delete-your-account","upgrade-or-downgrade"],"markdown":"## Отмена\n\n**Управление аккаунтом → Оплата → Отменить подписку.** Вам зададут пару вопросов о причине — они нам действительно полезны, и их можно пропустить.\n\n## Что произойдёт\n\n- Ваш тариф остаётся **активным до конца текущего расчётного периода**. Оплаченный объём сохраняется.\n- После этого аккаунт переходит на тариф Free.\n- **Проекты не удаляются.** Они остаются в аккаунте, но дальнейшее создание ограничено лимитами Free.\n- Опубликованные сайты сверх лимита Free могут быть сняты. Проверьте это до отмены, если живой сайт для вас важен.\n\n## Отмена — это не удаление\n\nОтмена прекращает списания. Аккаунт и работа остаются. Если вы хотите, чтобы аккаунт и данные исчезли, это [Удаление аккаунта](/help/account-and-billing/delete-your-account) — и оно необратимо.\n\n## Если передумали\n\nОформите подписку заново в любой момент в настройках оплаты. Если сделать это до конца периода, ничего не потеряется.\n\n## Прежде чем уйти\n\nЕсли вы уходите из-за конкретной проблемы — качества результата, недостающей возможности, стоимости — [расскажите нам](/support). Что-то мы можем поправить, а что-то уже поправили и просто не сумели вам об этом сообщить.","text":"Отмена Управление аккаунтом → Оплата → Отменить подписку. Вам зададут пару вопросов о причине — они нам действительно полезны, и их можно пропустить. Что произойдёт - Ваш тариф остаётся активным до конца текущего расчётного периода. Оплаченный объём сохраняется. - После этого аккаунт переходит на тариф Free. - Проекты не удаляются. Они остаются в аккаунте, но дальнейшее создание ограничено лимитами Free. - Опубликованные сайты сверх лимита Free могут быть сняты. Проверьте это до отмены, если живой сайт для вас важен. Отмена — это не удаление Отмена прекращает списания. Аккаунт и работа остаются. Если вы хотите, чтобы аккаунт и данные исчезли, это Удаление аккаунта — и оно необратимо. Если передумали Оформите подписку заново в любой момент в настройках оплаты. Если сделать это до конца периода, ничего не потеряется. Прежде чем уйти Если вы уходите из-за конкретной проблемы — качества результата, недостающей возможности, стоимости — расскажите нам. Что-то мы можем поправить, а что-то уже поправили и просто не сумели вам об этом сообщить."},{"slug":"earn-free-credits","category":"account-and-billing","categoryTitle":"Тарифы, кредиты и оплата","title":"Как получить бесплатные кредиты","description":"Четыре шага «Разблокировать тариф Pro», сколько даёт каждый, и другие способы пополнить баланс без оплаты.","url":"https://uxmagic.ai/ru/help/account-and-billing/earn-free-credits","type":"guide","keywords":["бесплатные кредиты","заработать кредиты","разблокировать pro","бесплатный апгрейд","больше кредитов","кредиты без оплаты","пробный период"],"headings":["Ежедневная выдача","«Разблокировать тариф Pro» — четыре шага","Проверка ручная","Приглашения","Как растянуть кредиты"],"updated":"2026-09-03","faqs":[{"question":"Как получить бесплатные кредиты?","answer":"Откройте «Upgrade for free» в редакторе и пройдите четыре шага «Разблокировать тариф Pro» — короткий опрос, отзыв на Capterra, вступление в Slack-сообщество и отзыв-история. Каждый шаг даёт кредиты, а все четыре открывают 3 дня Pro. Приглашение друга приносит ещё 250 кредитов."},{"question":"Кредиты приходят мгновенно?","answer":"Нет. Каждый шаг проверяет человек из команды, и вы получаете письмо, когда он засчитан, — дайте этому немного времени, а не отправляйте повторно."}],"related":["how-credits-work","referral-program","plans-and-limits"],"markdown":"Есть три способа пополнить кредиты без оплаты: ежедневная бесплатная выдача, чек-лист **«Разблокировать тариф Pro»** и приглашения.\n\n## Ежедневная выдача\n\nКаждый аккаунт Free получает **20 кредитов в день**, обновляемых ежедневно, — этого хватает примерно на 3 экрана. Пустой баланс вернётся завтра, так что спокойная неделя ничего не стоит. См. [Тарифы и ограничения](/help/account-and-billing/plans-and-limits).\n\n## «Разблокировать тариф Pro» — четыре шага\n\nВ редакторе нажмите **Upgrade for free**. Панель отслеживает прогресс по четырём шагам, и **все четыре вместе открывают 3 дня тарифа Pro бесплатно**. Каждый шаг вдобавок приносит кредиты сам по себе:\n\n| Шаг | Кредиты |\n| --- | --- |\n| Ответить на несколько вопросов о том, как вы пользуетесь UXMagic | 12 |\n| Оставить отзыв на Capterra | 12 |\n| Вступить в Slack-сообщество UXMagic | 12 |\n| Оставить отзыв-историю — текст или текст с видео | до 36 |\n\nЧто стоит знать:\n\n- **Каждый шаг оплачивается один раз.** Дважды получить за один и тот же шаг нельзя.\n- **Отзыв засчитывается там, где вы его оставили.** Capterra заменила Trustpilot в этом шаге; если вы оставили отзыв на Trustpilot до замены, он по-прежнему засчитан и повторно вас не попросят.\n- **Отзыв-история с видео приносит больше** — 12 кредитов за текст и ещё 24 за короткое видео.\n\n## Проверка ручная\n\nКредиты начисляются не в момент отправки. Человек проверяет, что отзыв, публикация или история настоящие, и вы получаете письмо, когда всё зачтено. Это сделано намеренно — иначе награду нельзя было бы предлагать, — поэтому дайте немного времени вместо повторной отправки.\n\n## Приглашения\n\nПриглашение приносит **250 кредитов** (около 10 $) вам обоим, когда приглашённый впервые переходит на платный тариф, — до пяти приглашений. Это самый крупный отдельный источник бесплатных кредитов. См. [Приглашайте и получайте](/help/account-and-billing/referral-program).\n\n## Как растянуть кредиты\n\nЗаработать больше — только половина дела. Точечная правка стоит 0,2 кредита, а перегенерация экрана — 6, так что привычки из [Как работают кредиты](/help/account-and-billing/how-credits-work) растягивают баланс сильнее, чем все эти шаги его наполняют.","text":"Есть три способа пополнить кредиты без оплаты: ежедневная бесплатная выдача, чек-лист «Разблокировать тариф Pro» и приглашения. Ежедневная выдача Каждый аккаунт Free получает 20 кредитов в день, обновляемых ежедневно, — этого хватает примерно на 3 экрана. Пустой баланс вернётся завтра, так что спокойная неделя ничего не стоит. См. Тарифы и ограничения. «Разблокировать тариф Pro» — четыре шага В редакторе нажмите Upgrade for free. Панель отслеживает прогресс по четырём шагам, и все четыре вместе открывают 3 дня тарифа Pro бесплатно. Каждый шаг вдобавок приносит кредиты сам по себе: Шаг Кредиты --- --- Ответить на несколько вопросов о том, как вы пользуетесь UXMagic 12 Оставить отзыв на Capterra 12 Вступить в Slack-сообщество UXMagic 12 Оставить отзыв-историю — текст или текст с видео до 36 Что стоит знать: - Каждый шаг оплачивается один раз. Дважды получить за один и тот же шаг нельзя. - Отзыв засчитывается там, где вы его оставили. Capterra заменила Trustpilot в этом шаге; если вы оставили отзыв на Trustpilot до замены, он по-прежнему засчитан и повторно вас не попросят. - Отзыв-история с видео приносит больше — 12 кредитов за текст и ещё 24 за короткое видео. Проверка ручная Кредиты начисляются не в момент отправки. Человек проверяет, что отзыв, публикация или история настоящие, и вы получаете письмо, когда всё зачтено. Это сделано намеренно — иначе награду нельзя было бы предлагать, — поэтому дайте немного времени вместо повторной отправки. Приглашения Приглашение приносит 250 кредитов (около 10 $) вам обоим, когда приглашённый впервые переходит на платный тариф, — до пяти приглашений. Это самый крупный отдельный источник бесплатных кредитов. См. Приглашайте и получайте. Как растянуть кредиты Заработать больше — только половина дела. Точечная правка стоит 0,2 кредита, а перегенерация экрана — 6, так что привычки из Как работают кредиты растягивают баланс сильнее, чем все эти шаги его наполняют."},{"slug":"referral-program","category":"account-and-billing","categoryTitle":"Тарифы, кредиты и оплата","title":"Приглашайте и получайте кредиты","description":"Приглашайте людей в UXMagic и получайте кредиты, когда они переходят на платный тариф.","url":"https://uxmagic.ai/ru/help/account-and-billing/referral-program","type":"guide","keywords":["реферальная программа","пригласить друга","приглашение","получить кредиты","партнёрская программа","вознаграждение"],"headings":["Как это работает","Вознаграждение","Ограничение","Правила","Партнёрская программа"],"updated":"2026-08-27","faqs":[{"question":"Когда я получу кредиты?","answer":"Когда приглашённый вами человек впервые перейдёт на платный тариф, а не когда он зарегистрируется."},{"question":"Есть ли ограничение?","answer":"Вознаграждение начисляется максимум за пять приглашений. Последующие продолжают отображаться в общем счётчике, но уже не оплачиваются."}],"related":["earn-free-credits","how-credits-work","plans-and-limits"],"markdown":"## Как это работает\n\n1. Возьмите свою реферальную ссылку в разделе **Приглашайте и получайте кредиты** в аккаунте.\n2. Поделитесь ею.\n3. Когда кто-то регистрируется по ней и **впервые переходит на платный тариф**, кредиты получаете и вы, и он.\n\n## Вознаграждение\n\n**По 250 кредитов каждому** — это подаётся как «кредитов на 10 $» — приглашающему и приглашённому.\n\nДля масштаба: 250 кредитов — это примерно 80 новых экранов или очень много правок. См. [Как работают кредиты](/help/account-and-billing/how-credits-work).\n\n## Ограничение\n\nВознаграждение начисляется максимум за **пять** приглашений. Дальше приглашения продолжают отображаться в общем счётчике, но перестают приносить кредиты.\n\n## Правила\n\n- Вознаграждение срабатывает при **первом платном переходе** приглашённого, а не при его регистрации.\n- Самоприглашения и дублирующие аккаунты не засчитываются.\n- Кредиты автоматически поступают на оба аккаунта; получать их отдельно не нужно.\n\n## Партнёрская программа\n\nЕсли вы приводите людей в объёме — рассылка, курс, клиентская база агентства — [партнёрская программа](/affiliate) платит комиссию вместо кредитов и подходит лучше.","text":"Как это работает 1. Возьмите свою реферальную ссылку в разделе Приглашайте и получайте кредиты в аккаунте. 2. Поделитесь ею. 3. Когда кто-то регистрируется по ней и впервые переходит на платный тариф, кредиты получаете и вы, и он. Вознаграждение По 250 кредитов каждому — это подаётся как «кредитов на 10 $» — приглашающему и приглашённому. Для масштаба: 250 кредитов — это примерно 80 новых экранов или очень много правок. См. Как работают кредиты. Ограничение Вознаграждение начисляется максимум за пять приглашений. Дальше приглашения продолжают отображаться в общем счётчике, но перестают приносить кредиты. Правила - Вознаграждение срабатывает при первом платном переходе приглашённого, а не при его регистрации. - Самоприглашения и дублирующие аккаунты не засчитываются. - Кредиты автоматически поступают на оба аккаунта; получать их отдельно не нужно. Партнёрская программа Если вы приводите людей в объёме — рассылка, курс, клиентская база агентства — партнёрская программа платит комиссию вместо кредитов и подходит лучше."},{"slug":"delete-your-account","category":"account-and-billing","categoryTitle":"Тарифы, кредиты и оплата","title":"Удаление аккаунта","description":"Безвозвратно удалите свой аккаунт UXMagic и всё, что в нём есть.","url":"https://uxmagic.ai/ru/help/account-and-billing/delete-your-account","type":"howto","keywords":["удалить аккаунт","убрать аккаунт","gdpr","стереть","закрыть аккаунт","приватность"],"headings":["Прежде чем удалять","Сначала выгрузите","Удаление","Активная подписка","Опубликованные сайты","Команды"],"updated":"2026-08-27","faqs":[],"related":["cancel-your-subscription","account-and-profile"],"markdown":"## Прежде чем удалять\n\nУдаление **необратимо**. Оно уносит ваши проекты, экраны, темы, ресурсы и историю. Отмены и восстановления нет.\n\nЕсли вы просто хотите перестать платить, вместо этого [отмените подписку](/help/account-and-billing/cancel-your-subscription) — работа останется.\n\n## Сначала выгрузите\n\nКогда всё исчезнет, оно исчезнет. Заберите нужное:\n\n- [Экспорт в Figma](/help/export-and-handoff/export-to-figma)\n- [Экспорт кода](/help/export-and-handoff/export-code)\n- [Экспорт в PDF или изображение](/help/export-and-handoff/export-pdf-and-images)\n\n## Удаление\n\n1. **Управление аккаунтом → Удалить аккаунт.**\n2. Подтвердите — подтверждение намеренно двухшаговое.\n3. По желанию расскажите почему. Это читают люди, и это самая полезная обратная связь, которую мы получаем.\n\n## Активная подписка\n\nСначала отмените подписку, чтобы списания прекратились аккуратно. Удаление аккаунта само по себе не решает открытый вопрос по оплате — если он есть, разберитесь с ним заранее.\n\n## Опубликованные сайты\n\nУдаление аккаунта уводит ваши опубликованные сайты из сети и освобождает их поддомены. Если живой сайт важен, перенесите его до удаления.\n\n## Команды\n\nЕсли вы владелец команды, передайте владение до удаления, иначе проекты команды уйдут вместе с вами.","text":"Прежде чем удалять Удаление необратимо. Оно уносит ваши проекты, экраны, темы, ресурсы и историю. Отмены и восстановления нет. Если вы просто хотите перестать платить, вместо этого отмените подписку — работа останется. Сначала выгрузите Когда всё исчезнет, оно исчезнет. Заберите нужное: - Экспорт в Figma - Экспорт кода - Экспорт в PDF или изображение Удаление 1. Управление аккаунтом → Удалить аккаунт. 2. Подтвердите — подтверждение намеренно двухшаговое. 3. По желанию расскажите почему. Это читают люди, и это самая полезная обратная связь, которую мы получаем. Активная подписка Сначала отмените подписку, чтобы списания прекратились аккуратно. Удаление аккаунта само по себе не решает открытый вопрос по оплате — если он есть, разберитесь с ним заранее. Опубликованные сайты Удаление аккаунта уводит ваши опубликованные сайты из сети и освобождает их поддомены. Если живой сайт важен, перенесите его до удаления. Команды Если вы владелец команды, передайте владение до удаления, иначе проекты команды уйдут вместе с вами."},{"slug":"i-ran-out-of-credits","category":"troubleshooting","categoryTitle":"Решение проблем","title":"У меня кончились кредиты","description":"Что происходит, когда баланс заканчивается посреди прогона, и как продолжить.","url":"https://uxmagic.ai/ru/help/troubleshooting/i-ran-out-of-credits","type":"troubleshooting","keywords":["кончились кредиты","нет кредитов","недостаточно","баланс","заблокировано","402"],"headings":["Что вы увидите","Если это случилось посреди прогона","Как получить больше кредитов","Как растянуть следующую порцию","Командные фонды","Списали за то, что не сработало?"],"updated":"2026-09-03","faqs":[],"related":["earn-free-credits","how-credits-work","upgrade-or-downgrade"],"markdown":"## Что вы увидите\n\nПонятное сообщение о том, что кредиты закончились, — либо при попытке начать сессию, либо посреди прогона. Для старта сессии нужно минимум **4 кредита**.\n\n## Если это случилось посреди прогона\n\nУже спроектированные экраны **сохраняются**. Готовая работа не потеряна — просто у вас пока нет остальной части сценария.\n\nПополните баланс или повысьте тариф, а затем попросите оставшиеся экраны. Их спроектируют в той же теме, так что сценарий останется согласованным.\n\n## Как получить больше кредитов\n\n- **[Повысить тариф](/help/account-and-billing/upgrade-or-downgrade)** — платный тариф обновляет кредиты каждый расчётный период.\n- **[Пригласить кого-нибудь](/help/account-and-billing/referral-program)** — 250 кредитов, когда приглашённый перейдёт на платный тариф.\n- **Дождаться обновления** — на тарифе Free кредиты обновляются каждый день, на платном — в дату списания. Ни те, ни другие не переносятся, так что копить нечего.\n\n## Как растянуть следующую порцию\n\nГлавный выигрыш — не перегенерировать. Точечная правка стоит 0,2 кредита; перегенерация экрана — 6. Полная таблица и привычки, экономящие больше всего, — в [Как работают кредиты](/help/account-and-billing/how-credits-work).\n\n## Командные фонды\n\nВ командном проекте списание идёт из фонда **команды** или из вашей доли в нём. «Кредиты кончились» там может означать, что исчерпана ваша личная доля, а фонд команды — нет: попросите владельца её увеличить. См. [Команды и места](/help/collaborate/teams-and-seats).\n\n## Списали за то, что не сработало?\n\nРабота, которая ничего не произвела, оплачиваться не должна. Если списание всё же произошло, [напишите в поддержку](/help/troubleshooting/contact-support), приложив ссылку на проект и примерное время.","text":"Что вы увидите Понятное сообщение о том, что кредиты закончились, — либо при попытке начать сессию, либо посреди прогона. Для старта сессии нужно минимум 4 кредита. Если это случилось посреди прогона Уже спроектированные экраны сохраняются. Готовая работа не потеряна — просто у вас пока нет остальной части сценария. Пополните баланс или повысьте тариф, а затем попросите оставшиеся экраны. Их спроектируют в той же теме, так что сценарий останется согласованным. Как получить больше кредитов - Повысить тариф — платный тариф обновляет кредиты каждый расчётный период. - Пригласить кого-нибудь — 250 кредитов, когда приглашённый перейдёт на платный тариф. - Дождаться обновления — на тарифе Free кредиты обновляются каждый день, на платном — в дату списания. Ни те, ни другие не переносятся, так что копить нечего. Как растянуть следующую порцию Главный выигрыш — не перегенерировать. Точечная правка стоит 0,2 кредита; перегенерация экрана — 6. Полная таблица и привычки, экономящие больше всего, — в Как работают кредиты. Командные фонды В командном проекте списание идёт из фонда команды или из вашей доли в нём. «Кредиты кончились» там может означать, что исчерпана ваша личная доля, а фонд команды — нет: попросите владельца её увеличить. См. Команды и места. Списали за то, что не сработало? Работа, которая ничего не произвела, оплачиваться не должна. Если списание всё же произошло, напишите в поддержку, приложив ссылку на проект и примерное время."},{"slug":"blank-or-empty-screens","category":"troubleshooting","categoryTitle":"Решение проблем","title":"Экран пустой","description":"Пустые фреймы после плана, пустой холст при открытии и экраны, которые ничего не отрисовывают.","url":"https://uxmagic.ai/ru/help/troubleshooting/blank-or-empty-screens","type":"troubleshooting","keywords":["пусто","пустой","ничего нет","белый экран","не отрисовывается","пропал экран"],"headings":["1. Фрейм спланировали, но так и не спроектировали","2. Холст пуст, но экраны существуют","3. У экрана есть содержимое, но он ничего не отрисовывает","Всё ещё пусто"],"updated":"2026-08-27","faqs":[],"related":["flow-mode-and-screen-plans","style-guide-did-not-apply","contact-support"],"markdown":"У пустых экранов три разные причины. Проверяйте их по порядку.\n\n## 1. Фрейм спланировали, но так и не спроектировали\n\nСамый частый случай. План экранов создаёт на холсте именованные **пустые** фреймы, а затем проектирует их по одному. Если прогон остановился раньше времени — кончились кредиты, произошла ошибка, ход отменили, — у вас остаются правильно названные фреймы без содержимого.\n\n**Что делать:** попросите спроектировать пустые экраны:\n\n> Спроектируй экраны «Цены» и «Настройки» — они всё ещё пустые.\n\nСначала проверьте баланс кредитов, чтобы то же самое не повторилось.\n\n## 2. Холст пуст, но экраны существуют\n\nЕсли проект открывается и ничего не видно, хотя вы знаете, что экраны есть:\n\n1. **Вписать в экран** (Shift+1). Экраны могут быть за пределами области просмотра.\n2. **Перезагрузите страницу.**\n3. **Попробуйте более широкое окно браузера.** Очень узкое окно может ужать область холста почти до нуля.\n4. **Попробуйте другой браузер**, чтобы исключить расширение.\n\n## 3. У экрана есть содержимое, но он ничего не отрисовывает\n\nОбычно это проблема стилей, а не содержания — см. [Мой гайдлайн не применился](/help/troubleshooting/style-guide-did-not-apply). Если на экране есть график или анимация, см. [Графики или анимации не отрисовываются](/help/troubleshooting/charts-or-animations-not-rendering).\n\n## Всё ещё пусто\n\n[Напишите в поддержку](/help/troubleshooting/contact-support), приложив ссылку на проект и название экрана. Пожалуйста, не удаляйте пустой экран заранее — это улика.","text":"У пустых экранов три разные причины. Проверяйте их по порядку. 1. Фрейм спланировали, но так и не спроектировали Самый частый случай. План экранов создаёт на холсте именованные пустые фреймы, а затем проектирует их по одному. Если прогон остановился раньше времени — кончились кредиты, произошла ошибка, ход отменили, — у вас остаются правильно названные фреймы без содержимого. Что делать: попросите спроектировать пустые экраны: Спроектируй экраны «Цены» и «Настройки» — они всё ещё пустые. Сначала проверьте баланс кредитов, чтобы то же самое не повторилось. 2. Холст пуст, но экраны существуют Если проект открывается и ничего не видно, хотя вы знаете, что экраны есть: 1. Вписать в экран (Shift+1). Экраны могут быть за пределами области просмотра. 2. Перезагрузите страницу. 3. Попробуйте более широкое окно браузера. Очень узкое окно может ужать область холста почти до нуля. 4. Попробуйте другой браузер, чтобы исключить расширение. 3. У экрана есть содержимое, но он ничего не отрисовывает Обычно это проблема стилей, а не содержания — см. Мой гайдлайн не применился. Если на экране есть график или анимация, см. Графики или анимации не отрисовываются. Всё ещё пусто Напишите в поддержку, приложив ссылку на проект и название экрана. Пожалуйста, не удаляйте пустой экран заранее — это улика."},{"slug":"style-guide-did-not-apply","category":"troubleshooting","categoryTitle":"Решение проблем","title":"Мой гайдлайн или тема не применились","description":"Экраны отрисовываются без стилей или игнорируют изменение темы — что проверить и что прислать нам.","url":"https://uxmagic.ai/ru/help/troubleshooting/style-guide-did-not-apply","type":"troubleshooting","keywords":["без стилей","тема не применилась","нет стилей","гайдлайн","пропали цвета","голый вид"],"headings":["Смотрите на холст, а не на ответ","Что делать, по порядку","Отдельно про шрифты","Не чините по экранам","Как сообщить"],"updated":"2026-08-27","faqs":[],"related":["themes-and-style-guides","fonts-and-typography","blank-or-empty-screens"],"markdown":"Симптомы: экран отрисовывается как голое содержимое без стилей либо изменение темы явно легло на одни экраны и не легло на другие.\n\n## Смотрите на холст, а не на ответ\n\nВажная привычка: чат может отчитаться об изменении темы как о выполненном, пока холст стоит на месте. **Верьте холсту.** Если экраны не изменились, изменение не легло — что бы ни говорило сообщение.\n\n## Что делать, по порядку\n\n1. **Перезагрузите проект.** Устаревшая отрисовка — самое дешёвое из возможных объяснений.\n2. **Примените изменение темы в чате ещё раз** — и смотрите на экраны.\n3. **Примените на уровне проекта.** Если вы просили изменение, находясь в фокусе одного экрана, попросите явно: *«Примени эту тему ко всем экранам проекта»*.\n4. **Проверьте, откуда взялся экран.** Экраны, созданные как адаптивные варианты или пришедшие некоторыми путями импорта, исторически чаще прочих пропускали тему проекта. Если из ряда выбивается один конкретный экран, это наиболее вероятная причина — попросите применить тему к нему по имени.\n\n## Отдельно про шрифты\n\nШрифт может быть задан в теме, а таблица стилей, которая его подгружает, не обновиться — и тогда макет *утверждает*, что использует шрифт, который не отрисовывается. См. [Шрифты и типографика](/help/design-and-edit/fonts-and-typography).\n\n## Не чините по экранам\n\nРучная перекраска каждого экрана убирает симптом и гарантирует расхождение в будущем. Добейтесь, чтобы тема применилась как надо.\n\n## Как сообщить\n\n[Напишите в поддержку](/help/troubleshooting/contact-support), приложив ссылку на проект, название экрана и то, о чём вы просили. Это чинится на нашей стороне, и именно конкретные сообщения делают это возможным.","text":"Симптомы: экран отрисовывается как голое содержимое без стилей либо изменение темы явно легло на одни экраны и не легло на другие. Смотрите на холст, а не на ответ Важная привычка: чат может отчитаться об изменении темы как о выполненном, пока холст стоит на месте. Верьте холсту. Если экраны не изменились, изменение не легло — что бы ни говорило сообщение. Что делать, по порядку 1. Перезагрузите проект. Устаревшая отрисовка — самое дешёвое из возможных объяснений. 2. Примените изменение темы в чате ещё раз — и смотрите на экраны. 3. Примените на уровне проекта. Если вы просили изменение, находясь в фокусе одного экрана, попросите явно: «Примени эту тему ко всем экранам проекта». 4. Проверьте, откуда взялся экран. Экраны, созданные как адаптивные варианты или пришедшие некоторыми путями импорта, исторически чаще прочих пропускали тему проекта. Если из ряда выбивается один конкретный экран, это наиболее вероятная причина — попросите применить тему к нему по имени. Отдельно про шрифты Шрифт может быть задан в теме, а таблица стилей, которая его подгружает, не обновиться — и тогда макет утверждает, что использует шрифт, который не отрисовывается. См. Шрифты и типографика. Не чините по экранам Ручная перекраска каждого экрана убирает симптом и гарантирует расхождение в будущем. Добейтесь, чтобы тема применилась как надо. Как сообщить Напишите в поддержку, приложив ссылку на проект, название экрана и то, о чём вы просили. Это чинится на нашей стороне, и именно конкретные сообщения делают это возможным."},{"slug":"images-are-broken-or-missing","category":"troubleshooting","categoryTitle":"Решение проблем","title":"Изображения битые, отсутствуют или бесконечно грузятся","description":"Плашки-заглушки, вечно загружающиеся картинки и изображения, исчезающие после экспорта.","url":"https://uxmagic.ai/ru/help/troubleshooting/images-are-broken-or-missing","type":"troubleshooting","keywords":["битое изображение","картинка не грузится","заглушка","пропало изображение","спиннер","зависло"],"headings":["Изображение вечно висит на заглушке загрузки","Значок битой картинки","Загруженное изображение не читается","Изображения исчезают после экспорта кода","После смены темы изображения смотрятся неуместно","Везде один и тот же неправильный логотип"],"updated":"2026-08-27","faqs":[],"related":["images-in-your-designs","export-code","contact-support"],"markdown":"## Изображение вечно висит на заглушке загрузки\n\nИногда картинка уже сгенерирована, но карточка продолжает показывать заглушку. С самим изображением обычно всё в порядке.\n\n**Что делать:** перезагрузите проект. Если картинка появилась, это была проблема отображения, а не генерации. Если после перезагрузки всё ещё заглушка — попросите сгенерировать изображение заново.\n\n## Значок битой картинки\n\nСсылка на изображение есть, но файл не открывается. Попросите сгенерировать заново:\n\n> Изображение в герой-блоке на лендинге битое — сгенерируй его заново.\n\n## Загруженное изображение не читается\n\nЕсли вы дали ИИ адрес картинки, а он говорит, что не может её прочитать, адрес должен быть **публично доступным**. Ссылки за авторизацией, в приватном хранилище или с истёкшим сроком действия загрузить нельзя. Загрузите файл напрямую, а не вставляйте ссылку.\n\n## Изображения исчезают после экспорта кода\n\nТак и задумано, и это стоит предусмотреть: экспортированный код ссылается на изображения по адресам из хранилища ресурсов вашего проекта. Скачайте ресурсы в свой репозиторий до релиза — иначе боевой сайт зависит от адресов, которыми вы не управляете. См. [Экспорт кода](/help/export-and-handoff/export-code).\n\n## После смены темы изображения смотрятся неуместно\n\nСгенерированные картинки не подстраиваются под новую палитру автоматически. Попросите перекрасить их на месте, а не генерировать заново, — тогда всё остальное в изображении останется прежним. См. [Изображения в ваших макетах](/help/design-and-edit/images-in-your-designs).\n\n## Везде один и тот же неправильный логотип\n\nИспользуйте путь «заменить везде», а не правьте экраны по одному:\n\n> Замени логотип на каждом экране на тот, что я только что загрузил.","text":"Изображение вечно висит на заглушке загрузки Иногда картинка уже сгенерирована, но карточка продолжает показывать заглушку. С самим изображением обычно всё в порядке. Что делать: перезагрузите проект. Если картинка появилась, это была проблема отображения, а не генерации. Если после перезагрузки всё ещё заглушка — попросите сгенерировать изображение заново. Значок битой картинки Ссылка на изображение есть, но файл не открывается. Попросите сгенерировать заново: Изображение в герой-блоке на лендинге битое — сгенерируй его заново. Загруженное изображение не читается Если вы дали ИИ адрес картинки, а он говорит, что не может её прочитать, адрес должен быть публично доступным. Ссылки за авторизацией, в приватном хранилище или с истёкшим сроком действия загрузить нельзя. Загрузите файл напрямую, а не вставляйте ссылку. Изображения исчезают после экспорта кода Так и задумано, и это стоит предусмотреть: экспортированный код ссылается на изображения по адресам из хранилища ресурсов вашего проекта. Скачайте ресурсы в свой репозиторий до релиза — иначе боевой сайт зависит от адресов, которыми вы не управляете. См. Экспорт кода. После смены темы изображения смотрятся неуместно Сгенерированные картинки не подстраиваются под новую палитру автоматически. Попросите перекрасить их на месте, а не генерировать заново, — тогда всё остальное в изображении останется прежним. См. Изображения в ваших макетах. Везде один и тот же неправильный логотип Используйте путь «заменить везде», а не правьте экраны по одному: Замени логотип на каждом экране на тот, что я только что загрузил."},{"slug":"clone-came-out-blank-or-partial","category":"troubleshooting","categoryTitle":"Решение проблем","title":"Клон получился пустым или неполным","description":"Почему клон сайта может вернуться неполным и как его достроить.","url":"https://uxmagic.ai/ru/help/troubleshooting/clone-came-out-blank-or-partial","type":"troubleshooting","keywords":["клон не удался","частичный клон","пустой клон","клон сайта","пропали секции"],"headings":["Заглушки там, где должны быть секции","Не вернулось вообще ничего","В клоне не хватает именно того, что было нужно","Текст наезжает или выглядит неправильно"],"updated":"2026-08-27","faqs":[],"related":["clone-a-website","blank-or-empty-screens","how-credits-work"],"markdown":"## Заглушки там, где должны быть секции\n\nТак задумано. Когда страница слишком длинная или слишком сложная, чтобы пересобрать её за один проход, несобранные секции остаются на холсте **подписанными заглушками** — честный пробел лучше страницы, у которой секции молча исчезли.\n\n**Что делать:** попросите ИИ завершить клон.\n\n> Заверши клон — секции-заглушки всё ещё пустые.\n\nОн заново захватит исходную страницу и пересоберёт только недостающие секции. Это стоит доли от нового клона (2 кредита против 10), так что не запускайте клонирование целиком заново.\n\n## Не вернулось вообще ничего\n\nОбычно страницу просто не удалось захватить:\n\n- **Нужна авторизация.** Такое не клонируется. Сделайте скриншот страницы и используйте [Из скриншота в интерфейс](/help/generate/screenshot-to-ui).\n- **Защита от ботов.** Проверки Cloudflare и подобные блокируют автоматический захват.\n- **Неверный адрес.** Укажите протокол и проверьте, открывается ли страница в приватном окне браузера.\n- **Содержимое за действием пользователя.** Меню, модальные окна и последующие слайды карусели не существуют, пока кто-нибудь не нажмёт.\n\n## В клоне не хватает именно того, что было нужно\n\nДлинные страницы теряют хвост первым. Если нужное вам находится далеко внизу, склонируйте её и затем попросите конкретно:\n\n> Пересобери блок вопросов и подвал с той страницы.\n\n## Текст наезжает или выглядит неправильно\n\nСообщите нам. Качество клонирования — то, над чем мы активно работаем, и двигают его именно конкретные примеры: [напишите в поддержку](/help/troubleshooting/contact-support), приложив исходный адрес и ссылку на проект.","text":"Заглушки там, где должны быть секции Так задумано. Когда страница слишком длинная или слишком сложная, чтобы пересобрать её за один проход, несобранные секции остаются на холсте подписанными заглушками — честный пробел лучше страницы, у которой секции молча исчезли. Что делать: попросите ИИ завершить клон. Заверши клон — секции-заглушки всё ещё пустые. Он заново захватит исходную страницу и пересоберёт только недостающие секции. Это стоит доли от нового клона (2 кредита против 10), так что не запускайте клонирование целиком заново. Не вернулось вообще ничего Обычно страницу просто не удалось захватить: - Нужна авторизация. Такое не клонируется. Сделайте скриншот страницы и используйте Из скриншота в интерфейс. - Защита от ботов. Проверки Cloudflare и подобные блокируют автоматический захват. - Неверный адрес. Укажите протокол и проверьте, открывается ли страница в приватном окне браузера. - Содержимое за действием пользователя. Меню, модальные окна и последующие слайды карусели не существуют, пока кто-нибудь не нажмёт. В клоне не хватает именно того, что было нужно Длинные страницы теряют хвост первым. Если нужное вам находится далеко внизу, склонируйте её и затем попросите конкретно: Пересобери блок вопросов и подвал с той страницы. Текст наезжает или выглядит неправильно Сообщите нам. Качество клонирования — то, над чем мы активно работаем, и двигают его именно конкретные примеры: напишите в поддержку, приложив исходный адрес и ссылку на проект."},{"slug":"figma-export-failed","category":"troubleshooting","categoryTitle":"Решение проблем","title":"Экспорт в Figma не удался","description":"Ошибки экспорта, пустые файлы Figma и экспорты, съедающие лимит.","url":"https://uxmagic.ai/ru/help/troubleshooting/figma-export-failed","type":"troubleshooting","keywords":["экспорт в figma не удался","ошибка экспорта","пустой figma","экспорт не работает"],"headings":["Проверьте лимит экспортов","Экспорт прошёл, но Figma пустая","Экспорт завершился ошибкой","Переподключение","Неудачный экспорт не должен стоить экспорта","Файл в порядке, но раскладка съехала"],"updated":"2026-08-27","faqs":[],"related":["export-to-figma","figma-plugin","plans-and-limits"],"markdown":"## Проверьте лимит экспортов\n\nЭкспорты в Figma считаются по тарифу. Если лимит исчерпан, экспорт останавливается до следующего периода или до повышения тарифа. Остаток виден в аккаунте. См. [Тарифы и лимиты](/help/account-and-billing/plans-and-limits).\n\n## Экспорт прошёл, но Figma пустая\n\n- Проверьте, что вы в **нужном файле и на нужной странице Figma** — фреймы попадают туда, куда был нацелен экспорт, а это может быть не то место, куда вы смотрите.\n- Попробуйте **вписать в экран** в Figma: фреймы могут быть за пределами области просмотра.\n- Если вы экспортировали через плагин, убедитесь, что он вошёл в **тот же аккаунт UXMagic**.\n\n## Экспорт завершился ошибкой\n\n1. **Попробуйте один экран** вместо всего проекта. Так вы вычислите проблемный экран.\n2. **Переподключите Figma** в разделе «Интеграции» — токены OAuth истекают.\n3. **Проверьте статус самой Figma**, если всё отваливается разом.\n\n## Переподключение\n\n**Интеграции → Figma → отключить, затем подключить снова.** Так решается большинство проблем с авторизацией.\n\n## Неудачный экспорт не должен стоить экспорта\n\nЕсли неудачная попытка съела часть лимита, [напишите в поддержку](/help/troubleshooting/contact-support) с указанием времени, и мы его восстановим.\n\n## Файл в порядке, но раскладка съехала\n\nСтруктура переносится достоверно, но Figma и веб по-разному раскладывают текст, поэтому ждите небольших различий в переносах строк и в эффектах без прямого аналога. Если целый блок неверен, а не слегка отличается, об этом стоит сообщить.","text":"Проверьте лимит экспортов Экспорты в Figma считаются по тарифу. Если лимит исчерпан, экспорт останавливается до следующего периода или до повышения тарифа. Остаток виден в аккаунте. См. Тарифы и лимиты. Экспорт прошёл, но Figma пустая - Проверьте, что вы в нужном файле и на нужной странице Figma — фреймы попадают туда, куда был нацелен экспорт, а это может быть не то место, куда вы смотрите. - Попробуйте вписать в экран в Figma: фреймы могут быть за пределами области просмотра. - Если вы экспортировали через плагин, убедитесь, что он вошёл в тот же аккаунт UXMagic. Экспорт завершился ошибкой 1. Попробуйте один экран вместо всего проекта. Так вы вычислите проблемный экран. 2. Переподключите Figma в разделе «Интеграции» — токены OAuth истекают. 3. Проверьте статус самой Figma, если всё отваливается разом. Переподключение Интеграции → Figma → отключить, затем подключить снова. Так решается большинство проблем с авторизацией. Неудачный экспорт не должен стоить экспорта Если неудачная попытка съела часть лимита, напишите в поддержку с указанием времени, и мы его восстановим. Файл в порядке, но раскладка съехала Структура переносится достоверно, но Figma и веб по-разному раскладывают текст, поэтому ждите небольших различий в переносах строк и в эффектах без прямого аналога. Если целый блок неверен, а не слегка отличается, об этом стоит сообщить."},{"slug":"my-changes-reverted","category":"troubleshooting","categoryTitle":"Решение проблем","title":"Мои изменения откатились или исчезли","description":"Переключение версии, которое отскакивает назад, или правки, которые будто не сохраняются.","url":"https://uxmagic.ai/ru/help/troubleshooting/my-changes-reverted","type":"troubleshooting","keywords":["откатилось","потерялись изменения","не сохраняется","само отменяется","исчезло","откат"],"headings":["Выбранная версия отскакивает, стоит щёлкнуть в стороне","Правки в режиме редактирования не держатся","Правка ИИ пошла не туда","⌘Z ничего не делает","Пропал целый экран"],"updated":"2026-08-27","faqs":[],"related":["versions-and-history","editing-a-screen","contact-support"],"markdown":"## Выбранная версия отскакивает, стоит щёлкнуть в стороне\n\nЕсли вы выбираете более раннюю версию, а экран возвращается назад, как только вы щёлкаете в другом месте, выбор не сохранился. Попробуйте:\n\n1. Выбрать версию и **дождаться, пока холст успокоится**, прежде чем щёлкать в стороне.\n2. **Перезагрузить** и проверить, какая версия активна.\n3. Если откат повторяется, [напишите в поддержку](/help/troubleshooting/contact-support), приложив ссылку на проект и название экрана: это ошибка, а не настройка.\n\n## Правки в режиме редактирования не держатся\n\nЩёлкните вне отредактированного элемента, чтобы зафиксировать изменение, а затем перезагрузите страницу, чтобы убедиться, что оно сохранилось. Если введённый текст пропал после перезагрузки, сообщите нам — с названием экрана и тем, что вы вводили.\n\n## Правка ИИ пошла не туда\n\nНичего не уничтожено. Каждое изменение ИИ создаёт **новую версию**, а предыдущая на месте — вернитесь к ней. См. [Версии и история](/help/design-and-edit/versions-and-history).\n\n## ⌘Z ничего не делает\n\nСначала щёлкните по пустому месту холста. Пока курсор в поле промпта, отмена принадлежит текстовому полю. Учтите также, что отмена работает с действиями на холсте, а не с генерациями ИИ — для них есть версии.\n\n## Пропал целый экран\n\nПроверьте **корзину** проекта и историю версий. Если экран действительно исчез, быстро свяжитесь с поддержкой и не продолжайте работать в этом проекте: восстановить проще, пока сверху не легли новые изменения.","text":"Выбранная версия отскакивает, стоит щёлкнуть в стороне Если вы выбираете более раннюю версию, а экран возвращается назад, как только вы щёлкаете в другом месте, выбор не сохранился. Попробуйте: 1. Выбрать версию и дождаться, пока холст успокоится, прежде чем щёлкать в стороне. 2. Перезагрузить и проверить, какая версия активна. 3. Если откат повторяется, напишите в поддержку, приложив ссылку на проект и название экрана: это ошибка, а не настройка. Правки в режиме редактирования не держатся Щёлкните вне отредактированного элемента, чтобы зафиксировать изменение, а затем перезагрузите страницу, чтобы убедиться, что оно сохранилось. Если введённый текст пропал после перезагрузки, сообщите нам — с названием экрана и тем, что вы вводили. Правка ИИ пошла не туда Ничего не уничтожено. Каждое изменение ИИ создаёт новую версию, а предыдущая на месте — вернитесь к ней. См. Версии и история. ⌘Z ничего не делает Сначала щёлкните по пустому месту холста. Пока курсор в поле промпта, отмена принадлежит текстовому полю. Учтите также, что отмена работает с действиями на холсте, а не с генерациями ИИ — для них есть версии. Пропал целый экран Проверьте корзину проекта и историю версий. Если экран действительно исчез, быстро свяжитесь с поддержкой и не продолжайте работать в этом проекте: восстановить проще, пока сверху не легли новые изменения."},{"slug":"the-ai-is-not-following-my-brief","category":"troubleshooting","categoryTitle":"Решение проблем","title":"ИИ не следует моему брифу","description":"Когда результат игнорирует ваш бренд, меняет то, о чём вы не просили, или заявляет об успехе, которого не было.","url":"https://uxmagic.ai/ru/help/troubleshooting/the-ai-is-not-following-my-brief","type":"troubleshooting","keywords":["не следует","игнорирует указания","неправильные цвета","бренд","перезаписывает","неверный результат"],"headings":["Формулируйте безоговорочно то, что не обсуждается","Следите за подменой палитры","Проверяйте, а не верьте отчёту","Ограничивайте область указания","Меньше правок в одном сообщении","Референсные изображения не отменяют существующую тему","Когда это повторяется"],"updated":"2026-08-27","faqs":[],"related":["writing-a-good-prompt","chat-editing","themes-and-style-guides"],"markdown":"Это самый раздражающий вид сбоя, и по большей части он лечится с вашей стороны. Вот что действительно работает.\n\n## Формулируйте безоговорочно то, что не обсуждается\n\nМягкие формулировки воспринимаются как пожелание. Если что-то зафиксировано, так и скажите:\n\n> Используй ровно #0F3D2E и #F5F1E8. Не вводи никаких других цветов.\n> Сохрани существующие тексты в точности как есть. Меняй только раскладку.\n\n## Следите за подменой палитры\n\nЧастый сценарий: вы указываете фирменные цвета, а операция с темой заменяет их палитрой, которую модель считает более гармоничной. Если ваши цвета пропали, скажите прямо:\n\n> Ты заменил цвета моего бренда. Верни основной на #0F3D2E и больше его не меняй.\n\n## Проверяйте, а не верьте отчёту\n\nЧат иногда сообщает об изменении как о выполненном, тогда как холст говорит обратное. **Посмотрите на экраны.** Если они не сдвинулись, изменение не легло — скажите об этом и попросите снова. См. [Мой гайдлайн не применился](/help/troubleshooting/style-guide-did-not-apply).\n\n## Ограничивайте область указания\n\n«Сделай тёмным», когда фокус стоит на одном элементе, может зашить цвета в этот элемент вместо перестройки темы проекта. Для всего глобального просите в чате на уровне проекта, а не внутри режима редактирования.\n\n## Меньше правок в одном сообщении\n\nПо две-три за раз. Длинные списки взаимодействуют, и когда что-то идёт не так, вы не поймёте, какая инструкция виновата.\n\n## Референсные изображения не отменяют существующую тему\n\nЕсли приложить референс к проекту, у которого уже есть тема, проект не перекрасится в цвета референса. Попросите словами: *«Используй палитру с этого изображения вместо текущей темы»*.\n\n## Когда это повторяется\n\nСообщите нам, приложив ссылку на проект и то, о чём вы просили. Повторяющиеся случаи, когда модель игнорирует явный бриф, мы считаем ошибками — это самое вредное, что продукт может сделать, — и именно конкретные примеры позволяют нам их исправлять. [Напишите в поддержку](/help/troubleshooting/contact-support).","text":"Это самый раздражающий вид сбоя, и по большей части он лечится с вашей стороны. Вот что действительно работает. Формулируйте безоговорочно то, что не обсуждается Мягкие формулировки воспринимаются как пожелание. Если что-то зафиксировано, так и скажите: Используй ровно #0F3D2E и #F5F1E8. Не вводи никаких других цветов. Сохрани существующие тексты в точности как есть. Меняй только раскладку. Следите за подменой палитры Частый сценарий: вы указываете фирменные цвета, а операция с темой заменяет их палитрой, которую модель считает более гармоничной. Если ваши цвета пропали, скажите прямо: Ты заменил цвета моего бренда. Верни основной на #0F3D2E и больше его не меняй. Проверяйте, а не верьте отчёту Чат иногда сообщает об изменении как о выполненном, тогда как холст говорит обратное. Посмотрите на экраны. Если они не сдвинулись, изменение не легло — скажите об этом и попросите снова. См. Мой гайдлайн не применился. Ограничивайте область указания «Сделай тёмным», когда фокус стоит на одном элементе, может зашить цвета в этот элемент вместо перестройки темы проекта. Для всего глобального просите в чате на уровне проекта, а не внутри режима редактирования. Меньше правок в одном сообщении По две-три за раз. Длинные списки взаимодействуют, и когда что-то идёт не так, вы не поймёте, какая инструкция виновата. Референсные изображения не отменяют существующую тему Если приложить референс к проекту, у которого уже есть тема, проект не перекрасится в цвета референса. Попросите словами: «Используй палитру с этого изображения вместо текущей темы». Когда это повторяется Сообщите нам, приложив ссылку на проект и то, о чём вы просили. Повторяющиеся случаи, когда модель игнорирует явный бриф, мы считаем ошибками — это самое вредное, что продукт может сделать, — и именно конкретные примеры позволяют нам их исправлять. Напишите в поддержку."},{"slug":"generation-is-slow-or-stuck","category":"troubleshooting","categoryTitle":"Решение проблем","title":"Генерация идёт медленно или зависла","description":"Что нормально, что нет и что делать с прогоном, который встал.","url":"https://uxmagic.ai/ru/help/troubleshooting/generation-is-slow-or-stuck","type":"troubleshooting","keywords":["медленно","зависло","висит","таймаут","бесконечная загрузка","подвисло","не отвечает"],"headings":["Что нормально","Что ненормально","Что делать","Как ускорить работу"],"updated":"2026-08-27","faqs":[],"related":["flow-mode-and-screen-plans","clone-a-website","contact-support"],"markdown":"## Что нормально\n\n- **Один экран** — обычно меньше минуты.\n- **Сценарий из нескольких экранов** — экраны проектируются по одному, поэтому сценарий из пяти экранов занимает примерно впятеро дольше одного.\n- **Клонирование сайта** — заметно дольше, потому что настоящий браузер сначала загружает целевую страницу и только потом начинается работа над макетом.\n- **Экспорт кода всего проекта** — выполняется фоновой задачей; крупные проекты идут дольше.\n\nЕсли экраны появляются на холсте один за другим — всё работает. Дайте прогону закончиться.\n\n## Что ненормально\n\n- Никакого прогресса в течение нескольких минут.\n- Чат останавливается посреди хода без сообщения и без ошибки.\n- Фоновая задача, которая никогда не сообщает о завершении.\n\n## Что делать\n\n1. **Перезагрузите страницу.** Прогон продолжается на сервере; вы просто подключаетесь к нему заново.\n2. **Посмотрите на холст.** Экраны, завершённые до остановки, на месте.\n3. **Попросите то, чего не хватает**, а не перезапускайте весь запрос — так вы не заплатите дважды за уже сделанное.\n4. Если это воспроизводится, [напишите в поддержку](/help/troubleshooting/contact-support), приложив ссылку на проект и время.\n\n## Как ускорить работу\n\n- **Меньшие партии.** Три экрана, потом ещё три лучше десяти разом, и между заходами можно скорректировать курс.\n- **Точечные правки вместо перегенерации** — и быстрее, и дешевле.\n- **Сначала определитесь с темой**, чтобы не пересобирать экраны только ради цвета.","text":"Что нормально - Один экран — обычно меньше минуты. - Сценарий из нескольких экранов — экраны проектируются по одному, поэтому сценарий из пяти экранов занимает примерно впятеро дольше одного. - Клонирование сайта — заметно дольше, потому что настоящий браузер сначала загружает целевую страницу и только потом начинается работа над макетом. - Экспорт кода всего проекта — выполняется фоновой задачей; крупные проекты идут дольше. Если экраны появляются на холсте один за другим — всё работает. Дайте прогону закончиться. Что ненормально - Никакого прогресса в течение нескольких минут. - Чат останавливается посреди хода без сообщения и без ошибки. - Фоновая задача, которая никогда не сообщает о завершении. Что делать 1. Перезагрузите страницу. Прогон продолжается на сервере; вы просто подключаетесь к нему заново. 2. Посмотрите на холст. Экраны, завершённые до остановки, на месте. 3. Попросите то, чего не хватает, а не перезапускайте весь запрос — так вы не заплатите дважды за уже сделанное. 4. Если это воспроизводится, напишите в поддержку, приложив ссылку на проект и время. Как ускорить работу - Меньшие партии. Три экрана, потом ещё три лучше десяти разом, и между заходами можно скорректировать курс. - Точечные правки вместо перегенерации — и быстрее, и дешевле. - Сначала определитесь с темой, чтобы не пересобирать экраны только ради цвета."},{"slug":"charts-or-animations-not-rendering","category":"troubleshooting","categoryTitle":"Решение проблем","title":"Графики или анимации не отрисовываются","description":"Почему график показывает пустую рамку и что делать с интерактивными элементами.","url":"https://uxmagic.ai/ru/help/troubleshooting/charts-or-animations-not-rendering","type":"troubleshooting","keywords":["график","диаграмма","анимация","элемент canvas","пустой график","интерактив","скрипт"],"headings":["Пустая рамка там, где должен быть график","Анимации не проигрываются","После экспорта","Как сообщить"],"updated":"2026-08-27","faqs":[],"related":["blank-or-empty-screens","export-code","contact-support"],"markdown":"## Пустая рамка там, где должен быть график\n\nГрафики рисует скрипт внутри элемента canvas. Если экран отрисовывается заново, а этот скрипт не запускается — после перезагрузки, переключения версии или сохранения, — элемент остаётся, а рисунок нет, и вы получаете пустую рамку.\n\n**Что попробовать**\n\n1. **Перезагрузите проект.** Часто этого хватает.\n2. **Попросите пересобрать график** на этом экране.\n3. **Попросите статический график**, если он просто должен выглядеть правильно в макете: *«Замени график статической SVG-версией»*. Статические графики переживают любые сохранения и экспорт, а для дизайн-макета обычно именно это и нужно.\n\n## Анимации не проигрываются\n\nТа же первопричина. Макеты хранятся как разметка, и поведение, зависящее от того, что скрипты запустятся в нужный момент, не всегда переживает круг сохранения и загрузки. Для всего, где много движения, проектируйте здесь статические кадры, а движение реализуйте после экспорта.\n\n## После экспорта\n\nЭкспортированный код содержит то, что было на экране. Если график был пуст на холсте, он пуст и в экспорте. Исправьте это до экспорта либо подключите настоящую графическую библиотеку в своей кодовой базе — что вы всё равно захотите сделать, как только там появятся реальные данные.\n\n## Как сообщить\n\nЕсли график стабильно пуст на конкретном экране, [напишите в поддержку](/help/troubleshooting/contact-support), приложив ссылку на проект и название экрана.","text":"Пустая рамка там, где должен быть график Графики рисует скрипт внутри элемента canvas. Если экран отрисовывается заново, а этот скрипт не запускается — после перезагрузки, переключения версии или сохранения, — элемент остаётся, а рисунок нет, и вы получаете пустую рамку. Что попробовать 1. Перезагрузите проект. Часто этого хватает. 2. Попросите пересобрать график на этом экране. 3. Попросите статический график, если он просто должен выглядеть правильно в макете: «Замени график статической SVG-версией». Статические графики переживают любые сохранения и экспорт, а для дизайн-макета обычно именно это и нужно. Анимации не проигрываются Та же первопричина. Макеты хранятся как разметка, и поведение, зависящее от того, что скрипты запустятся в нужный момент, не всегда переживает круг сохранения и загрузки. Для всего, где много движения, проектируйте здесь статические кадры, а движение реализуйте после экспорта. После экспорта Экспортированный код содержит то, что было на экране. Если график был пуст на холсте, он пуст и в экспорте. Исправьте это до экспорта либо подключите настоящую графическую библиотеку в своей кодовой базе — что вы всё равно захотите сделать, как только там появятся реальные данные. Как сообщить Если график стабильно пуст на конкретном экране, напишите в поддержку, приложив ссылку на проект и название экрана."},{"slug":"contact-support","category":"troubleshooting","categoryTitle":"Решение проблем","title":"Связаться с поддержкой","description":"Как с нами связаться и что приложить, чтобы вопрос решился с первого ответа.","url":"https://uxmagic.ai/ru/help/troubleshooting/contact-support","type":"guide","keywords":["поддержка","помощь","контакты","почта","чат","сообщить об ошибке","поговорить с человеком"],"headings":["Как с нами связаться","Что приложить","Пожалуйста, не удаляйте улики","Оплата","Пожелания по функциям"],"updated":"2026-08-27","faqs":[],"related":["i-ran-out-of-credits","the-ai-is-not-following-my-brief","refunds"],"markdown":"## Как с нами связаться\n\n- **Чат в приложении** — самый быстрый путь. Откройте мессенджер с панели или со [страницы поддержки](/support).\n- **Почта** — **hello@uxmagic.ai**.\n- **Enterprise** — приоритетная поддержка с гарантированным временем ответа входит в тариф.\n\n## Что приложить\n\nИменно это отличает решение с первого ответа от недели переписки:\n\n1. **Ссылку на проект.** Скопируйте её из адресной строки.\n2. **Название экрана**, если речь об одном экране.\n3. **О чём вы просили** — вставьте промпт.\n4. **Что произошло вместо этого** и чего вы ожидали.\n5. **Примерное время.** Час и часовой пояс.\n6. **Скриншот**, если проблема визуальная.\n\n## Пожалуйста, не удаляйте улики\n\nЕсли экран пустой, сломанный или неправильный, оставьте его на месте, пока мы не посмотрим. Удаление уносит единственную запись о том, что пошло не так.\n\n## Оплата\n\nПо всем вопросам оплаты пишите на **hello@uxmagic.ai** прежде, чем оспаривать платёж в банке: спор может приостановить ваш аккаунт на время разбирательства. См. [Оплата, счета и способы платежа](/help/account-and-billing/billing-and-invoices).\n\n## Пожелания по функциям\n\nМы им искренне рады. Опишите проблему, которую хотите решить, а не функцию, которую придумали, — часто мы можем решить её иначе, чем вы предполагали, или подсказать, что решение уже есть.","text":"Как с нами связаться - Чат в приложении — самый быстрый путь. Откройте мессенджер с панели или со страницы поддержки. - Почта — hello@uxmagic.ai. - Enterprise — приоритетная поддержка с гарантированным временем ответа входит в тариф. Что приложить Именно это отличает решение с первого ответа от недели переписки: 1. Ссылку на проект. Скопируйте её из адресной строки. 2. Название экрана, если речь об одном экране. 3. О чём вы просили — вставьте промпт. 4. Что произошло вместо этого и чего вы ожидали. 5. Примерное время. Час и часовой пояс. 6. Скриншот, если проблема визуальная. Пожалуйста, не удаляйте улики Если экран пустой, сломанный или неправильный, оставьте его на месте, пока мы не посмотрим. Удаление уносит единственную запись о том, что пошло не так. Оплата По всем вопросам оплаты пишите на hello@uxmagic.ai прежде, чем оспаривать платёж в банке: спор может приостановить ваш аккаунт на время разбирательства. См. Оплата, счета и способы платежа. Пожелания по функциям Мы им искренне рады. Опишите проблему, которую хотите решить, а не функцию, которую придумали, — часто мы можем решить её иначе, чем вы предполагали, или подсказать, что решение уже есть."}]}