28 Figma-плагинов для экспорта, импорта и конвертации дизайна в разные форматы файлов, в код и из кода, в прототипы и готовые сайты, в полезные сторонние сервисы

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

Default export — настройка общих параметров экспорта для всех выбранных элементов

Default export

Export Original Images — экспорт картинок из макетов в оригинальном разрешении и без обрезки

Export Original Images

html.to.design — конвертирует живые сайты в редактируемый макет Figma

html.to.design

Anima — конвертирует макеты в интерактивные анимированные прототипы или HTML-код

Anima

Convertify Sketch/XD/AE/EPS — импортирует макеты из XD в Figma, а также экспортирует проекты в After Effects, Sketch, Adobe XD и EPS

Convertify Sketch/XD/AE/EPS

Figma to HTML — конвертирует выбранные элементы в HTML

Figma to HTML

Export Image for Native — экспортирует изображения в форматах, необходимых для Android или iOS

Export Image for Native

TinyImage Compressor — сжимает экспортируемые из Figma изображения до 90% без потери качества и упаковывает в архив

TinyImage Compressor

SVG Export — экспорт в вектор с более гибкими настройками, чем стандартный

SVG Export

Design Tokens — экспортирует стили Figma и дизайн-токены в json-файл и загружает на Github

Design Tokens

Export styles to CSS variables — экспортирует стили в CSS

Export styles to CSS variables

Export PNG with Color Profile — экспорт в PNG со встроенным цветовым профилем (включая Display P3)

Export PNG with Color Profile

Export Icon Font — экспортирует векторный шрифт в формат TrueType (.ttf)

Export Icon Font

JSON to Figma — импортирует значения переменных из JSON-файла прямо в макет (и обратно). Поможет ускорить создание однотипных компонентов с разными данными

JSON to Figma

Export Settings Helper — создаёт настройки экспорта со стандартными параметрами для iOS, Android и веба

Export Settings Helper

Pygma — плагин для экспорта в сервис публикации сайтов. То есть прямо из Figma в готовый адаптивный сайт за несколько кликов

Pygma

Awesome Icon Export — экспортирует иконки в любой текстовый формат файла

Awesome Icon Export

Favvy Favicon Exporter — автоматически генерирует и экспортирует готовые иконки (включая весь необходимый код) для вашего сайта из одного фрейма Figma за считанные секунды

Favvy Favicon Exporter

iOS Export Settings — автоматически применяет правильные настройки экспорта iOS иконок

iOS Export Settings

Marka Email Generator — конструктор писем для email-рассылок в формате HTML. Готовые письма поддерживают Gmail, Apple Mail, Outlook и другие клиенты. Также доступна мини-инструкция и шаблоны от разработчика

Marka Email Generator

ProtoPie — экспорт проекта из Figma в ProtoPie

ProtoPie

Miro — экспортирует и синхронизирует данные из Miro

Miro

Figma to HTML with Framer — быстрый экспорт проекта во Framer

Figma to HTML with Framer

Jitter — экспорт проекта в сервис интерфейсной анимации Jitter

Jitter

Bravorizer — экспортирует дизайн в no-code конструктор мобильных приложений Bravo. Проверяет фреймы на готовность к экспорту, а также позволяет добавлять теги к страницам, фреймам или компонентам

Bravorizer

Zeplin — экспортирует макеты в Zeplin

Zeplin

Illustrator + SVG Import — исправляет ошибки при импорте SVG из Illustrator, и добавляет перенос через буфер обмена

Illustrator + SVG Import

Overflow for Figma — синхронизирует проекты с платформой для прототипирования Overflow, которая позволяет создавать диаграммы и кликабельные презентации

Overflow for Figma
Поделиться
Отправить
Запинить

Обсуждение