Задание: Создание скриптов. Разработать Figma-плагин для генерации локализованных скриншотов мобильных приложений (Дистанционная работа)
Ищем разработчика с опытом Figma Plugin API, JavaScript / TypeScript для автоматизации подготовки store screenshots. У нас 6 приложений для изучения языков: English, Spanish, French, German, Italian, Portuguese. Для каждого примерно 10 рекламных экранов и несколько десятков локалей. Сейчас локализованные наборы обновляются вручную. Нужно сделать плагин, который собирает их из подготовленных master-компонентов, подставляет переводы и изображения, проверяет ошибки и экспортирует PNG. Что нужно разработать 1. Загрузка данных - Переводы из JSON с разбивкой по приложению, локали и ключу текста. - Локализованные изображения из ZIP. - Конфигурация приложений, локалей, экранов и профилей экспорта. Форматы входных файлов нужно описать и предоставить примеры. Отсутствующие переводы нельзя незаметно заменять английскими. 2. Интерфейс плагина Пользователь выбирает: - одно, несколько или все приложения; - одну, несколько или все локали; - отдельные экраны или полный набор; - профиль экспорта. Кнопки: «Проверить данные», «Сгенерировать», «Экспортировать ZIP». Нужны прогресс выполнения, отмена и понятные сообщения об ошибках. 3. Генерация в Figma Для каждого выбранного сочетания «приложение × локаль × экран» плагин должен: - найти соответствующий master; - создать экземпляр или копию на странице результатов; - найти текстовые слои по ключам `i18n:`; - загрузить необходимые шрифты и подставить перевод; - найти изображения по ключам `asset:` и заменить их; - сохранить композицию, маски, размеры, тени и согласованные трансформации; - присвоить результату понятное имя. Исходные master-компоненты не изменяются. Повторный запуск создаёт отдельный набор результатов. 4. Проверки Выявлять: - отсутствующие master-экраны и обязательные слои; - отсутствующие или пустые переводы; - отсутствующие изображения; - недоступные шрифты; - несоответствие размеров профилю экспорта; - выход текста за заданную область. Для проверки текста предложить и реализовать воспроизводимый способ измерения. Автоматические проверки должны дополнять визуальную проверку. Отчёт должен содержать приложение, локаль, экран, слой и причину ошибки. По нажатию на проблему плагин должен выделять соответствующий объект в Figma. 5. Экспорт - PNG в размерах выбранного профиля. - ZIP с папками по приложениям и локалям. - Стабильный порядок и имена файлов. - CSV-отчёт с ошибками и пропущенными экранами. - Обработка больших наборов партиями, чтобы избежать переполнения памяти. Пример структуры: `english/de-DE/01_cover.png`. Особенности проекта Дизайнер отдельно готовит 6 master-наборов с общей системой компонентов и ключей. На старте разработчику нужно согласовать с ним технический контракт и проверить работу на пилоте. Интерфейс внутри телефона предоставляется готовой локализованной картинкой. Плагин не переводит текст внутри изображения. Есть наклонённые телефоны, вынесенные карточки и композиции с перспективой. Способ их замены нужно проверить на исходниках до оценки полного объёма. Этапы и приёмка 1. Согласовать структуру master-компонентов и входных данных. 2. Сделать пилот на 2 английских экранах и 3 локалях. 3. Добавить остальные приложения, проверки и экспорт. 4. Проверить полный объём и передать готовую сборку. Проверяем длинный перевод, отсутствующий перевод, отсутствующее изображение, замену вложенных assets, повторный запуск и экспорт большого набора. Что предоставляем - Figma-макеты и визуальные примеры. - Подробное задание дизайнеру со структурами экранов и ключами слоёв. - Переводы и изображения для пилота. - Обратную связь по результатам проверки. Что должно быть передано - Исходный код и инструкция по сборке. - Готовый плагин для установки через `manifest.json`. - Примеры JSON и ZIP. - Инструкция по установке, запуску и обновлению. - Описание ограничений и результаты проверки полного объёма. В первую версию не входят автоматический перевод, загрузка в App Store / Google Play, Fastlane и CI/CD. В отклике укажите - Примеры разработанных Figma-плагинов и вашу роль. - Опыт работы с текстами, шрифтами, вложенными компонентами и экспортом. - Стоимость и срок пилота. - Предварительную стоимость и срок всей разработки. - Когда готовы начать. Исходники предоставим для окончательной оценки.
