Figma Plugins
4.06K subscribers
1.16K photos
42 videos
1.13K links
Стань Senior Figma Designer вместе с нашими плагинами и инструментами Figma!
Download Telegram
🖼Map Maker

Map Maker - это инструмент, который позволяет быстро создавать настраиваемые карты, в настоящее время поддерживающий Google Maps и планирующий поддерживать другие сервисы хостинга карт в будущем. Использование просто - выберите слой, такой как прямоугольник, эллипс или многоугольник, и запустите Map Maker. Инструмент также полностью настраиваемый, с доступным диапазоном параметров для создания уникальной карты.


🔵Установить плагин

#карты
Please open Telegram to view this post
VIEW IN TELEGRAM
63👍2
🖼Autoflow

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


🔵Установить плагин

#wireframes
Please open Telegram to view this post
VIEW IN TELEGRAM
53👍1
🖼Motion

Motion - UI and Games animation - это инструмент, который позволяет легко анимировать элементы в вашем дизайне. Вы можете использовать передовые техники анимации и экспортировать свой дизайн в различных форматах, таких как gif, mp4, webm, svg, спрайты, фреймы, css и dev. Этот инструмент идеально подходит для создания анимированных прототипов, интерактивных элементов пользовательского интерфейса и анимации.


🔵Установить плагин

#анимации
Please open Telegram to view this post
VIEW IN TELEGRAM
5👍22
🖼Palette

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


🔵Установить плагин

#цвета
Please open Telegram to view this post
VIEW IN TELEGRAM
72👍1
🖼Сайт креативного фотографа

🌐Перейти к макету

#макеты
Please open Telegram to view this post
VIEW IN TELEGRAM
6👍22
🖼Vectary 3D Elements

Простота - один из главных трендов в дизайне. Тем не менее, элегантность и простота возможны и в 3D. Vectary позволяет добавить свои 3D-иллюстрации в дизайн с помощью редактора.С плагином можно интерактивно работать, менять кадрирование, изменять освещение и тени. Бесплатная версия плагина уже дает много возможностей, а премиум-версия позволяет использовать больше типов файлов и даже WebAR.


🔵Установить плагин

#иллюстрации
Please open Telegram to view this post
VIEW IN TELEGRAM
6👍22
🖼Iconify

Iconify поможет вам импортировать иконки из библиотек, таких как Material Design Icons, FontAwesome, Jam Icons, EmojiOne, Twitter Emoji и многих других (всего более 100 паков и более 100 000 иконок). Все иконки будут доступны в документе Figma в виде векторных фигур.


🔵Установить плагин

#иконки
Please open Telegram to view this post
VIEW IN TELEGRAM
6👍11
🖼Better Font Picker

С помощью Better Font Picker вы сможете легко просматривать набор из 1000+ шрифтов, которые есть в Figma, и увидеть, как они будут выглядеть прежде, чем вы сделаете свой выбор. Отличная альтернатива стандартному подборщику шрифтов.


🔵Установить плагин

#типографика
Please open Telegram to view this post
VIEW IN TELEGRAM
7👍21
🖼Unsplash

Unsplash - самый популярный плагин Figma и это не просто так. Это крупнейший сервис бесплатных стоковых изображений, созданные разными авторами. С недавнего времени появился дополнительный платный тариф.


🔵Установить плагин

#контент
Please open Telegram to view this post
VIEW IN TELEGRAM
7👍1👌11
🖼Sympli Handoff

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


🔵Установить плагин

#код
Please open Telegram to view this post
VIEW IN TELEGRAM
73👍1
🖼Draw Connector

Draw Connector - это плагин для Figma, который позволяет пользователям рисовать идеальные ортогональные соединители между слоями. Он предлагает настройки для соединения краев, настройки терминалов соединителя и установки цвета и ширины обводки. Плагин также автоматически обновляется, когда изменяется позиция или размер какого-либо соединенного слоя.


