Создать автоматизированный скрипт или плагин в Figma

Бюджет: обсудимо.

Техническое задание (ТЗ) для дизайнера или Figma-разработчика, который должен создать автоматизированный скрипт или плагин в Figma, позволяющий:

* Взять 1 ваш принт (PNG)

* Автоматически вставить его в 10 (и более) мокапов (шаблонов) девушек в футболках/худи

* Экспортировать эти изображения в нужном размере (например, 1200×1200 px, 72 DPI)

* Возможность добавлять новые шаблоны в будущем

---

## 🧠 Цель

Автоматизировать процесс вставки принтов (дизайнов) в мокапы в Figma — для быстрого создания визуализаций одежды с дизайном.

---

## 🛠️ Техническое задание для Figma-дизайнера/разработчика

### 1. Входные материалы

* 10 PNG-файлов — изображения девушек в белом/розовом худи/футболке (мокапы)

* 1 изображение-принт (PNG с прозрачностью, до 1200x1200 px)

* Желательный размер для экспорта: 1200x1200 px, 72 DPI

---

### 2. Основной функционал скрипта или действий в Figma

Разработать автоматизированный процесс в Figma (через скрипт/плагин), который:

1. Импортирует принт в Figma

2. Автоматически вставляет этот принт в заранее определенную область каждого мокапа

   * Например: область на груди худи или футболки

3. Подгоняет изображение по размеру и пропорциям, чтобы оно выглядело красиво

4. Экспортирует все 10 изображений в PNG 1200x1200 px

5. Добавляет водяной знак/логотип или название дизайна

---

### 3. Структура Figma-файла (Template)

Чтобы этот скрипт работал, дизайнер должен:

* Создать 10 отдельных фреймов (frames) в Figma — по одному на каждый мокап

* Каждый фрейм должен содержать:

  * Изображение девушки с футболкой (PNG)

  * Фиксированную область для вставки принта — например, shape "Print Zone", которая находится на груди

* Названия фреймов: mockup-01, mockup-02, … mockup-10

* Название слоя для вставки принта: PRINT_ZONE — это важно для скрипта

---

### 4. Оптимально — сделать скрипт в Figma Plugin

Разработчик может написать небольшой Figma Plugin (на JavaScript), который:

* Запрашивает у пользователя выбор PNG-файла (принта)

* Вставляет этот принт во все области PRINT_ZONE

* Центрирует, масштабирует, адаптирует под пропорции

* Экспортирует каждый фрейм в PNG (1200x1200)

---

### 5. Инструкция для вас: как добавлять новые мокапы в будущем

После создания системы дизайнер должен дать вам инструкцию:

* Как добавить новый фрейм (новый мокап)

* Как указать новую "PRINT_ZONE" область для нового мокапа

* Как обновить скрипт, чтобы включить новые фреймы (по имени или тегу)

---

## ✅ Формат ожидаемого результата

* Файл Figma с 10 фреймами

* Рабочий плагин или инструкция с действиями (actions) в Figma

* README.txt с инструкцией:

  * Как вставить новый принт

  * Как добавить новый мокап

  * Как сразу экспортировать все мокапы

---

## 💡 Альтернативное решение (без кода)

Если дизайнер не может создать плагин, то можно сделать через компоненты Figma + Variants:

* Каждый мокап — отдельный вариант

* Вставка принта — в виде инстанса

* Принт автоматически появится на всех вариантах