Этот генератор автоматически создаёт готовые изображения по одному SVG-шаблону и данным из CSV-таблицы. Он подставляет текст и фотографии, формирует отдельные PNG-файлы для каждой строки и упаковывает все макеты в один ZIP-архив для удобного скачивания.
Генератор макетов
CSV → SVG → фото → PNG (zip)
1. SVG-шаблон (Figma → Export .svg)
2. CSV (поля: Название, Описание, Фото)
3. Фото (имена файлов должны совпадать с колонкой "Фото" в CSV)
Имя папки для скачивания
Ожидает действий
Инструкции и требования
SVG-шаблон:
SVG-шаблон:
- В Figma пометьте слои с текстом:
id="title"иid="description". - Элемент для фотографии должен иметь
id="image"(может бытьcircle,rect,ellipseи т.д.). - Не добавляйте в SVG внешние скрипты. Шрифты могут отличаться при рендере.
- Обязательные столбцы:
Название,Описание,Фото. - Название фото должно точно совпадать с именем файла (включая расширение).
- Кодировка CSV: UTF-8, первая строка — заголовки.
- Поддерживаемые форматы: JPG, PNG, WebP (браузер поддерживает загрузку).
- Изображения будут масштабированы и центрированы (object-cover) и обрезаны по фигуре.
Превью исходного шаблона
—
Загрузите SVG, чтобы увидеть превью
Мини-превью макетов
Клик по миниатюре — открыть в новой вкладке