Генератор скриншотов для плагинов Figma
Проектируйте цепляющие обложки и скриншоты листинга для вашего плагина или виджета Figma — точно под формат Figma Community 1920×1080.
Без регистрации. Мгновенно открывает холст Figma Community 1920×1080.
Требования
Требования к изображениям Figma Community
При публикации плагина или виджета в Figma Community листинг строится на одном обложечном изображении и необязательных медиа карусели. Оба используют один холст 16:9, поэтому все ассеты можно сделать в едином проекте. Вот спецификации, которые Figma рекомендует при публикации.
Спецификации обложки и листинга
| Размер обложки | 1920 × 1080 px (рекомендуется) |
|---|---|
| Соотношение сторон | 16:9 |
| Безопасная зона | 1800 × 1080 px, по центру |
| Медиа карусели | До 9 изображений или видео |
| Форматы | PNG или JPG (рекомендуется PNG) |
| Иконка плагина | 128 × 128 px |
Правила проверки: можно и нельзя
Нужно
- ✓Показывайте реальный интерфейс и результат работы плагина
- ✓Делайте текст крупным и читаемым в размере миниатюры
- ✓Согласуйте стиль обложки с иконкой и брендом
- ✓Держите контент внутри безопасной зоны 1800×1080
Нельзя
- ✗Использовать скриншоты, искажающие функции плагина
- ✗Размещать ключевой текст или логотипы у краёв
- ✗Рассчитывать на мелкие детали UI, исчезающие в превью
- ✗Брать маркетинговые арты без отношения к плагину
Стартовые стили
Шаблоны обложек для плагинов Figma
Начните с проверенной композиции 16:9, а затем замените скриншоты, цвета и тексты на свои в редакторе.
Смелый градиент
Крупный заголовок на ярком градиенте с парящими карточками UI.
Чистый минимализм
Белый фон, чёткий кадр продукта и одно ясное обещание.
Тёмная студия
Глубокая графитовая сцена со светящимися акцентами для плагинов-инструментов.
Брендовый акцент
Главные цвета вашего логотипа и выразительная пара «до/после».
Нужно больше отправных точек? Смотреть шаблоны браузера и десктопа
Как это работает
Обложка для плагина Figma за 3 шага
От пустого холста до готовой к публикации обложки — примерно пять минут.
- 01
Откройте холст 1920×1080
Запустите редактор с пресетом Figma Community — без настройки и регистрации.
- 02
Добавьте скриншоты и текст
Вставьте снимки интерфейса плагина, выберите фон и напишите заголовок, продающий результат.
- 03
Экспортируйте и публикуйте
Скачайте чёткие PNG для обложки и карусели и загрузите их в окне публикации Figma.
Лучшие практики
Что делают отличные обложки плагинов
Паттерны, которые стабильно работают в Figma Community.
Покажите превращение
Поставьте рядом обычное «до» и отточенное «после» — доказательство убедительнее обещаний.
Оформите реальный UI
Поместите настоящие скриншоты плагина в рамку браузера или холста — контекст станет понятен мгновенно.
Держитесь бренда
Перекликайтесь с цветами и шрифтами иконки, чтобы весь листинг выглядел единым продуктом.
FAQ
FAQ: скриншоты плагинов Figma
Всё, что разработчики спрашивают об обложках и скриншотах листинга в Figma Community.
Выпустите обложку, которая заслуживает кликов
Откройте редактор на холсте Figma Community 1920×1080 и экспортируйте все ассеты листинга за несколько минут.