Скриншоты для App Store: создание, локализация и загрузка
Скриншоты в App Store - это не просто картинки из приложения. Это первое впечатление, конверсия в установку и главный инструмент ASO, который работает 24/7.
Проблема: скриншоты нужно обновлять постоянно.
Новый релиз, новая фича, сезонные промо, A/B тесты в PPO, специальные страницы для рекламы (CPP) - все требует свежих скриншотов на десятках языков и размеров устройств.
Боль: дизайнеры делают скриншоты в Figma, переводчики локализуют тексты в таблицах, разработчики вручную собирают файлы и загружают в App Store Connect. Хаос, ошибки, часы работы.
Скриншоты должны меняться быстро, красиво и без ошибок.
И каждая минута экономии - это скорость и конкурентное преимущество.
Решение: Мы создали процесс, который делает это максимально эффективно:
Figma → Локализация → Экспорт → ASO.dev (Скриншоты, CPP, PPO) → все в App Store Connect без ошибок и в пару кликов.
Современно. Удобно. Масштабируемо.
Шаблон скриншотов для App Store в Figma
Забудьте про гайдлайны Apple и расчёты размеров.
Используйте бесплатный Figma-шаблон с готовыми макетами.
Основные возможности:
- Готовые макеты для вертикальных скриншотов с правильными размерами 6.5” и 6.9” с учётом отступов в App Store, наиболее часто используются для основных скриншотов, CPP и PPO:
- Самые современные устройства: iPhone Air и iPhone Pro Max в фирменном новом оранжевом цвете Apple в векторе - уже у нас.
- Темы на переменных в Light/Dark + настраиваемые кастомные брендированные темы переключаются одним кликом, переключение занимает секунды.
На базе Figma Variables:
- брендинг,
- акценты,
- фон,
- цветовая палитра.
- 3 визуальных стиля - минималистичный, маркетинговый, акцентный для разных концепций
- Полностью на компонентах - изменили один элемент → обновился весь набор скриншотов
Можно сразу тестировать разные концепции и использовать их в PPO.
Бесплатный плагин Figma для Локализаций скриншотов в Figma
Самая болезненная часть - локализация.
Раньше: экспортируем тексты → переводим → вручную вставляем в макеты для каждого языка → проверяем, что ничего не сломалось. Много ручной работы, высокий риск ошибок.
Теперь: запускаем плагин → получаем все локализации автоматически.
Плагин создан специально для быстрого перевода скриншотов на 39 языков.
Работает с любыми файлами, вы можете использовать его с нашим шаблоном или своими макетами.
Как работает плагин:
- работает прямо в Figma
- работает с любыми файлами - не только с нашим шаблоном и не только со скриншотами
- определяет все видимые текстовые слои в ваших скриншотах
- экспортирует в JSON или Excel - готовый файл для перевода в ASO.dev или внешним переводчиком
- импортирует переводы - загружаете переведённый файл обратно
- генерирует локализации - создаёт отдельный фрейм для каждого языка с переведёнными текстами
- сохраняет Auto Layout
- работает с Light/Dark/Brand темами
- корректно обрабатывает RTL-языки
- Fallback-шрифты - для текстов, которые не поддерживаются шрифтами в Figma
- изменения в дизайне обновляют все скриншоты одновременно
- генерирует структуру папок и имён файлов для экспорта полностью совместимую с ASO.dev
Магия: изменили фон или макет в исходнике → все 39 версий обновились мгновенно.
В разработке Будет доступно скоро
Автоматизируйте перевод скриншотов на 39 языков.
Получите бесплатный код доступа к плагину.
Массовая загрузка скриншотов в App Store Connect с ASO.dev
ASO.dev значительно ускоряет работу со скриншотами для всех страниц приложения:
- Основная страница приложения (App Store Product Page)
- PPO (Product Page Optimization)
- CPP (Custom Product Pages)
Просто перетащите подготовленные скриншоты в ASO.dev:
- Drag & Drop всей созданной папки со скриншотами
- автоматическое сопоставление по размерам и локалям
- предпросмотр - видите результат перед загрузкой
- обновление только изменённых экранов
- загрузка в App Store Connect в один клик с сохранением порядка
- контроль процессинга - отслеживаете статус обработки в Apple, если что-то пошло не так - ASO.dev удалит проблемные скриншоты и повторит загрузку автоматически.
После загрузки скриншотов можно сразу отправить изменения в Apple на проверку через ASO.dev.
С чего начать
- Скачайте Figma-шаблон - бесплатно, готов к использованию
- Установите плагин локализации - из Figma Community
- Зарегистрируйтесь в ASO.dev - подключите App Store Connect через API
Результат: автоматизированный процесс от дизайна до публикации.