Разбила по категориям. Может кому-то пригодится.
КОПИ ПАСТЕ. КОПИИ.
Fast Copy
Забудьте ⌘-C или Ctrl-C. Скопируйте текст из ваших макетов с легкостью. Fast Copy может помочь вам скопировать и вставить несколько текстовых узлов, организовав все в таблицу и автоматически скопировав текст в буфер обмена.
Ditto | collaborate on copy
Синхронизируйте и объединяйте ваш текст в базе данных компонентов с возможностью поиска.
Copy waste more
Значительно улучшает рабочий процесс повторяющихся задач копирования и вставки.
ТЕСТИРОВАНИЕ
Useberry
Useberry - это инструмент для онлайн-тестирования пользователей, который помогает дизайнерам UI / UX получить богатую обратную связь с пользователями о своих разработках еще до стадии разработки.
Design Speed Test
Вы задавались вопросом, насколько хорошо вы используете Figma? Теперь вы можете измерить это количественно с помощью данных, основанных на данных.
Этот плагин запускает тест скорости, где вам придется копировать образец проекта в течение срока! Вы будете оцениваться на основе вашей точности по сравнению с оригинальным дизайном.
ГЕНЕРАТОР ПАРОЛЕЙ
Random Key Generator
Быстро сгенерируйте случайный тип данных с алфавитами, цифрами и символами в зависимости от необходимости использования в качестве идентификаторов, секретов, паролей, IP-адресов, инициалов и т. Д. Просто выберите необходимый тип строки данных и введите длину в поле ввода.
ПРИЛОЖЕНИЯ
Superposition
Настольное приложение Superposition интеллектуально анализирует вашу веб-страницу на предмет цветов, стилей шрифтов, изображений и многого другого, а затем делает их доступными для экспорта в виде CSS, SCSS, JavaScript, Android XML и позволяет использовать их непосредственно в инструментах дизайна, таких как Figma.
РАЗВЛЕЧЕНИЯ
FigSequencer
МУзыка прямо в Figma!
Game Zone
Посетите игровую зону, чтобы избежать рабочей атмосферы, повеселиться, вернуться к работе и выполнить эффективную работу. восемь лучших игр для развлечения
Мы хотим повысить вашу продуктивность и креативность, творческий подход, навыки мозгового штурма, чтобы вы отлично выполняли свою работу.
МАТЕМАТИКА. ФОРМУЛЫ
LaTeX Complete
Плагин LaTeX, который просто работает. Напечатайте математику прямо в ваших проектах.
Latex Editor
Простой плагин для вставки математических уравнений в документы.
Он использует API для преобразования текста LaTeX в изображения SVG, которыми легко манипулировать в проектах Figma.
ОБЪЕКТЫ. РАБОТА С ОБЪЕКТАМИ.
Copy paste position size
Плагин, который позволяет вам легко копировать и вставлять ширину, высоту, значения x & y из и в объекты!
Nester
Nester вложит любой объект, который находится выше (но не внутри) рамки / артборда верхнего уровня.
Rotate Origin
Хотите повернуть объект вокруг произвольной точки? С Rotate Origin это возможно!
Distribute Layers
Распределяет выбранные слои влево, вправо, вверх или вниз по указанному смещению пикселей.
Select Parent
Выберите Родителя, позволяет быстро выбрать родительский объект из того, что вы выбрали. Это даже работает, когда у вас есть несколько выбранных слое
Split Vectors
Надоело копировать векторные части, чтобы настроить их?
Попробуйте этот плагин, чтобы ускорить вашу работу!
Fill Rule Editor
Этот плагин позволяет редактировать правила заливки векторного объекта. Правила заполнения определяют, какие части векторного контура заполнены. Правила заполнения имеют различное поведение, когда векторный контур перекрывается.
ОРГАНИЗАЦИЯ ЭЛЕМЕНТОВ
Design System Organizer
DSO позволяет организовать элементы системы проектирования с помощью таких путей, как «кнопки / маленькие / состояния / по умолчанию», через удобный интерфейс.
КАЛЕНДАРЬ
Calendar Maker
Создание календарей
Dating
Создание календарей с коммандами. Работа с датами.
ВЫДЕЛЕНИЕ
Draw Slice Over Selection
Рисует срез над выделенными слоями. При желании укажите отступ для среза.
Super Select
SUPER SELECT: несколько команд для выбора слоя!
ВИДЕО
Movie Posters
Добавьте случайный популярный постер фильма или сериала.
Deep Focus
Слушайте свой любимый плейлист.
- Предустановлен плейлист Deep Focus.
- Загрузить любой список воспроизведения YouTube по идентификатору списка
Video Cover
Просто вставьте YouTube или Vimeo URL. Если выбран один или несколько слоев, заливка с видео обложкой будет добавлена ко всем из них. Если слой не выбран, будет создан новый слой с заливкой видео.
Multiplayer Pong
Первая видеоигра, реализованная в виде плагина Figma, также является первой видеоигрой в истории: Pong.
3D ГРАФИКА
Roto
Roto выдавливает и вращает фигуры в 3D.
Vectary 3D
Плагин Vectary 3D для Figma добавляет недостающее третье измерение в ваши 2D проекты. Поместите свой дизайн Figma в предопределенный 3D-макет или свой собственный 3D-элемент. Установите желаемую перспективу в 3D и поместите результат в сцену одним щелчком мыши.
3Dconnexion SpaceMouse Driver
Превратите свой 3Dconnexion SpaceMouse в инструмент панорамирования и масштабирования!
Third
Плагин Figma, который позволяет импортировать, освещать, использовать и визуализировать 3D-модели прямо в Figma
СЕТКИ. НАПРАВЛЯЮЩИЕ.
Image to 1px rectangles
Выберите изображение и запустите плагин, чтобы сгенерировать сетку из прямоугольников размером 1 пиксель
Magia Record Character Grid Creator Interface
Этот плагин предназначен для создания вида сетки ваших волшебных девушек в игре Magia Record: Puella Magi Madoka Magica Side Story (https://magiarecord-en.com/).
LilGrid
LilGrid берет элементы и организует их в сетку, которую вы определяете.
Dot Grid
Легко создавать красивые точечные сетки для ваших конструкций Figma.
Guides inspector
Инспектор гидов полностью контролирует гиды!
Snap to Grid
Помощник, с помощью которого еще проще расположить элементы на сетке!
Когда плагин работает, элементы холста привязываются к сетке при перемещении / масштабировании.
Offgrid
Этот плагин помогает вам создавать сетки, где каждая другая строка или столбец должна быть смещена, например. шестиугольные сетки или кирпичные узоры.
Clear Guides
Если у вас выбран один или несколько кадров, он очистит направляющие в этих кадрах.
Если ничего не выбрано, он очистит направляющие на текущей странице.
Multiply
Быстро разбить слой на строки, столбцы или оба (сетка)
ОБЛОЖКИ. ПРЕВЬЮ.
Cover Status
Быстро создавать титульные страницы для проектов. Вы можете настроить проекты на основе их текущего статуса.
Cover Generator
Очень простой плагин, который принимает имя, описание и статус в качестве входных данных и генерирует изображение обложки для вашего файла figma.
КОПИИ. КЛОНЫ.
Smart Cloner
Сделайте несколько переименованных копий компонентов, кадров или других слоев в считанные секунды.
ФРЕЙМЫ. РАБОТА С ФРЕЙМАМИ.
Remove Redundant Frames
Плагин Figma для очистки ваших фреймов
Этот плагин удаляет лишние или пустые кадры в выделении, которые не имеют фона, изменений непрозрачности, примененных режимов наложения или эффектов.
Wireframer
Wireframer может быть новым трендом в процессе создания текстов каркасов. 🧨
Он может помочь как с высокой точностью, так и с быстрым беспорядочным каркасом, создавая уникальный и уникальный заполнитель SVG. Другим вариантом использования могут быть изометрические иллюстрации.
Настройте параметры и получите уникальный текстовый заполнитель!
РАМКИ. БОРДЕР.
Autocover
Выберите рамку из вашего дизайна, чтобы легко сделать «обложку» страницы для ваших файлов дизайна.
Tumble
Tumble заставляет формы падать вниз.
Поместите ваши фигуры в рамку, выберите их и запустите Tumble.
МОБИЛЬНЫЙ ИНТЕРФЕЙС. МОБИЛЬНЫЕ УСТРОЙСТВА.
View Finder
Видоискатель
Теперь вы можете создать любой видовой экран на холсте и дать ему имя. и вернуться к нему в любое время
Display by WeScreen
Простой способ отображать свои дизайны на различных мобильных устройствах и делиться ими с кем угодно в мире.
Mobile Upload
Снимайте фотографии с любого телефона и отправляйте их прямо в Figma.
Отлично подходит для эскизов тетрадей или мозговых штурмов на доске!
Masker
Masker позволяет легко накладывать устройства на выбранные слои в вашем проекте. Сначала выберите один или несколько слоев в вашем файле дизайна, затем выберите из палитры Masker для применения.
ФАЙЛЫ ДЛЯ ПЕЧАТИ
DPI 2 Pixels
Начните создавать файлы печати с высоким разрешением уже сегодня на основе выбранного вами DPI, и давайте покажем FIGMA, что нам нужны инструменты для облачного дизайна печати!
НАБОРЫ ИНСТРУМЕНТОВ. КИТЫ. ТЕМЫ.
Theme UI
Используйте настройку пользовательского интерфейса Theme для быстрого создания стилей цвета и текста.
Powerful Tools
Этот плагин содержит несколько инструментов, которые позволяют наполнить ваш дизайн случайными датами, идентификаторами, числами, китайскими или английскими именами. Он также включает в себя цветовую палитру и зеркало, которое соединяет изображение с определенной рамкой.
Flowkit
Flowkit - это премиальный плагин, для активации которого требуется лицензия. Чтобы получить лицензию, пожалуйста, посетите useflowkit.com
РАЗРАБОТКА
Get It
Get It помогает в создании плагинов Figma, позволяя вам создавать прототипы частей вашего плагина в Figma и копировать их подробный синтаксис в буфер обмена.
Inspector
Ускорьте разработку плагинов с простым способом просмотра и изучения свойств узлов.
При нажатии на слой отобразятся свойства и стили узлов на панели инспектора.
Каждое свойство имеет кнопку копирования в буфер обмена для поиска свойств, которые вам нужны при работе с вашим приложением.
АРХИВ. ЭКСПОРТ.
Export to Elm
Этот плагин позволяет экспортировать выделение в виде кода elm.
Сгенерированный код будет для пакета `elm / svg`, поэтому убедитесь, что он установлен в вашем проекте Elm.
Presentator Export
Плагин Figma для экспорта дизайнерских фреймов непосредственно в Presentator (бесплатная презентация дизайна и платформа для совместной работы с открытым исходным кодом).
Figgy exporter
Простой плагин для создания настроек экспорта для любого выбора в общие форматы для веб, iOS и Android разработки.
TinyCanvas
Экспорт сжатых изображений в один клик!
PWA Icon App Exports
Примените к выбранному кадру необходимые параметры экспорта для значков PWA App.
iOSPNGExporter
Этот плагин помогает вам создавать наиболее часто используемые параметры экспорта для иконок PNG iOS, включая размер @ 2x и размер @ 3x.
Advanced SVG Export
Экспорт позволяет оптимизировать SVG перед экспортом. Настраиваемые оптимизации стали возможными благодаря использованию SVGO
Flutter Export
Простой экспорт активов с необходимыми настройками и организацией папок для приложений Flutter.
iOS Export Settings
Этот плагин автоматически применяет правильные настройки экспорта для каждого необходимого размера и плотности значков приложения для iOS. Больше не нужно добавлять эти настройки вручную или искать последние требования к размеру из документации iOS.
Android Resources Export
Экспорт нескольких размеров PNG из всех слоев и экспортируемых слоев или выбранного слоя. ресурсы будут иметь фиксированную структуру папок (drawable-xhdpi и т. д.) и действительное имя.
Export .zip
Легко экспортируйте активы из Figma непосредственно в файл .zip.
Archiver
Архиватор - это лучший способ быстро и легко архивировать фреймы в Figma. Чтоб не потерять!
НАЗВАНИЕ СЛОЕВ
Layer Names Transfom
Этот плагин поможет вам быстро преобразовать названия ваших слоев. Этот плагин может быть полезен в случае, когда вам нужно экспортировать много значков или изображений, но вам нужно иметь все имена слоев в нижнем или верхнем регистре. Также этот плагин поможет вам заменить пробелы и добавить дополнительные символы в названия ваших слоев.
РАЗМЕРЫ. ИЗМЕНЕНИЕ.
Ratio Resizer
Просто выберите слой, компонент, группу или фрейм> Откройте Ratio Resizer> Заполните ваш коэффициент и нажмите изменить размер!
Resize Auto Layout
Как изменить размер кадра с включенной автоматической разметкой? Временно отключите его! Этот плагин поможет сделать это проще.
Resize Layers
Этот плагин может изменить размер слоя на самое длинное или самое короткое значение.
Resize Commands
Вдохновленный оригинальным плагином «Изменить размер команд» для Sketch - этот плагин позволяет изменять размер одного или нескольких слоев с помощью простых команд, вводя их так: «l +50" .
Reset Size
Плагин сбросит размер всех экземпляров верхнего уровня в выделении. Экземпляры внутри других экземпляров останутся неизменными, а также фреймы, группы, компоненты или любые другие слои в выделении.
Resize to Frame
Выберите элементы, чтобы изменить их размер до размера их родителей (горизонтально, вертикально или оба).Ограничения по умолчанию (слева, сверху) будут изменены на (слева и справа, сверху и снизу).
MultipleResizing
Вы можете изменить размер нескольких объектов одновременно.
Proportional Scale
Легко изменяйте размеры ваших форм, пропорционально изменяя все остальные атрибуты. Этот плагин поддерживает изменение размера в процентах, ширине или высоте.
Social Media Image
Шпаргалка по размерам изображений в социальных сетях. Все в одном месте!
Плагин содержит предустановки размеров изображений в социальных сетях, что позволяет быстро приступить непосредственно к разработке дизайна.
ВЫРАВНИВАНИЕ. ОТСТУПЫ.
Spacing Manager
Обновление разных интервалов. Приведение к единому.
Distributor
Легкий плагин для Figma, который равномерно расставляет элементы по точным пиксельным измерениям.Вы можете расположить предметы вертикально или горизонтально от их краев или их центров. Параметры выравнивания также позволяют выбрать, по какой стороне элементы будут распределены. Элементы перемещаются в зависимости от их ограничивающих рамок, поэтому плагин работает и с повернутыми объектами.
Stacks
Стеки обеспечивают расширенный полуавтоматический контроль за расстоянием, направлением и выравниванием слоев.
Margins
Измените размеры и расположите элементы, используя Top, Bottom, Left и Right.
Paddi
Paddi поможет вам установить отступы для группы, фрейма или компонента. Когда вы задаете значения отступов в имени компонента, вы можете изменить элементы внутри компонента и применить отступы одним щелчком мыши. Компонент автоматически изменит свой размер так, чтобы он окружал все другие элементы внутри компонента в соответствии со значениями заполнения.
Align To
Хотите выровнять слои по определенному слою, и чтобы этот слой оставался фиксированным, пока другие слои движутся?
АНИМАЦИЯ
Bannerify
Анимируйте и экспортируйте готовые HTML-баннеры от Figma за считанные секунды.
Gifs
Ваш идеальный дизайн нуждается в идеальном GIF. Найдем и вставим.
GiffyCanvas
Создавайте GIFS с меньшими усилиями. Анимация - Пользователь может выбрать столько изображений, сколько он хочет создать в GIF.
LottieFiles
Лотти анимации для ваших проектов.
BeatFlyer Lite
Анимируйте ваши артборды в несколько кликов с помощью легкой и бесплатной версии BeatFlyer.
ПОИСК. НАВИГАЦИЯ.
Navigator
Простой способ найти и применить цветовые стили из вашего текущего документа. Навигатор просмотрит все слои в вашем документе и найдет те, которые имеют цветовые стили. Просто выберите слой, к которому вы хотите применить цветовые стили, запустите Navigator, найдите свой цвет и выберите его. Вы можете применить цветовой стиль к любому вектору, тексту, линии, рамке или группе.
Locator
Локатор помогает вам найти все экземпляры компонента и позволяет переходить к каждому отдельному экземпляру.
Instance Finder
Найдите все экземпляры компонента, используемого в вашем файле.
Find & Focus
Простой плагин для поиска слоев в вашем документе. Плагин будет выбирать слои, содержащие ваш текст, и масштабировать, чтобы соответствовать им. Отлично подходит для маневрирования большого файла со многими фреймами страницы. Включает в себя возможность использовать регулярные выражения и учитывать регистр.
Minimap
Перемещайтесь по холсту, как приключение на море, с картой в руке.
ОБЪЕКТЫ
Swap
Легко поменяйте местами два выбранных объекта.
НАПРАВЛЯЮЩИЕ
Guide Mate
Guide Mate - это плагин Figma, который поможет вам с легкостью добавлять сложные направляющие в ваш дизайн. Отличный компаньон для систем проектирования на основе сетки.
РЫБА КОНТЕНТ
Contentful to Figma
Этот плагин позволяет вам плавно извлекать контент из вашего содержательного пространства и отображать его на ваш дизайн Figma.
Lorem Ipsum Generator
Lorem Ipsum Generator с помощью двух кликов генерирует случайный текст в Figma. Вы можете установить количество предложений, а затем настроить его как обычный текст в Figma.
Lorem ipsum
Создайте «Lorem ipsum», чтобы заполнить текстовые слои фиктивным текстом.
Выберите все текстовые слои, для которых вы хотите сгенерировать «Lorem ipsum», а затем нажмите «Создать» - он будет сгенерирован для каждого слоя уникально.
«Автогенерация» автоматически заполнит выбранные слои идеальным количеством «Lorem ipsum», чтобы соответствовать их существующей рамке.
Random Name Generator
Выберите текстовые слои и запустите плагин, чтобы заполнить их случайными именами, или просто запустите плагин и получите новый текстовый слой со случайным именем.Вы можете выбрать пол и решить, хотите ли вы случайное полное имя, имя или фамилию.
КОМПОНЕНТЫ. РАБОТА С КОМПОНЕНТАМИ.
Spacers
Распорки в автоперекрытиях обеспечивают свободные промежутки между компонентами. И это очень просто.
Select Similar
Выбор по характеристикам.
Butler
Батлер помогает вам с тремя вещами:
- Он позволяет вам искать локальные компоненты, чтобы вставить ваш текущий позиция
- Вы можете применить любой локальный стиль к вашему текущему выбору
- Перейти к любому узлу в вашем документе
Откройте плагин, нажмите TAB для переключения команд или поиска нужного компонента или стиля.
Edit in place
Этот плагин позволяет вам выбрать любой экземпляр локального компонента (не из библиотеки) и отредактировать главный компонент на месте из контекста, где вы используете экземпляр. Это удобно, если ваши главные компоненты находятся на другой странице!
Component Utilities
Создание и копирование компонентов, а также замена слоев на компоненты.
Create Component Inside
Создавайте компоненты где угодно! *
Вы можете использовать этот плагин вместо стандартной команды Создать компонент.
Вы также можете выбрать несколько групп элементов в разных рамках, группах или компонентах, чтобы компоненты автоматически создавались в их родителях.
Send to Components Page
Если вы предпочитаете хранить свои компоненты на отдельной странице и устали переносить их вручную, этот плагин для вас.
Safely Delete Components
Когда вы удаляете компонент, он все еще может быть использован в ваших макетах. С другой стороны, неиспользуемые компоненты загромождают ваш документ.
Component Master Manager
Component Master Manager - простой плагин для сбора, сортировки и группировки основных компонентов с выбранных страниц на одну страницу для организации вашей системы проектирования. Главный компонент будет скопирован в то же место, где он был расположен. Ваш дизайн не будет сломан.
Reattach Instance
Связать фрейм с компонентом путем поиска похожих экземпляров.
Dynamic Component Resizer
С помощью этого плагина вы сможете настраивать компоненты и изменять их экземпляры, сохраняя интервалы, которые вы установили в мастере.
SamPonent
Чтобы использовать его, вам просто нужно установить компонент, а затем присоединить его к другим элементам одним щелчком мыши.
Component Replacer
Простой плагин, который поможет вам заменить любой выбор компонентами или экземплярами
Component Page
Создайте компонент (как в Sketch), который находится на отдельной странице «Компоненты».
ИНТЕГРАЦИЯ
JSON to Figma
Простой способ заполнить слои с помощью JSON.
СКРИПТЫ
DND Dice Roller
DND Dice Roller с возможностью бросать кубик несколько раз, если это необходимо.
КОМПРЕССОР
AD Compressor
Если вы разрабатываете и разрабатываете статические рекламные баннеры Google, вы должны убедиться, что все размеры файлов изображений соответствуют спецификации ≤150kB.
КОД. КОНВЕРТОРЫ.
SVG code with unique links ids
Плагин устанавливает уникальные идентификаторы для градиентов и масок в код SVG.
Android Vector Drawable
Скопируйте и экспортируйте векторный рисованный код из любых слоев, кроме Slice и Image.
Change Event Pusher
Отправляет JSON текущей страницы в конечную точку HTTP / WebSocket по вашему выбору, каждый раз, когда ваш документ изменяется! Мёртвый простой и шустрый.
Figmass
Плагин Figmass может взять ваши файлы SASS с правилами CSS и создать те же стили в Figma. Или обновите существующий. В настоящее время он может создавать только текст и рисовать стили. Обновление upcomng будет охватывать все стили.
Data Populator
Figma Data Populator делает использование реальных значимых данных быстрее и проще, чем когда-либо. Вдохновленный Sketch Data Populator, этот плагин позволяет подключать источник данных JSON и быстро заполнять текст и изображения.
{{copyThat.airtable}}
Теперь вы можете синхронизировать строки из Airtable с вашими проектами Figma.
Tempura Generator
Tempura Generator позволяет загружать локальные стили в виде быстрого кода - больше не нужно тратить время на надоедливые опечатки и скучные повторы. Просто подключи и играй.
Coda for Figma
Создавайте данные из таких приложений, как Spotify, Wikipedia или из собственных пользовательских данных, с помощью этого плагина. Этот плагин работает с Coda, инструментом для создания документов. Просто создайте таблицу в Coda и используйте плагин для наполнения ваших дизайнов контентом из таблиц.
Match fills to local styles
Преобразует каждую выбранную сплошную заливку в цвет в локальных цветовых стилях, выбирая ближайший локальный цветовой стиль по разнице цветов Delta E
Convert To RTL (Heb) Extended
Это расширенная версия плагина: Конвертировать в RTL (Heb).
Convert To RTL (Heb)
Этот плагин преобразует текст, содержащий буквы иврита в заданной текстовой области, в RTL.
Он поддерживает специальные символы, цифры и латинские буквы внутри строки.
Figma Tailwindcss
Figma Tailwindcss позволяет вам экспортировать аспекты дизайна, созданного в Figma, в файл темы javascript, который можно легко использовать с Tailwindcss.
Design Tokenizer
Design Tokenizer анализирует информацию о стиле и генерирует маркеры дизайна в формате JSON. Файл JSON подходит для использования в рамках системы сборки, такой как style-dictionary.
Для изучения доступны библиотека базового дизайна, а также пример проекта, демонстрирующий сквозную интеграцию токенов дизайна. Просто нажмите на ссылку справки!
API / JSON Sync
Синхронизируйте свой дизайн с данными API
Node Inspector
Просмотр и копирование свойств узла для разработки плагинов.
(Этот плагин полезен только для разработчиков плагинов)
ACSS
Сгенерируйте текстовый элемент в HTML с помощью CSS.
figma-icon-automation
Figma Icon Automation - это плагин, который может помочь вам преобразовать SVG-код ваших иконок в код компонента React и опубликовать его в NPM. Он должен использоваться с Github Actions и NPM.
Figma Code Highlighter
Подсветка кода для Figma.
Wire Box
Wire Box позволяет конвертировать ваши проекты обратно в провода одним щелчком мыши, помогая вам и вашим товарищам по команде сосредоточиться на UX, а не на UI.
Smart Data
Smart data вставляет данные из файла JSON или случайные данные в соответствии с именем слоя.
Scripter
Ускорьте рабочий процесс или поэкспериментируйте с API Figma с помощью сценариев. Опираясь на ту же инфраструктуру редактора, которая используется в Microsoft VS Code, Scripter предоставляет забавную и безопасную среду для игры с API плагинов Figma без необходимости написания реальных плагинов.
JSON → Content
Легко сопоставьте свои данные и слои вместе, используя то же имя. Либо выберите конкретные записи из вашего обзора, либо перетасуйте их для рандомизированного набора данных
JSON Populate
Используйте свои собственные реальные данные JSON для заполнения текстовых слоев. Больше не наполняйте свои проекты Lorem Ipsum или не относящимися к делу именами, объектами, местами и многим другим.
Icon2Code
Для дизайнеров: Легко создайте JSON-файл для ваших коллег-разработчиков со всем необходимым для создания пользовательского компонента Icon с использованием их любимой инфраструктуры или библиотеки (React, Angular, Vue и т. Д.). Нет экспорта, копирования и вставки файлов, нет очистки кода или дополнительной оптимизации.
SVG to JSX
Этот плагин позволяет вам копировать SVG-код в качестве реагирующего компонента, чтобы вам не пришлось его преобразовывать.
Kaleidocode
Конвертируйте темы VS Code в библиотеки цветов Figma, создавайте новые темы с помощью JSON и автоматически меняйте темы.
icanicon.io
icanicon.io - это промежуточное ПО между вашей Системой проектирования и ее реальными приложениями. Это позволяет синхронизировать библиотеки значков, обрабатывая любую векторную графику и превращая ее в готовые к использованию чистые компоненты кода.
ПАГИНАЦИЯ. НУМЕРАЦИЯ.
Numerator
Простой способ нумерации кадров.
Page Jumper
Быстрый переход к любой странице вашего файла с помощью этого удобного служебного плагина.
Paginate
Добавляйте номера страниц в рамки и обновляйте их легко!
МАСКИ
EasyMask
EasyMask - немного более интуитивный подход к маскировке.Когда выбраны две фигуры, Figma выбирает нижнюю фигуру в качестве маски. Это делает наоборот. EasyMask создаст маску из верхнего выбранного слоя.
Paste to Mask
Используйте выбранные слои в качестве маски для изображения в буфере обмена.
Draw Mask Under Selection
Рисует маску под выбранными слоями и создает группу, содержащую выбранные слои и маску. Полезно для быстрой обрезки вашего выбора.
CSS
fromCSS
Пишите, вставляйте и применяйте CSS.
МАСШТАБИРОВАНИЕ/ РАЗМЕР.
Anchor Resizer
Изменить размер выбранного слоя из любого угла или направления.Плагин ведет себя так, как будто вы изменяете размеры при нажатой клавише alt / opt, но с большим количеством опций.
Frame Resizer
Изменение размера фрейма с точки привязки, без изменения размера дочерних слоев и изменения настроек ограничений.
skale
Масштабируйте ваши компоненты до определенной ширины, высоты или значения масштаба. Представьте себе инструмент масштабирования (K) с мощностью панели свойств (укажите ширину, высоту или значение масштаба).
Link
Позволяет разместить слой в виде связанного изображения на другом слое!
С помощью Link вы можете размещать компоненты или слои в виде изображения на другом слое, что позволяет обновлять заливку изображения одним щелчком мыши - документ шириной на столько ссылок, сколько вы хотите!
СОРТИРОВКА. ЗАМЕНА.
Replace Nodes
Плагин Replace Nodes заменяет выбранные узлы скопированным узлом. По сути, этот плагин вставляет выделение при удалении исходного выделения.
Send to Top
Сделайте любой выбор и отправьте его на вершину стека слоев.
Это полезно для удаления элементов, которые вы хотите разместить над всеми вашими фреймами / артбордами.
Sorter
Плагин для сортировки / переупорядочения слоев.
Sort It
Сортировать выбранные кадры или слои по именам.
Sort Layers
Сортировка слоев по имени или положению.
ОШИБКИ В ДИЗАЙНЕ
Design Lint
Найти и исправить ошибки в ваших проектах бесплатно.
.ICO FAVICON
Favvy Favicon Exporter
Экспортируйте готовые иконки для вашего сайта или PWA от Figma в считанные секунды!
icns/ico Generator
Плагин Figma для экспорта узлов Frame в файлы .ico (Windows) и / или .icns (Mac)
СЛОИ. РАБОТА СО СЛОЯМИ.
Butter
Сложите слои аккуратно и мгновенно.
Удалите пробелы и перекрытия одним ярлыком.
Добавить быстрое, согласованное расстояние между объектами
Распределите и распределите слои равномерно в строках или столбцах. Проще, чем сетка или инструмент распространения. Огромная экономия времени! ⏱
Этот плагин вдохновлен pberrecloth's butter-sketch-plugin, отличным плагином, без которого я не могу жить
Select Layers
Выберите слои на основе имени, типа или сходства.
Shifter
Значительно улучшает рабочий процесс, когда в одной компоновке (по вертикали) много элементов, если вам нужно много перемещать объекты и если вы хотите быстро изменить вертикальные расстояния.
Reverse Layers
Плагин Figma Reverse Layers позволяет пользователям Figma изменять порядок выбранных слоев.
Move Layers
Перемещает выбранные слои влево / вправо или вверх / вниз на указанное смещение в пикселях.
Organize Layers
Упорядочивает все слои на текущей странице на основе имени слоя; полезно для организации страницы компонентов. При желании можно настроить порядок группировки слоев и установить расстояние между слоями.
Quantizer
Этот плагин предназначен для быстрой компоновки и перестановки выбранных слоев в столбцах.
Delete Hidden Layers
Удалите все скрытые слои (также заблокированные) на текущей странице, кроме слоев в компонентах.
Visibility
Плагин будет скрывать слой или папку, если он виден, и наоборот.
Select Inverse for Real
Инвертирует ваш выбор в контексте родительской группы / фрейма.
В настоящее время команда Figma Select Inverse выбирает все объекты, даже те, которые находятся вне группы. Выбор Inverse for Real позволяет достичь того же результата, но останавливается на родительской группе или кадре.
namespaces
Плагин для автоматизации форматирования имен страниц, фреймов, компонентов, слоев и т. д.
Reverse Layer Order
Этот плагин обратит порядок выбранных слоев.
Выберите 2 или более слоев в пределах одного и того же родителя и запустите плагин.
AutoLayout
AutoLayout динамически размещает слои в кадрах и обновляет макет при изменении размеров дочерних слоев. Он ведет себя подобно стеку Framer и инструментарию Anima для Sketch.
Figma Format
Figma Format позволяет вам форматировать ваш холст, сгруппировав их по именам.
Show/Hide Slices
Вы можете переключать видимость слоев в пакетном режиме. Плагин определяет видимость первого найденного фрагмента.
SVG
PasteSVG
Этот плагин позволяет конвертировать svg-код в иконку и поместить его в figma.
ЛИНИИ. ЗОЛОТОЕ СЕЧЕНИЕ.
Golden Ratio Align & Resize
С этим плагином легко использовать Golden Ratio везде, где вам это нужно. Золотое сечение - это фантастический способ создать гармоничные макеты, которые выглядят и чувствуют себя потрясающе. Плагин автоматически рассчитывает размеры и положение выбранных вами предметов!
Golden Line
Измените высоту линии на основе Золотого сечения. Просто выберите один или несколько текстовых слоев.
Формула использует ширину текстового слоя, размер шрифта и золотое сечение: 1,6180.
ЯЗЫКИ. ПЕРЕВОД.
Phrase
Фраза - это решение для управления переводами, которое ориентировано на всю команду. Это облачная платформа, которая позволяет разработчикам, менеджерам по продуктам, дизайнерам, составителям копирайтеров и переводчикам объединяться для создания лучшего пользовательского опыта для глобальных цифровых продуктов.
Pseudoloc
Быстро псевдо локализуйте текст прямо в Figma и проверьте, как ваш интерфейс будет работать при переводе.
Language Tester
Проверьте свой интерфейс на разных языках.
RTLPLZ - RTL Support
Напишите текст RTL в Figma с меньшим количеством слез. Он также может редактировать текстовые слои.
RTL support
Переверните RTL языки, такие как иврит и арабский.
Может работать со смешанным контентом и корректирует шрифт и размер текстового поля, чтобы вы могли понять, как переносить текст.
Translator
Переводчик мгновенно переводит текст в ваших рисунках Figma на другие языки. Опираясь на движок, который поддерживает Google Translate, вы можете протестировать свои проекты на 104 разных языках.
MixFonts
Позволяет легко использовать разные шрифты для символов латинского алфавита и CJK в выбранных текстовых слоях.
RTLit
«RTLit» - это плагин Figma, который преобразует арабский / персидский / урду текст в читаемый формат, так как в настоящее время Figma не поддерживает языки RTL.
Polyglot
Полиглот создан для дизайнеров, работающих над глобальными продуктами.
Arabic & RTL Support
Пишите по арабски в Figma с легкостью. Просто выберите текстовый слой, откройте плагин и начните писать.
ПРОВЕРКА СТИЛЯ
Roller · Design Linter · Toybox
Roller является первым в истории Design Linter - он дает вам возможность автоматически находить и исправлять несоответствия стилей в ваших файлах. Будьте уверены, что каждый дизайн, который вы передаете, полностью соответствует вашему Руководству по стилю или Системе дизайна.
ОБРЕЗКА
Slicer
Плагин Figma для облегчения нарезки нескольких объектов.
Aspects
Небольшой плагин, который помогает изменить размеры выбранных элементов, чтобы соответствовать определенному соотношению сторон. Этот плагин в основном предназначен для изображений, но работает с любым типом слоя.
Autocrop
Автоматически обрезать дополнительное пространство вокруг изображения.
ОБВОДКА. БОРДЕР.
Box It
Создайте ограничивающую рамку вокруг вашего выделения с отступом.
Border
Быстро добавить отдельные границы в фрейме.
ИЗОМЕТРИЯ
Easometric
С Easometric действительно легко создавать изометрические слои и группы.
Этот плагин использует SSR30⁰, который является наиболее популярным и гибким методом создания изометрических художественных работ.
Redlines
Figma Redlines - это идеальный инструментарий для любого дизайнера, который хочет сэкономить время при подготовке дизайна к сдаче.
РАЗМЕРЫ
Figma Measure
Плагин для удобного измерения размеров.
Небольшой пользовательский интерфейс позволяет добавлять стрелки для высоты и ширины.
ЭФФЕКТЫ. СТИЛИ.
Filter
Мощный фильтр врывается в ваш рабочий процесс!
На данный момент доступно более 20 настраиваемых фильтров.
Useful Functions
Этот плагин предоставляет вам полезные функции, такие как:
1. Создать хэштег
2. Создать мексиканскую волну
Style References
Устали от обновлений стилей, которые ссылаются на другой? Этот плагин сделает это за вас!
Adjustments
Эти настройки цвета HSL позволяют настраивать оттенки, насыщенность и яркость нескольких выбранных объектов одновременно.
Thrshold
Примените простой фильтр эффекта порога к изображениям.
Pixels
Примените Pixelated / 8-битный фильтр эффектов к изображениям. Растр и Вектор. Мозаика.
Lights
Легко переключайтесь между светлым и темным режимом, используя Свет
Duotones
Применить фильтр эффектов Duotone на изображениях. Просто, точно и быстро.
Invert Color
Инвертировать фоны, заливки, обводки и эффекты цветов. Применить изменения к нескольким выбранным фигурам, текстам, рамкам и т. Д.
ШУМ
Noise
Шум также является широко используемым инструментом для скрытия полос в градиентах.
Sprinkle
Сделай дождь с конфетти
Chroma Colors
Создание объемных стилей цвета из выбора. Просто выберите любые объекты, которые имеют цвет заливки, запустите плагин, и он автоматически сгенерирует цветовые стили.
Tailwind CSS
Создавать стили и другие интересные вещи прямо из файла конфигурации Tailwind CSS? Этот плагин уже поддерживает добавление ваших цветовых стилей и имеет больше возможностей в будущем ~
Dither
Добавьте эффекты дизеринга для ваших изображений прямо в Figma
ЗАМЕТКИ. МАРКЕРЫ. ТЭГИ. КОММЕНТАРИИ
Commentor
Напишите комментарии и объяснения для макетов в Figma.
Frame Tags
Теги фреймов позволяют легко добавлять теги в верхнюю часть фреймов, чтобы показать этап разработки дизайна. Это позволяет легко общаться с сотрудниками, где может потребоваться внимание.
Sticky Notes
При запуске плагина вы можете добавлять заметки в следующих цветах: зеленый, красный, фиолетовый, синий, белый и классический желтый!
Better File Thumbnails
Плагин, который поможет вам организовать ваше рабочее пространство в Figma, предоставив пользовательский интерфейс для маркировки каждого проекта с хорошим эскизом. Просто правильные размеры, просто правильный размер и просто в нужном месте.
A11y - Focus Orderer
Быстро комментируйте поток заказов в фокусе / вкладке вашего дизайна.
Notepad
Используйте Блокнот, чтобы добавить место для заметок в ваши документы Figma. Запишите задачи, идеи, исследования, заметки о заседаниях и другую информацию, относящуюся к вашей работе.
UI
UI Kit
Этот плагин делает предварительный просмотр шрифтов и цветов, используемых на макетах или из ваших стилей.
ПЕРЕВОД
Translate
Translate помогает вам протестировать ваш интерфейс на разных языках, чтобы увидеть, что может сломаться, с помощью API-интерфейса Яндекс-перевода для перевода ваших текстовых слоев на другие языки.
Этот плагин требует, чтобы вы получили бесплатный API-ключ для Яндекс-перевода, который вы можете сделать здесь https://tech.yandex.com/translate/, как только у вас будет ключ, запустите приложение и вставьте его в поле ключа API.
РЕСПОНСИВ. ТЕСТИРОВАНИЕ.
Responsify
Плагин Figma для быстрого тестирования ваших проектов на разных устройствах.
HTML
EMAIL ШАБЛОНЫ
Marka Email Generator
Этот плагин генерирует шаблоны электронной почты HTML из фрейма
HtmlGenerator
HtmlGenerator отображает любой выбор в его HTML-эквивалент со связанным с ним CSS, все с отступом и разделением для копирования и вставки. Ускорение процесса преобразования намного быстрее.
ПИКСЕЛИ
Pixel Perfect
Все не по Snap to Pixel Grid? Не проблема. Выберите любые слои, которые вы хотите привязать к пиксельной сетке, и предварительно, их положение и размер округляются до хороших круглых чисел.
МАРКЕРЫ. СПИСОК.
Simple Bullets
Простые маркеры позволяют легко добавлять маркеры в текстовые слои. Просто выберите слои, в которые вы хотите добавить маркеры, и запустите плагин!
Bullets
Добавьте пользовательские маркеры к вашим слоям и создайте повторно используемые стили списка с помощью компонентов.
ОРФОГРАФИЯ
SPELLL - Spell Checking for Figma
Этот плагин дает Figma сверхспособность для проверки орфографии, аналогичную Google Docs. ⚡✨
Он постоянно проверяет ваш документ Figma на наличие орфографических ошибок и позволяет вам их исправить одним щелчком мыши.
Spellchecker
Spellchecker использует API Яндекс.Спеллера помогает находить и исправлять орфографические ошибки в русском, украинском или английском тексте. Модели языкового правописания включают сотни миллионов слов и фраз.
ЛОГОТИПЫ
Logo Creator
Создайте красивый логотип, выбрав различные формы или выбрав лучший логотип из готовых коллекций из более 300 логотипов.
ФОТО. ПЛАГИНЫ. СТОКИ.
Insert Big Image
Вставьте и сохраните исходное разрешение больших изображений.
Data From Local
Вставьте данные из локального файла TXT или PNG, JPG изображений.
TinyImage Compressor
Сожмите экспорт JPG / PNG из Figma, уменьшив размер файла до 90%
Photos
Поиск и вставка фотографий в ваши файлы Figma
Iconscout
Iconscout позволяет вставлять миллионы высококачественных иконок, иллюстраций и фотографий прямо в Figma.
КНОПКИ
Button Generator
Генератор любого вида кнопок.
Button Resizer
Измените размер кнопки, чтобы она соответствовала ширине надписи.
QR Code Generator
QR Code Generator ’поможет вам быстро создать векторный QR-код.
Просто введите свой контент или URL
ТЕНИ
SmoothShadow
Создание действительно гладких, слоистых теней.
Shadow picker
Крутые тени под любую задачу. Генератор теней.
Split Shape
Разделите ваши фигуры, текстовые слои, группы и рамки на несколько экземпляров. Это полезно, когда вам нужно сгенерировать столбцы и / или строки в определенном контейнере без необходимости вычислять размер вручную.
ФОН. ЗАЛИВКИ.
Hero Patterns for Figma
Этот плагин приносит удивительную коллекцию паттернов под названием «Стили героев» Стива Шогера. Они представляют собой набор повторяющихся фоновых шаблонов SVG, которые вы можете использовать в своих веб-проектах или мобильных проектах.
Confetti
Конфетти для Figma позволяет любому создавать великолепные узоры конфетти.
Paste to Fill
Скопируйте изображение и вставьте его в качестве заливки на выбранные слои.
Вы также можете вставить URL-адрес изображения, чтобы загрузить его в качестве заливки слоя.
Pattern Hero
Pattern Hero позволяет размещать выбранные элементы или рамки в сетке для создания узоров.
ЛАЙАУТЫ. ГЕНЕРАТОРЫ МАКЕТОВ,
Random layout generator
Неадекватный инструмент для случайного создания бесконечных макетов.
Artboard Studio Mockups
Легко создавайте макеты в Figma, получая доступ к тысячам высококачественных макетов Artboard Studio мирового класса прямо из ваших файлов Figma. Простое преобразование рамок Figma в реальные макеты продуктов одним нажатием кнопки. Каждый день в нашу постоянно растущую библиотеку добавляются новые предметы.
МЕНЕДЖЕРЫ
Todo
Простой плагин списка задач, чтобы проверить ваши задачи в Figma!
ТЕКСТ. ШРИФТ. КОНТЕНТ. ЭФФЕКТЫ.
Textyles
Текстиль ускоряет ваш типографский рабочий процесс, быстро генерируя текстовые стили.
Text Edit
Отредактируйте весь ваш текст в одном месте.
Typestyles
Генерируйте текстовые стили за считанные секунды, используя font-size font-family и многое другое -
Text Updater
Автоматически обновлять текстовые изменения и соответствовать стилям.
Proper Title Case
Формат заголовков и заголовков в правильном случае заголовка
type.today screen shooter
Type.today поможет вам найти лучший шрифт для вашего проекта из библиотеки type.today.
Render Math
Плагин берет ваш текст и отображает фрейм с правильно отформатированной формулой.
Format Currency
Форматировать и конвертировать между валютами.
Truncate
ОБРЕЗКА. Чтобы использовать, просто выберите текстовый слой (или несколько), введите значение усечения, и вуаля!
Text Styles Organizer
Создавайте локальные стили текста знакомым способом через стандартный интерфейс «figma». Разделите уровни вложенности с помощью символа «/». Примените стиль к элементу через плагин.
Shuffle Fonts
Этот плагин устанавливает случайный шрифт из библиотеки шрифтов Google для всех текстовых объектов внутри выбранного фрейма.
TextWrap
Текст вокруг круга!
Smart Text
С помощью Smart text вы можете создавать собственные текстовые выражения со специальными токенами, связанными со свойствами ваших слоев. 
Токены предоставляют вам доступ к свойствам слоя, таким как размер, положение, преобразования, цвета, шрифты, стили, имена, эффекты и многое другое.
Text Filler
Автозаполнение из шаблонов.
😁 Теперь вы можете быстро выбрать и заполнить одно или несколько текстовых полей заданным текстом или написать свое! Вы также можете сохранить до 4 различных вариантов текста, чтобы использовать их позже.
Typographer
Отформатируйте текст с помощью типографских элементов, которые традиционно используются для точной печати - черточки и запятые, фигурные кавычки, апострофы, эллипсы и т. Д.
FishText
Просто выделити нужные текстовые слои, укажите необходимые параметры в окне плагина и сгенерируйте свой рыбатекст :)
text to line
Удаляет лишние пробелы, разрывы строк и абзацы. Форматирует шрифт и стиль слоя по первому символу.
Bunch Text Changer
Плагин изменит ВСЕ текстовые слои в выбранных группах, Компонентах, Экземплярах или Рамках
Font Master
Font Master позволяет легко организовать ваши шрифты и обеспечить согласованность в ваших текстах. Этот плагин сканирует ваш проект, а затем показывает вам все ваши стили шрифтов и где они были использованы. Вы можете выбрать свои тексты и быстро сгруппировать их под стиль.
Font Explorer
Сколько раз вы пытались найти идеальный шрифт для вашего логотипа, целевой страницы или приложения?
Font Explorer поможет вам проверить, как ваша работа выглядит с различными шрифтами, одним щелчком мыши вы можете просмотреть свои проекты с несколькими подобранными качественными шрифтами.
Retextifier
Изменить несколько текстов, не нажимая сначала на каждый из них.
Text Prettier
Этот плагин улучшает вашу типографику и помогает вам сделать ваши тексты разборчивыми, читаемыми и привлекательными при отображении.
Counter
Убедитесь, что копия легко читается с помощью этого простого счетчика символов.
Text Counts
Простой способ подсчитать количество символов, пробелов и слов в текстовом слое.
Substrate for text
Выделите текст, добавив классную подложку с помощью этого простого плагина!
Copy and Paste Text
Плагин Figma для копирования и вставки простого текста (без текстовых стилей) из выбранных слоев.
Fix San Francisco
Этот плагин не решит проблемы города, но он автоматически применяет правильный вариант шрифта и отслеживание для выбранных текстов, используя шрифт Сан-Франциско.
Text Styles Generator
Массовое создание или обновление локальных текстовых стилей на основе форматирования обычных текстовых слоев.
Missing Font Selector
Этот крошечный безликий плагин найдет и выберет для вас все слои с отсутствующими шрифтами на текущей странице.
TextCutter
TextCutter берет слой с несколькими строками текста и разбивает его на отдельные текстовые слои. Пустые строки удаляются автоматически.Этот плагин избегает ручного разделения слоев и заставляет вас работать быстрее.
Typograf
Плагин Figma для создания хорошего типографского текста.
Word Count
Простой мертвый плагин, который считает количество слов и символов в любом выделении.
Font Fascia
Перечислит все семейства шрифтов и стили, используемые в документе. И в каком текстовом слое.
Полезно, чтобы определить упущения и сохранить аккуратную коллекцию шрифтов, показывая все шрифты, используемые в кратком обзоре.
Главред
Главред помогает сделать текст коротким, понятным и честным. Это полезно в тексте для сайтов, блогов, профессиональной литературы, СМИ и рекламе.
Hemingway
Выберите любой текстовый элемент и запустите плагин. Он будет анализировать текст, используя правила Хемингуэя вокруг наречий, пассивных голосов, сложных фраз и сложных предложений.
Add numbers to texts
Создать нумерованные списки легко.
Font Replacer
Font Replacer позволяет легко заменять семейства шрифтов и стили шрифтов.
Change Text
С помощью него вы можете массово редактировать текстовое содержимое нескольких слоев, групп и фреймов.
Content Buddy
Плагин Figma, который делает замену текстового содержимого в нескольких слоях очень простым для всех.
Nisa Text Splitter
Простой способ разбить ваш текст / список на мелкие текстовые фрагменты.
Data Lab
Легко вставляйте случайные или реальные данные в текстовые слои и компоненты. Data Lab поддерживает номера, имена, даты, адреса, телефоны, электронные письма и списки с данными из API или Google Sheet.
Font Scale
Масштаб шрифта - это быстрый инструмент для создания гармоничной и последовательной иерархии типографики.
Это особенно полезно, когда вы хотите сохранить пропорции между вашим основным текстом и заголовками одинаковыми, будь то на экране или на бумаге.
Better Font Picker
Предпросмотр шрифтов! Теперь вы можете просмотреть все эти тысячи шрифтов, установленных без проблем, в качестве альтернативы стандартному средству выбора шрифтов в Figma!
arc
Одна из самых желанных текстовых функций только что появилась в Figma с нашим плагином Arc! Изогните ваш текст вверх, вниз или в круг. Настройте ползунок и просмотрите результат.
Unsplash
Вставьте красивые изображения из Unsplash прямо в ваш дизайн.
Лицензия Unsplash позволяет свободно использовать изображения как для коммерческих, так и для личных проектов.
Узнайте больше о Unsplash на https://unsplash.com/about
Content Reel
Нужен контент для ваших макетов? Content Reel поможет вам легко использовать текстовые строки, аватары и значки в ваших проектах. Выберите один или несколько слоев в своем дизайне, затем выберите тип содержимого из палитры «Содержимое», чтобы применить.
ИКОНКИ. РАБОТА С ИКОНКАМИ.
Inspyre
Ищете ли вы идеальную иконку, вдохновение для логотипа или идеальный компонент, Inspyre здесь, чтобы получить творческие соки! Inspyre позволяет искать вдохновение для дизайна, не покидая холста.
Visual Studio Code Icons
Легко просматривайте и копируйте глифы значков для кода Visual Studio, используя Codicons и Seti.
Boxicons
Ищите, находите, используйте значки с boxicons.com прямо из Figma!
Icon Zone
Зона значков помогает создать квадратный срез вокруг ваших значков, который является идеальным центром векторов или выбранной вами группы. В то же время срез будет готов к экспорту в формате SVG.
Ionicons
Ищите, находите, используйте иконки 600+ от ionicons.com прямо из Figma!
ФЛАГИ СТРАН
Добавьте флаги стран к вашим дизайнам!
Icons8
В Icons8 мы работаем над иконами более 7 лет. Теперь вы можете использовать одну из самых больших и последовательных коллекций иконок, не покидая Figma.
Flaticons
Этот плагин позволяет быстро и легко вставлять иконки с flaticon.com в figma (требуется ключ API Flaticon).
Icon Resizer
Измените размеры значков в стандартный размер и ограничивающую рамку на вашем дизайне. Намного легче работать, когда все ваши иконки имеют одинаковый размер и квадратную ограничивающую рамку.
Font Awesome Icons
Это неофициальный плагин для Font Awesome Icon Collection. Плагин предоставляет доступ ко всей бесплатной коллекции иконок.
Все иконки в векторном формате. Плагин позволяет фильтровать список иконок по имени.
Symbol Icons Browser
Обозреватель значков символов позволяет легко просматривать и копировать символы из шрифтов SF Symbols, Material Icons и Font Awesome.
Figmoji
Вставьте смайлики в проект.
В настоящее время поддерживается только Twitter Emojis
Iconify
Эти плагины предоставляют вам мгновенный легкий доступ ко всей библиотеке Material Design Icons. Вы можете искать по имени значка.
Feather Icons
Быстрый доступ к иконам Feather в Figma.
Веб-сайт: https://feathericons.com
Figmotion
Figmotion - это инструмент для анимации, созданный прямо в Figma. Это делает вход в анимацию более простым и удобным, поскольку нет необходимости переключаться на совершенно отдельный инструмент движения
Autoflow
Autoflow позволяет легко рисовать связи. Просто выберите 2 объекта, и между ними будет волшебная линия.
ДИАГРАММЫ. ШКАЛЫ. ГРАФИКИ.
GraphQL Data Fill
Заполните ваши компоненты живыми данными прямо с вашего сервера GraphQL. Генерация нескольких страниц и компонентов одним щелчком мыши, заполненная последними данными, которые вы получили через graphql
Typescales
Быстро создать простую шкалу типов / модульную шкалу.
Figma Sheets
Плагин для подключения Google Sheets к Figma. Вы можете установить текст, изменить цвета, размер, положение и обновить изображения.
Graphviz
Генерация и поддержка сложных информационных графиков в Figma с помощью Graphviz.
Simpleflow
SimpleFlow позволяет легко создавать потоковую диаграмму с настраиваемой темой, вы можете выбрать цвет, пунктирный стиль или даже кривизну потоковой диаграммы, получайте удовольствие!
Datavizer
С легкостью создавайте гистограмму, точечный график или линейную диаграмму со своими собственными данными! Или используйте случайный набор данных для быстрого создания фигур или фиктивных данных (например, спарклайны для макета панели мониторинга).
Chart
Chart - это плагин для Figma, который использует реальные или случайные данные для создания самых популярных диаграмм. Chart поддерживает копирование-вставку из таких редакторов, как Excel, Numbers, Google Sheets, прямое соединение с Google Sheets и удаленными JSON (REST API), локальными файлами CSV и JSON.
Charts
Позволяет создавать диаграммы, которые можно добавлять и редактировать в документе Figma. Выберите из линейных, площадных, круговых, кольцевых, точечных и столбчатых диаграмм. Каждая диаграмма поставляется с собственным набором конфигураций, таких как количество точек, максимальные и минимальные значения.
КАРТЫ
Weather on Mars
Создает новые кадры для отображения последней погоды на Марсе
Vector Maps
Загрузите векторные карты стран и регионов прямо в ваш проект.
Mapsicle
Скриншоты карт не нужны! С Mapsicle вы можете быстро и без проблем разместить карты в своих макетах. Интерактивная карта позволяет перемещаться в идеальное место или вы можете искать место в любой точке мира. После того, как вы разместили карту в своем дизайне, вернитесь в Mapsicle, чтобы настроить местоположение, стиль, уровень масштабирования и многое другое.
Map Maker
Map Maker позволяет быстро создавать уникальную карту.
В настоящее время он поддерживает Google Maps и Mapbox.
ЦВЕТ. ПАЛИТРЫ. РАБОТА С ЦВЕТОМ.
HSLuve
Используйте плагин в качестве палитры цветов или редактора для существующих цветов узла.
Color import
Легко импортировать 100 цветов в Figma, сразу.
Color Copier
Просто выберите любой слой со сплошной заливкой и запустите плагин, чтобы скопировать его значение цвета.
Find and Replace Colors
Это быстрое и простое решение для поиска всех цветов и замены их по мере необходимости.
SwiftUI Color
Супер простой, но полезный плагин для копирования значений цвета как SwiftUI Color Literals. Используя этот плагин, вы можете быстро выбрать объект из вашего дизайна и скопировать его цвет в качестве цветового литерала для использования в Xcode и Swift UI.
Mediaweb Color Switcher
Mediaweb Color Switcher - простой плагин, который позволяет вам искать любой цветовой код на всей артборде или выделенном объекте и заменять его другим кодом или цветовым стилем.
Color Replace
Быстрая и простая замена цветной панели инструментов.
Generate Palette
Создайте палитру цветов, используя переменные CSS.
random color
Выберите один или несколько элементов и залейте их случайным цветом.
Color Overlay
Перекрасьте pngs прямо в Figma, сэкономив минуты драгоценного времени.
Color Combinator
Color Combinator (CC) - плагин Figma для изучения различных комбинаций цветов среди элементов.
Material palette
Легко создайте палитру материалов дизайна / пользовательского интерфейса!
Экономит время для тех из нас, кто любит материальный подход к обработке палитр.
Color Kit
Плагин, который поможет вам создавать более светлые и темные оттенки определенного цвета. Вы можете использовать его для создания цветовых шкал.
Compliments
Используйте этот простой плагин, чтобы найти дополнительные, расщепленные, триадные, тетрадные, монохромные и аналогичные цвета для заливки выбранного слоя.
Anywhere Picker
Наконец в Figma! Выберите цвет из любого места на вашем рабочем столе. Цвета автоматически копируются в буфер обмена.
Photo to Palette
Создает цветовую палитру из выбранных изображений.
Выберите изображение (или несколько изображений) и запустите плагин.
Color Compass
Этот плагин был разработан, чтобы сделать выбор цветов более точным и эффективным делом, используя один базовый цвет для создания палитры оттенков / оттенков / комплементарных образцов, которую вы затем можете использовать для обновления вашего элемента на лету.
Chromatic Figma
Chromatic Figma позволяет использовать другие цветовые пространства, отличные от RGB, такие как Lab и Lch, для создания привлекательных и воспринимаемых однородных градиентов и цветовых шкал. Это цветовые пространства, которые, в отличие от RGB, были созданы для отражения визуального отклика человеческого глаза. Это делает их очень подходящими для интерполяции цветов и часто дает более естественный и эстетичный результат.
zebra
Zebra - это быстрая и легкая программа для проверки контрастности цветов.
Color Designer
Плагин генерирует оттенки, оттенки и цветовые гармонии на основе выбранных слоев или локальных стилей.
Dominant Color Toolkit
Создает цвет и заливку из соседних изображений.
Color filters...
«Цветовые фильтры» - это простой плагин, который позволяет быстро конвертировать все цвета в выбранных вами слоях
Brands Colors
Найдите лучший цвет от лучших мировых брендов и крутых приложений
Добавляйте красивые цвета из плагина «Brands Colors» прямо в ваш дизайн.
Color Palettes
Найдите лучшую цветовую палитру из огромного списка лучших цветовых палитр
Добавьте красивый цвет из «Плагин палитры цветов» прямо в ваш дизайн.
Color Search
Ищите что-нибудь, найдите цвет.
Цветовой поиск дает вам до 5 цветов буквально для любого поискового запроса.
Выберите ваш любимый и добавьте его к вашим местным стилям в считанные секунды!
Palette
Идеальные цветовые палитры генерируются автоматически с использованием машинного интеллекта.
Image Palette
Извлекает цветовую палитру из 5 различных цветов из выбранных изображений.
ПОЛЬЗОВАТЕЛЬ
sigils
Сигилы - это аватары, созданные для идентификаторов Urbit, которые можно рассматривать как IP-адреса. Они были созданы для придания осязаемости идентификатору, который выглядит как «~ ridlur-figbud». Каждый идентификатор начинается с числа, подобного 52 345 752, но кодируется фонетически. В настоящее время существует более 4,2 миллиарда уникальных идентификаторов, и для каждого есть Сигил.
Avatars generator
Avatars Generator создает уникальные, сгенерированные AI фотографии вымышленных личностей
UI Faces
UI Faces объединяет тысячи аватаров, которые вы можете тщательно отфильтровать, чтобы создать идеальных персонажей или просто создать случайные аватары. Аватары собраны из разных источников. Вы можете отфильтровать их по возрасту, полу, эмоциям и т. Д.
Avatars
Добавляйте случайные пользовательские аватары в свои проекты одним щелчком мыши!
User Profile
Позволяет дизайнерам отображать красивые сгенерированные аватары в вашем прототипе.
РИСОВАНИЕ. ГРАФИКА.
Star Maker
Создайте рейтинг звезд для ваших проектов в кратчайшие сроки!
Layer Flower
Расположите значки, изображения, фигуры, рамки или группы в шаблонах Phyllotaxis (аранжировка листьев). Например, листовая композиция в подсолнечнике.
Squiggly
Squiggly генерирует уникальные загогулины, настолько сложные или настолько простые, насколько вы може
Looper
Плагин Figma для создания сгенерированной графики. Работает с любым слоем Vector, Shape или Text.
Design Inspo
Лучший способ быстро найти вдохновение для дизайна во время работы. Поиск с текстом и цветом, чтобы получить быстрое вдохновение и цветовые палитры из Интернета, никогда не покидая артборд.
Metaball
Плагин Metaball генерирует 2D-Metaball формы из круговых объектов.
Make blob
Сделайте капли и добавьте его на свою страницу.
- Установите свою сложность и контраст
- Случайные капли
Wave & Сurve
С "Wave & Surve" вы можете легко создавать разнообразные волны и интересные узоры!
Get Waves
Get Waves - это бесплатный генератор SVG-волн для создания уникальных SVG-волн для вашего следующего дизайна. Выберите кривую, настройте сложность, рандомизируйте!
Blend
Плагин Blend позволяет скопировать любой объект по пути.
To Path
⭐ Поместите любые объекты или текст на векторную линию! ⭐
ГРАДИЕНТЫ
CoolHue - Gradient Palette
oolHue - самая крутая подобранная градиентная палитра с 60+ готовыми к использованию градиентами для вашей следующей удивительной вещи.
Webgradients
Познакомьтесь с простым в использовании и мощным функциональным плагином градиента, который вы можете использовать в качестве фоновых фонов в любой части вашего веб-сайта.
Easing Gradient
Линейные градиенты часто имеют жесткие края, где они начинаются и / или заканчиваются.
Этот плагин добавляет градиентные остановки, чтобы приблизить функции ослабления.
GradientiMe
Просто генерирует слой прямоугольника с выбранным градиентом.Библиотека градиентов всегда синхронизируется с uigradients.com
uiGradients
Добавляет градиенты в группы, текст и фреймы в один клик
Просто выберите элемент для применения градиента и запустите плагин. Выберите из 350+ градиентов, чтобы добавить к рамкам, группам и текстам в один клик.
Официальный плагин figma для www.uigradients.com
Humaaans for Figma
Этот плагин переносит в Figma удивительную библиотеку иллюзий под названием Пума Бэнта Стэнли «Humaaans».
С Humaaans вы можете использовать уже готовые иллюстрации людей или смешивать, чтобы создавать свои собственные уникальные работы.
Image tracer
«Image tracer» отслеживает черно-белые растровые изображения и превращает их в векторный слой.
Когда вы запускаете Image tracer; он возьмет все выбранные вами слои и объединит их в одно изображение (независимо от того, являются ли они вектором или нет) - затем он преобразует его в черно-белый и попытается отследить его в новом векторном слое.
Isometric
Позволяет создавать изометрические слои без необходимости их ручной настройки.
Blobs
Создавайте органические формы капель одним нажатием кнопки. Каждая сгенерированная фигура уникальна для последней. Вы можете контролировать, насколько уникальна фигура и сколько у нее точек.
Формы создаются с использованием SVG, так что вы получите эти безумно изогнутые кривые Безье.
Arrow Auto
Просто одним щелчком мыши, чистая и гладкая стрелка будет нарисована между двумя выбранными элементами, с изменяемыми направлениями.
Google Sheets Sync
Синхронизируйте контент из Google Sheets непосредственно в ваш файл Figma.
КОНТРАСТ. ПРОБЛЕМЫ ЗРЕНИЯ. ДАЛЬТОНИЗМ.
Epilepsy Blocker
С помощью этого плагина вы можете сделать свои проекты доступными и безопасными для людей с светочувствительной эпилепсией, а также оставаться ADA-совместимым
Contrast
Контраст позволяет легко проверять контрастность цветов во время работы.
Color Blind
Color Blind позволяет вам просматривать ваши дизайны в 8 различных типах цветового зрения.
Для дальтоников!
Able – Friction free accessibility
Добавьте в свой рабочий процесс цветовой контраст и дальтонизм с минимальными усилиями. Откройте Able, и мы автоматически сравним контраст между двумя выбранными слоями. Таким образом, вы можете оставить Able открытым и случайно выбрать слои для сравнения без повторного запуска или обновления плагина!
A11y - Color Contrast Checker
Этот плагин проверяет коэффициент цветовой контрастности всего видимого текста в фрейме и предоставляет обратную связь о том, соответствует ли он требованиям уровня WCAG AA и / или AAA. Он также предоставляет ползунки цвета, которые позволяют пользователям настраивать цвета и понимать, как соответствующий коэффициент контрастности изменяется в режиме реального времени.
Stark
Разрабатывайте продукты, которые являются доступными, этичными и инклюзивными, с помощью средства проверки контрастности, симулятора дальтонизма, обучения и многого другого. Все основано на руководящих принципах WCAG.
ПЕРЕИМЕНОВАНИЕ. ПАКЕТНОЕ ИЗМЕНЕНИЕ.
Reset Text Layer Name
Легко! Просто выберите любое количество текстовых слоев и выполните команду «Сбросить имя текстового слоя».
Regulator
Массовое переименование ваших стилей цвета и текста, как 💯 босс.
Super Tidy
Плагин Figma для простого выравнивания, переименования и изменения порядка кадров в зависимости от их положения на холсте.
Super Tidy переименовывает ваши кадры и упорядочивает их в списке слоев в соответствии с их положением на холсте. Он также дублирует функцию Figma Tidy, поэтому вы можете запускать все сразу: Rename, Reorder и Tidy.
ПРОТОТИПЫ. МОКАПЫ.
Mupixa Publisher
Публикуйте свои прототипы дизайна на Mupixa.com
Воспроизведение сеансов, тепловые карты и намного более консолидированная статистика генерируются на основе зарегистрированных взаимодействий
Angle Mockups
Примените ваш дизайн экрана к перспективным макетам. Плагин бесплатный и не требует аккаунта. Если вы хотите использовать нашу огромную библиотеку из 1000+ макетов в полном векторе, посмотрите https://Angle.sh
Marvel Prototyping
Плавно синхронизируйте кадры из Figma с новыми или существующими проектами Marvel, что позволяет вам быстро создавать прототипы или получать аудио и видео обратную связь, используя нашу новую функцию User Testing.
Автоматическая синхронизация означает меньше ручной работы для вас и вашей команды!
Wireframe
Плагин Wireframe является лучшим для создания прекрасных прототипов пользовательских потоков и базовых структур в Figma, поэтому никаких других наборов, файлов или навыков не требуется! Все макеты в одном месте!
Brandfetch
Просто введите название компании и сразу же получите соответствующие активы бренда в Figma.
Выберите из следующего содержания:
✔️ Логотип и значок социальных сетей.
✔️ Цвета (яркие, темные и светлые).
✔️ Шрифты (заголовок и абзац).
✔️ Изображения (баннер, изображения на сайте).
Remove BG
Удалите фон изображений автоматически одним щелчком мыши - используя API remove.bg.
Примечание. Для этого плагина вам потребуется аккаунт remove.bg.
АВТОМАТИЗАЦИЯ
Instance Swap
Instance Swap - это плагин, который делает ваш рабочий процесс намного более эффективным.
Thanos UI
Вы думаете, что ваш дизайн может быть более четким.Вы не можете решить, какой значок лучше.Thanos UI удаляет случайную половину выбранных элементов.
СКРУГЛЕНИЕ
Round it!
Округлите все свойства до ближайшего множителя 8, 10 или вашего пользовательского значения! Это очень полезно, когда вы работаете с сеткой 8px или другими сеточными системами.
Project Scaffold
Этот плагин создает набор необходимого для вашего дизайн-проекта продукта всего за 1 клик.
LayerMaid
Вы потратили 45 минут на организацию файла после того, как закончили работу над ним? Думаешь, кто-то должен автоматизировать процесс?
Figma Walker
Вы можете выполнять любые действия из одного поля ввода.
Paddet
это небольшой инструмент, который поможет вам автоматически применять отступы к фреймам. Вам также будет доступно несколько опций для оптимизации того, как Paddet обновляет ваши отступы. Последние использованные настройки сохраняются для каждого кадра, так что вы можете легко позволить Пэдди автоматически обновлять ваши отступы на лету без необходимости повторной проверки настроек.
Interplay
Interplay генерирует компонент Figma на лету и поддерживает связь с соответствующим компонентом кода, так что ваш дизайн всегда синхронизирован с вашим рабочим кодом.
Master
Создавайте, прикрепляйте, клонируйте и перемещайте компоненты быстрее и проще/ ПЛАТНАЯ ЛИЦЕНЗИЯ! Бесплатно 5 раз в 1 файле.
Time Machine
Time Machine сохраняет и организует работу, на которую вы хотите вернуться. Вам больше не нужно вручную копировать версию того, над чем вы работаете, на новую страницу, на которую можно будет ссылаться позже
Component Cloner
С помощью компонента cloner вы можете выбрать экземпляры компонентов, которые хотите скопировать, и они будут назначены новой копии их оригинального главного компонента.
Clean Document
Автоматически организовать и очистить ваш документ Figma.Масса опций!!
Find and Replace
Ищите тексты на своей странице и заменяйте их так же, как текстовый редактор.
Rename It
Держите ваши файлы Figma организованными, пакетное переименование слоев и кадров.
ТАБЛИЦЫ
GridGen | Automatic Table Generator
Использует встроенные прямоугольники, линии и тексты Figma для создания таблиц с аккуратно организованными слоями.
Table Paste
Вставьте данные из электронной таблицы в стилизованные строки таблицы Figma.
Airtable to Figma
Airtable & Figma, вроде как необычный брак, верно? Конечно, до тех пор, пока вам не понадобится создать всю таблицу данных или дюжину разных карт одного и того же сорта, к этому моменту вы захотите найти более простой способ решения этой проблемы. К счастью, сейчас есть! Этот плагин позволяет вам без труда извлекать текст и изображения из базы данных Airtable и вставлять их прямо в компоненты Figma.
Simple Table Generator
Этот плагин генерирует таблицы с информацией из Excel / Google Sheet.
Table Master 3000
Теперь работать с таблицами стало проще, чем когда-либо!
Вы можете легко переключаться между работой столбца и работой строки.
Table Generator
Плагин Table Generator автоматизирует добавление табличных данных. Скопируйте, вставьте данные (в настоящее время в поддерживаемом формате CSV) и все, таблица сгенерирована. Плагин предоставляет настраиваемые параметры, которые можно настроить для предварительного определения стилей ячеек таблицы.
Viewports
Выберите один или несколько фреймов, и Viewports позволит вам изменить их размеры на ваш предпочтительный дисплей. Просто!
HTML To Figma
Легко конвертировать любую веб-страницу в слои Figma по URL
SkewDat
С нашим плагином вы можете искажать что угодно и что угодно, не выходя из любимой дизайнерской программы ehm ehm Figma. Переход к Illustrator, Sketch или использование других хаков...
СОВМЕСТНАЯ РАБОТА/ РАЗРАБОТКА.
Team Library Component Browser
Перечислите, просмотрите и создайте экземпляр вашей библиотеки библиотеки (и локальных) компонентов.
Valor
Устранить разрыв между дизайнерами и разработчиками.
Crowdin for Figma
Crowdin - это облачное решение для локализации, которое ускоряет и автоматизирует локализацию. Crowdin помогает техническим компаниям локализовать свои приложения, веб-сайты, игры, маркетинговый контент и многое другое. Как решение для всей компании, это место, где все команды, участвующие в локализации, могут совместно работать и управлять локализуемым контентом.
Is it done yet?
Это простой плагин, который позволяет вам организовать кадры в соответствии с их статусом прогресса, добавив тег рядом с каждым именем. Это также позволяет вам добавить номер билета для дальнейшей организации.
work in progress
Плагин быстро помечает макеты, которые находятся в работе или окончательно не одобрены. Актуально для работы в большой команде дизайнеров.
Status
При совместной работе над функциями с несколькими дизайнерами и разработчиками может быть трудно отслеживать, какие проекты готовы к реализации, а какие еще находятся в стадии разработки. Статус для Figma вносит порядок в хаос, предоставляя простой способ пометить статус дизайна. Просто щелкните правой кнопкой мыши по вашему фрейму, перейдите в раздел Плагины, Статус и выберите желаемый статус.
Frontitude • Next Gen Text Management
Плагин Frontitude наделяет Figma дополнительными возможностями для писателей и других специалистов по UX, не добавляя другой инструмент.
Preely - User Testing
Экспортируйте свои проекты для пользовательских тестов с Preely.
Preely - это платформа, которая позволяет вам тестировать интерактивные прототипы с помощью высокоскоростного пользовательского тестирования.
Product Planner
Планировщик продукта делает процесс более удобным для начала, планирования продукта, понимания продукта, выявления рисков, постановки целей и выявления и решения проблем. Используйте готовый шаблон, соответствующий вашим задачам.
VisualEyes
Включите управляемый данными дизайн в свой рабочий процесс. Понять, как пользователи выглядят в ваших прототипах, и насколько ясны и эстетичны ваши проекты.
Themer
Themer позволяет создавать и менять темы из ваших * опубликованных * стилей в библиотеке вашей команды. Используйте его для цвета, текста и стилей эффектов.
Sympli Handoff
Плагин для поддержки разработчиков и совместной работы, загрузки артбордов в проекты Sympli, где разработчики могут видеть изображения, стили, размеры, цвета и другие характеристики.
Figma Chat
Этот плагин помогает вам взаимодействовать внутри ваших файлов с другими людьми.
Это простой чат с возможностью отправки текста и текущего выбора фреймов или других элементов. Просто выберите элементы, которые вы хотите отправить другим людям, и установите флажок.
Similayer
Этот плагин выводит встроенную в Figma команду «Выбрать все с ...» на следующий уровень. Выберите похожие слои; на основе целого ряда свойств.