Список плагинов Figma и ресурсов для их создания.
- Плагины — исходный код плагина.
- Ресурсы — Ресурсы для создания плагины
- Плагины
- Доблесть
- Image Palette
- Отправить наверх
- Themer
- Sorter
- Dominant Color
- Responsify
- Figma Export
- Project Scaffold
- Figma Walker
- Figma Sort It
- Figma Map Maker
- Figma Format
- Экспорт ресурсов Android
- Feather Icons
- Tailwind CSS
- Figma Tailwindcss
- Плагин Rich Data
- Easing Gradient
- Figma Measure
- Super Tidy
- Content Buddy
- Kaleidocode
- Chroma
- Navigator
- Better Font Picker
- GridGen | Автоматический генератор таблиц
- Retro Snake
- Pattern Hero
- Figmoji
- Обратный порядок слоев
- Повторно подключите экземпляр
- Компонент на страницу
- Typograf
- Редактировать на месте
- Nester
- Design Lint
- zebra
- Lazy Export
- Ресурсы
- Плагин Figma DS
- Figsvelte
- Плагин Figma DS Svelte
- Figplug
- Fika
- Создать Плагин Figma
- Шаблон React плагина Figma
- Плагин Figma Vue Starter
- Шаблон Vue для плагина Figma
- Плагин Figma Vue Template 2
- Вспомогательные функции плагина Figma
- Пример перетаскивания
Плагины
Коллекция плагинов с открытым исходным кодом.
Доблесть
Визуализируйте существующие или новые цветовые палитры в вашей системе дизайна или генерируйте списки цветовых переменных из цветовых палитр.
Repo | Плагин для Figma
Image Palette
Извлекает цветовую палитру из 5 разных цветов из выбранных изображений.
Репо | Плагин в Figma
Отправить наверх
Отправляет выбранные слои на самый верх стека слоев поверх всех остальных кадров на холсте.
Репо | Плагин для Figma
Themer
Позволяет создавать темы и легко переключаться между наборами стилей в ваших проектах. Например: Светлый/Темный
Репо | Плагин для Figma
Sorter
Позволяет пользователю быстро сортировать порядок слоев на основе положения, имени (в алфавитном порядке), обратного порядка или случайный.
Репо | Плагин для Figma
Dominant Color
Создайте палитру из изображения, чтобы волшебным образом заполнить ваши дизайны.
Репо | Плагин для Figma
Responsify
Плагин Figma для быстрого тестирования ваших дизайнов на устройствах разных размеров.
Repo | Плагин для Figma
Figma Export
Легко экспортируйте активы из Figma прямо в файл .zip.
Repo | Плагин для Figma
Project Scaffold
Этот плагин генерирует Scaffold для вашего проекта дизайна продукта всего за 1 клик.
Репо | Плагин для Figma
Figma Walker
Figma Walker — это новый лаунчер для Figma. Вы можете выполнять любые действия из одного поля ввода.
Репо | Плагин для Figma
Figma Sort It
Сортировка выбранных фреймов или слоев по именам или положению.
Репо | Плагин для Figma
Figma Map Maker
Map Maker позволяет быстро создавать индивидуальную карту. В настоящее время он поддерживает Карты Google и Mapbox.
Repo | Плагин для Figma
Figma Format
Figma Format позволяет форматировать холст, группируя их по именам.
Репо | Плагин для Figma
Экспорт ресурсов Android
Экспорт различных размеров PNG из выбранного фрагмента или экспортируемого слоя с фиксированной структурой папок (drawable-xhdpi, и т.д.) и действительное имя.
Репо | Плагин для Figma
Feather Icons
Быстрый доступ к иконкам Feather в Figma.
Repo | Плагин для Figma
Tailwind CSS
Создавайте стили и другие интересные вещи прямо из вашего файла конфигурации попутного ветра.
Репо | Плагин для Figma
Figma Tailwindcss
Figma Tailwindcss позволяет экспортировать аспекты дизайна, созданного в Figma, в файл темы javascript, который можно легко использовать с попутным ветром.
Репо | Плагин для Figma
Плагин Rich Data
Замените текстовые значения заполнителя Figma реальными данными из реальных API.
Repo
Easing Gradient
Создавайте красивые плавные градиенты в Figma. Линейные градиенты часто имеют жесткие края в начале и/или конце. Этот плагин добавляет градиент перестает приближаться к функциям замедления.
Repo | Плагин на Figma
Figma Measure
Плагин для удобного измерения размеров. Небольшой пользовательский интерфейс позволяет добавлять стрелки для высоты и ширины.
Repo | Плагин для Figma
Super Tidy
Плагин для Figma для простого выравнивания, переименования и изменения порядка ваших кадров в зависимости от их положения на холсте.
Репо | Плагин для Figma
Content Buddy
Плагин Figma, который упрощает замену текстового контента на нескольких слоях для всех.
Репо | Плагин для Figma
Kaleidocode
Конвертируйте темы VS Code в библиотеки цветов Figma, создавайте новые темы через JSON и автоматически меняйте темы.
Репо | Плагин на Figma
Chroma
Создание объемных цветовых стилей из выделения. Просто выберите любые объекты с цветом заливки, запустите плагин, и он автоматически сгенерирует для вас цветовые стили.
Repo | Плагин для Figma
Navigator
Простой способ найти и применить цветовые стили из вашего текущего документа.
Репо | Плагин для Figma
Better Font Picker
Better Font Picker помогает вам выбирать шрифты с предварительным просмотром того, как он выглядит.
Репо | Плагин на Figma
GridGen | Автоматический генератор таблиц
Использует встроенные прямоугольники, линии и тексты Figma для создания таблиц с аккуратно организованными слоями.
Repo | Плагин для Figma
Retro Snake
Мы все любим ретро-игру в Figma, Snake!
Repo | Плагин в Figma
Pattern Hero
Pattern Hero позволяет размещать выбранные элементы или рамки в сетке для создания узоров.
Репо | Плагин для Figma
Figmoji
Легко добавляйте смайлики в свои дизайны.
Repo | Плагин для Figma
Обратный порядок слоев
Этот плагин изменит порядок выбранных слоев на обратный.
Репо | Плагин в Figma
Повторно подключите экземпляр
Повторно привяжите фрейм к компоненту, выполнив поиск похожих экземпляров.
Repo | Плагин в Figma
Компонент на страницу
Этот плагин позволяет вам создать компонент (как в Sketch), где мастер перемещается в выделенная страница, оставляющая экземпляр на месте.
Repo | Плагин для Figma
Typograf
Плагин Figma для создания хорошего типографского текста.
Repo | Плагин в Figma
Редактировать на месте
Выберите любой экземпляр локального компонента и отредактируйте главный компонент на месте из контекста, где бы вы ни находились используя экземпляр. Это удобно, если ваши главные компоненты находятся на другой странице!
Repo | Плагин в Figma
Nester
Нестер будет вкладывать любой объект, который находится над (но не внутри) фрейма/монтажной области верхнего уровня.
Репо | Плагин для Figma
Design Lint
Находите и исправляйте ошибки в ваших проектах бесплатно.
Repo | Плагин для Figma
zebra
Zebra — это быстрая и легкая программа проверки цветового контраста.
Она была создана как обучающее упражнение и сопутствующее руководство можно найти здесь
Repo | Плагин для Figma
Lazy Export
Lazy Export позволяет пользователю быстро применить настройки экспорта по умолчанию к выбранным объектам в Figma.
Репо | Плагин для Figma
Ресурсы
Набор ресурсов, помогающих ускорить процесс разработки плагинов Figma.
Плагин Figma DS
Система дизайна HTMl/JS/CSS без зависимостей, которая близко соответствует пользовательскому интерфейсу Figma для использования в плагинах
Repo
Figsvelte
Шаблон для создания плагинов Figma с использованием Svelte (который поставляется с предварительно настроенными компонентами Svelte. Плагин Figma DS Svelte.
Репо
Плагин Figma DS Svelte
Это версия Svelte плагина Figma DS специально для использования при создании плагинов Figma.
Repo
Figplug
Конструктор плагинов Figma
Repo
Fika
Небольшой генератор плагинов figma с использованием Parcel.
Repo
Создать Плагин Figma
Набор инструментов для разработки плагинов Figma.
Repo
Шаблон React плагина Figma
Этот шаблон содержит пример реакции, показанный в документации Figma, с некоторыми структурные изменения и дополнительные инструменты.
Repo
Плагин Figma Vue Starter
Стартовый шаблон Vue.js для создание плагинов Figma.
Repo
Шаблон Vue для плагина Figma
TypeScript, RPC, компоненты из плагина figma -ds.
Репо
Плагин Figma Vue Template 2
Vue, TypeScript, Pug, figma-plugin -ds интеграция, обработчики сообщений.
Repo
Вспомогательные функции плагина Figma
Растущая коллекция плагинов Figma вспомогательные функции (WIP), которые скоро будут опубликованы на NPM.
Repo
Пример перетаскивания
Пример плагина, демонстрирующий надежный способ реализации перетаскивания из окна плагина на холст Figma.
Repo