🔵Установить плагин

#wireframes
Please open Telegram to view this post
VIEW IN TELEGRAM
73🔥2
🖼LilGrid

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


🔵Установить плагин

#контент
Please open Telegram to view this post
VIEW IN TELEGRAM
7👍22
This media is not supported in your browser
VIEW IN TELEGRAM
🖼Быстрый способ вырезать картинку без потери качества в Figma

🔵Установить плагин

#туториал
Please open Telegram to view this post
VIEW IN TELEGRAM
👍643👌1
🖼A11y

Этот инструмент помогает быстро и легко просматривать все слои в проекте и находить несоответствия WCAG. Color Contrast Checker проверяет коэффициент цветового контраста всего текста во фрейме и показывает, соответствует ли он уровню AA или AAA по WCAG. Также предоставляются цветовые ползунки, чтобы пользователи могли изменять цвета и следить за изменением коэффициента контрастности в реальном времени.


🔵Установить плагин

#цвета
Please open Telegram to view this post
VIEW IN TELEGRAM
43👍1
Всем привет! Мы планируем ввести новую рубрику «Видео-уроки »

В нашем канале будут иногда появляться ссылки на обучающие видеоролики YouTube 📹, чтобы вы могли смотреть и учиться работать в Figma 🖼


Следите за обновлениями и не упустите возможность прокачать свои навыки!

по хештегу
#видео_урок
Please open Telegram to view this post
VIEW IN TELEGRAM
13👍82
🖼Storyset

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


🔵Установить плагин

#иллюстрации
Please open Telegram to view this post
VIEW IN TELEGRAM
7👍22
🖼Icon Resizer

Icon Resizer for Figma - отличный инструмент для быстрого и легкого изменения размера иконок в ваших дизайнах. Выбрав одну или несколько рамок, вы можете задать размер иконки и рамки в соответствии с общим размером, что существенно упрощает работу. Это гарантирует, что все ваши иконки имеют одинаковый размер и квадратную рамку, создавая последовательный вид в вашем дизайне. Всего за несколько кликов вы можете оптимизировать свой рабочий процесс и экономить время при создании профессионально выглядящих дизайнов.


🔵Установить плагин

#иконки
Please open Telegram to view this post
VIEW IN TELEGRAM
54👍2
🖼Datavizer

Создайте гистограмму, диаграмму рассеяния или линейную диаграмму из своих данных c Datavizer for Figma. Можно использовать случайные данные для быстрого создания графиков или фиктивных данных (например, данные для Dashboard).


🔵Установить плагин

#контент
Please open Telegram to view this post
VIEW IN TELEGRAM
7👍11
🖼Anima

Anima позволяет экспортировать ваши дизайны или компоненты из Figma в чистый HTML, CSS, React или Vue-код, который вы можете поделиться с разработчиками, чтобы они могли создавать код в соответствии со своими предпочтениями. С помощью Anima вы также можете создавать прототипы на основе кода, которые ощущаются как настоящий продукт, с графиками, видео, живыми текстовыми вводами, Google Maps, выпадающими меню, входными анимациями и многим другим.


🔵Установить плагин

#код
Please open Telegram to view this post
VIEW IN TELEGRAM
6👍21
🖼Design Lint

Design Lint - это инструмент для проверки качества дизайна, который помогает автоматически обнаруживать и исправлять ошибки. Он предоставляет набор правил для проверки, таких как правильное расположение элементов, использование правильных шрифтов и цветов, соответствие стандартам доступности и т.д. Вы можете настроить правила проверки и добавлять свои собственные, чтобы обеспечить соответствие вашим индивидуальным требованиям. Этот инструмент может быть использован как дизайнерами, так и разработчиками для улучшения качества дизайна и ускорения процесса разработки.

🔵Установить плагин

#контент
Please open Telegram to view this post
VIEW IN TELEGRAM
10👍11