Задача: Создание Figma-плагина для умного ресайза

Основная проблема

Дизайнерам приходится вручную подгонять макеты под требования разных социальных сетей, что занимает много времени. Простое масштабирование под новые размеры часто искажает композицию, обрезает или сдвигает важные элементы (текст, кнопки, логотипы).

Требования к функционалу плагина

Плагин должен существенно упростить этот процесс:

  • Выбор фреймов

    Пользователь может выбрать один или несколько фреймов на макете.

  • Задание целевых размеров

    Возможность указать 3+ популярных размеров для социальных платформ (например 1080×1080 для Instagram, 1920×1080 для шапки YouTube, 1200×630 для ссылок).

  • Умная адаптация контента

    Это ключевое требование. Плагин не просто меняет масштаб кадра.

    • Структура макета сохраняется.
    • Расположение блоков (спелл-чек, заголовки, текст, иллюстрации) меняется гармонично при смене пропорций (с квадрата на вертикальный или на широкоформатный).
    • Элементы перераспределяются, а не вылетают за границы.

  • Работа с безопасными зонами (Safe Zones)

    При ресайзе плагин понимает, какие части макета не должны быть обрезаны модерацией соцсетей, и сохраняет ключевую информацию внутри этих полей.

  • Сочетаемость с AI-анализом

    Опционально плагин может действовать умнее, определяя сущности («это кнопка 'Купить'», «это логотип») для точного позиционирования при ресайзе, аналогично auto-layout на стероидах.

Процесс работы

  1. Клиент выбирает в Figma несколько фреймов (нам, кнопки, макеты Вики Шоу, макеты Рекламдера - неважно).
  2. Запускает плагин.
  3. Указывает требуемые размеры.
  4. Плагин за мгновение создает отдельные страницы с новыми адаптированными версиями каждого фрейма.
  5. Исходный дизайн не изменяется: все права на редактирование остаются у заказчика, файл передается полностью.

Дополнительно

Аналогичные инструменты берут за это десятки долларов за месяц - данного плагина позволяет улучшить производительность дизайнера и ускорить сдачу проекта в 5 раз.