Дизайн в Figma - это процесс визуального проектирования и создания интерактивных макетов для веб-сайтов, мобильных приложений и других цифровых продуктов, позволяющий дизайнерам сотрудничать в режиме реального времени, создавать прототипы, тестировать пользовательский опыт и передавать готовые проекты разработчикам для реализации.
Material Design Icons – это мгновенный и простой доступ к обширной библиотеке иконок: более 35 000 иконок в форматах PNG и SVG. Вы можете искать иконки по названию или просматривать весь список, фильтровать по категориям, изменять стиль, размер и цвет. Доступны все стили: контурные, заполненные, четкие, закругленные и двухцветные. В библиотеке представлены бесплатные иконки от Google и Icons8 (с условием указания ссылки на Icons8.com или приобретения лицензии).
Content Reel для Figma позволяет дизайнерам эффективно создавать макеты, используя текст, изображения и иконки из единой библиотеки. Вы можете искать готовый контент или создавать свой собственный, делая его публичным или приватным. Легко применяйте текстовые строки и изображения к слоям в макете, а также вставляйте иконки, настраивая их размер и формат. Content Reel упрощает совместную работу и позволяет оптимизировать рабочий процесс, предоставляя быстрый доступ к часто используемым элементам контента.
Feather Icons - это плагин для Figma, предоставляющий быстрый доступ к библиотеке иконок Feather. Он позволяет легко добавлять и использовать иконки Feather в ваших проектах Figma, экономя время и упрощая процесс проектирования интерфейсов. Feather Icons является проектом с открытым исходным кодом, приветствующим вклад сообщества.
4. Mockup Plugin – Devices Mockups, Print Mockups, AI Mockups
Mockup Plugin – это удобный инструмент для создания реалистичных макетов. Он позволяет быстро разместить ваш дизайн на экране выбранного устройства или печатной продукции благодаря обширной библиотеке готовых макетов. Кроме того, плагин предлагает функции искажения перспективы и деформации, чтобы идеально вписать ваш дизайн в любой макет, даже если у вас уже есть свой собственный. Mockup Plugin идеально подходит как для личных, так и для коммерческих проектов, предлагая высококачественные макеты и инструменты для их точной настройки.
Arc - это плагин для Figma, позволяющий изгибать текст вверх, вниз или по кругу. Просто выберите текстовый слой, запустите плагин, настройте ползунок и примените результат. Вы можете попробовать плагин бесплатно до 5 раз. После применения кривой, вы сможете редактировать стиль текста, но не сможете изменить путь кривой или перепечатать фразу.
Плагин Font Awesome Icons предоставляет доступ к обширной бесплатной коллекции векторных иконок, которые можно легко использовать в ваших проектах. Иконки можно фильтровать по имени для быстрого поиска нужной.
Получите доступ к обширной библиотеке высококачественных мокапов Artboard Studio прямо в Figma. Выбирайте из множества категорий, включая устройства, упаковку, одежду и полиграфию. Легко превращайте свои Figma-дизайны в реалистичные мокапы продуктов одним щелчком мыши. Наша библиотека постоянно пополняется, ежедневно добавляются новые элементы, предоставляя вам безграничные возможности для творчества.
Isometric позволяет быстро создавать изометрические слои в графических редакторах, избавляя от необходимости ручной настройки перспективы. Просто выберите слой, примените функцию Isometric и выберите желаемую изометрическую проекцию. Open source проект с MIT лицензией.
Map Maker позволяет быстро создавать настраиваемые карты, поддерживая Google Maps и планируя интеграцию с другими сервисами. Он прост в использовании: выбираете слой, настраиваете адрес, тип карты, масштаб, маркеры и даже JSON стили. Редактируйте существующие карты, меняя настройки, и просматривайте результат в реальном времени.
uiGradients – это плагин для Figma, позволяющий одним щелчком мыши добавлять градиенты к группам, текстам и фреймам. Выберите элемент, к которому нужно применить градиент, и запустите плагин. Выбирайте из более чем 350 градиентов для мгновенного добавления к вашим элементам. Официальный плагин Figma от www.uigradients.com.
Morph - это плагин для Figma, позволяющий создавать впечатляющие эффекты, такие как скевоморфизм, неон, глитч, отражение, стекло, градиент и другие, всего одним кликом. Просто выберите фигуру, вектор или текст, выберите нужный эффект и настройте его параметры для достижения желаемого результата. Плагин предоставляет возможность комбинировать различные эффекты и создавать уникальные дизайны. Все эффекты доступны абсолютно бесплатно и без регистрации.
Mockuuups Studio – это плагин для создания мокапов, позволяющий автоматически помещать ваши дизайны в тысячи шаблонов устройств. Он предлагает бесплатную коллекцию мокапов для немедленного использования, а также премиум-доступ с бесплатным пробным периодом, открывающим всю библиотеку мокапов, неограниченный экспорт и коммерческую лицензию. Используйте мокапы для веб-сайтов, кейсов и портфолио, экономя время на создании реалистичных презентаций.
Плагин A11y - Color Contrast Checker помогает убедиться, что ваш текст доступен для всех пользователей, проверяя соответствие стандартам WCAG (Руководство по обеспечению доступности веб-контента). Он анализирует контрастность цветов текста и фона в фрейме и сообщает, соответствует ли она уровням AA и AAA. С помощью ползунков настройки цветов вы можете в реальном времени отслеживать изменения контрастности и подобрать оптимальное сочетание для обеспечения доступности вашего контента.
Easometric значительно упрощает создание изометрических слоев и групп, используя популярный и гибкий метод SSR30°. С этим плагином вы можете быстро создавать изометрические виды сверху, слева и справа. Легко применяйте перспективу или используйте модальное окно для изменения слоев.
15. Color Palettes ( Colorsinspo ) : Color & Accessibility Tools
Color Palettes для Figma позволяет легко находить и применять красивые цветовые палитры в ваших проектах. Ищите по коду цвета, номеру или названию палитры из "Color Palettes" и мгновенно добавляйте их в свой дизайн. Инструмент предлагает широкий выбор палитр для коммерческих и личных проектов, позволяя вам создавать потрясающие визуальные решения. Просто копируйте и используйте понравившиеся цвета для ваших проектов.
Material Symbols – это новейшие иконки от Google, объединяющие более 2500 глифов в одном файле шрифта с широким спектром вариантов дизайна. Иконки доступны в трех стилях и четырех настраиваемых стилях переменного шрифта (заливка, толщина, контрастность и оптический размер). С помощью плагина Material Symbols дизайнеры могут легко искать и добавлять символы в Figma, что делает процесс разработки более эффективным. Это позволяет быстро находить и использовать нужные иконки прямо в Figma, экономя время и упрощая работу над проектами.
Angle Mockups позволяет применить ваши дизайны экранов к перспективным мокапам. Для работы плагина необходимо создать векторную фигуру экрана, используя инструмент "Перо" (P), с четырьмя углами в определенном порядке: верхний левый, верхний правый, нижний правый, нижний левый. Плагин бесплатен и не требует учетной записи. Для более продвинутого использования предлагается библиотека с более чем 1000 векторных мокапов на Angle.sh.
Fig3D – это плагин для Figma, который позволяет мгновенно преобразовывать ваши фигуры, иконки, логотипы и UI-дизайны в 3D-модели с реалистичным рендерингом. Он предлагает функции управления направлением обзора, высотой, тенью и другими параметрами освещения, переключение между перспективной и ортографической проекциями, а также настройку шероховатости и металличности объекта. Кроме того, доступно 3D-скошивание и выдавливание, а также экспорт 3D-моделей для сторонних рендереров.
С «Wave & Curve» вы легко создадите разнообразные волны и интересные узоры! Поддерживаются четыре режима: с двумя контрольными точками (кубическая кривая), с одной (квадратичная кривая), дуга и квадрат. Выберите направление волн: вверх и вниз, только вверх или только вниз. Замки возле параметров (появляются при наведении) позволяют зафиксировать их при случайной генерации.
Oblique позволяет создавать наклонные проекции любой формы, что полезно для добавления теней, 3D-глубины и визуальной перспективы. Он автоматически вычисляет точки касания, гарантируя корректные проекции от любых входных фигур. В отличие от 3D-движков, Oblique рассчитывает грани самостоятельно, что обеспечивает скорость и простоту результатов, хотя и без некоторых функций, таких как перспектива и освещение.
Генератор Circular Text и Arc Text позволяет создавать текст, расположенный по кругу или дуге. Это полезный инструмент для дизайна логотипов, значков, а также для оформления различных графических элементов, где требуется нестандартное расположение текста. С его помощью можно легко формировать текст, изогнутый вокруг центральной точки, придавая вашим проектам уникальный и привлекательный вид. Инструкции по использованию можно найти в видеоуроках.
Color Designer – это плагин для Figma, который позволяет генерировать оттенки, тона и цветовые гармонии на основе выбранных слоев или локальных стилей. С его помощью можно легко создавать ступенчатые градиенты между двумя цветами. Плагин прост в использовании и поддерживает только сплошные заливки, тесно интегрируясь с пользовательским выбором и локальными стилями Figma.
Perspective Toolkit позволяет размещать элементы интерфейса или изображения в перспективе тремя уникальными способами: неразрушающее изометрическое искажение, 3D с полным контролем перспективы и поля зрения, или полная свобода путем привязки к четырехточечному вектору.
Color Compass - это плагин для Figma и FigJam, который позволяет быстро и точно создавать цветовые палитры. Выберите базовый цвет, и он сгенерирует оттенки, тени, тона и дополнительные цвета. Настройте шаг для точной настройки желаемого оттенка, экспериментируйте со swatch и сохраняйте любимые цвета для использования в любых файлах Figma/FigJam.
Confetti для Figma позволяет любому пользователю создавать потрясающие узоры из конфетти. Выберите один или несколько слоев, которые станут частицами конфетти, и настройте параметры, такие как прозрачность, поворот и размер, чтобы создать идеальный узор. Confetti использует сетку для расположения частиц, позволяя точно контролировать их размещение по вертикальным столбцам и горизонтальным рядам. Работает с компонентами, что позволяет мгновенно обновлять конфетти, не пересоздавая узор.
26. Ionicons
Ahmad Al Haddad |
19.09.2023 |
Установок: 44 090 ( +76) |
Лайков: 426 ( +3) | Комментариев: 5
Ionicons - это плагин для Figma, предоставляющий доступ ко всем 600+ иконкам с сайта ionicons.com прямо в интерфейсе Figma. Он позволяет легко находить и использовать актуальные иконки непосредственно в ваших проектах Figma, благодаря интеграции с библиотекой ionicons.com и сервисами jsdelivr.com и fuse.js.
Создавайте красивые, плавные тени с контролем направления, цвета и прозрачности с помощью Shadow Maker. Этот инструмент упрощает создание реалистичных теней, избавляя от необходимости ручной настройки, которая отнимает много времени. Редактируйте цвет, направление, прозрачность, размытие и другие параметры теней. Предлагаются как упрощенный режим редактирования, так и продвинутый режим с редактированием кривых Безье.
Duotones - плагин для Figma, позволяющий быстро и легко применять эффект дуотона к изображениям. Просто выберите фигуру с заливкой изображением, укажите два цвета для светлых и темных тонов, и плагин создаст новый дуотоновый эффект заливки. Вы также можете использовать случайные тона для создания уникальных вариаций. Duotones идеально подходит для добавления стильного и креативного эффекта к вашим изображениям.
Symbol Icons Browser позволяет легко просматривать и копировать символы из SF Symbols, Material Icons и Font Awesome. Просто установите соответствующие шрифты, найдите нужный символ и скопируйте его глиф в буфер обмена, вставьте в текстовый объект или создайте новый текстовый объект с этим символом прямо на холсте.
Flaticon от Freepik предоставляет мгновенный доступ к более чем 5 миллионам пиксельно-идеальных иконок, стикеров, фигур и векторов, которые мгновенно улучшат ваши дизайны в Figma. Вы можете искать иконки по ключевым словам, фильтровать по типу (контур, заливка, цвет и т.д.) и стилю (цветные, черные, градиентные) и вставлять их как компоненты. Доступен просмотр по конкретным наборам иконок для поддержания единого стиля.
Быстро создавайте схемы своей облачной архитектуры AWS в FigJam. Все иконки, необходимые для отрисовки AWS cloud architecture, уже включены. Это позволяет визуализировать и планировать инфраструктуру AWS, упрощая проектирование и объяснение архитектурных решений.
Плагин Easing Gradients позволяет создавать плавные градиентные переходы в Figma с использованием функций кубического сглаживания. Он сглаживает градиентные заливки, особенно полезно при работе с прозрачными градиентами, но также подходит для творческих экспериментов. Плагин использует первую и последнюю цветовые точки градиента, применяя к ним выбранную функцию сглаживания, при этом промежуточные цветовые шаги отбрасываются.
Fast Isometric - это плагин для Figma, который позволяет легко создавать изометрические проекции ваших дизайнов. Он предлагает функции для преобразования объектов в 3D-подобный вид, точной настройки глубины, перемещения элементов в изометрическом пространстве и быстрого создания повторяющихся элементов. С помощью Fast Isometric можно создавать впечатляющие воксельные арты и изометрические иллюстрации гораздо быстрее, чем когда-либо прежде, а также использовать функции деления векторов для редактирования текста.
Этот плагин добавляет градиентные остановки, чтобы имитировать функции смягчения (easing functions), создавая более плавные и естественные градиентные переходы, избегая резких границ.
Создавайте потрясающие цветовые палитры и мгновенно применяйте их к иллюстрациям, изображениям, интерфейсам и всему остальному на холсте одним щелчком мыши! Больше не нужно тратить время на подбор цветов методом проб и ошибок. Мгновенно оценивайте, как цветовые палитры преображают ваш дизайн. Создание цветовых систем, разработка сложной векторной графики или проектирование пользовательских интерфейсов теперь занимают секунды, а не часы!
Mobbin - это инструмент, который упрощает перенос экранов и потоков из Mobbin в Figma или FigJam. С его помощью можно копировать отдельные экраны или целые пользовательские потоки с Mobbin и вставлять их в Figma/FigJam одним кликом, значительно ускоряя процесс проектирования и создания прототипов.
LogoFetch позволяет легко находить и вставлять логотипы брендов в ваш дизайн. Вы можете просматривать популярные бренды, искать логотипы по названию или домену, скачивать их в форматах PNG, JPG и в оттенках серого. Кроме того, можно извлекать фирменные цвета из логотипа и использовать их в элементах дизайна, а также просматривать подробную информацию о бренде.
38. skale
Jan Six |
25.11.2020 |
Установок: 14 763 ( +15) |
Лайков: 521 ( +1) | Комментариев: 6
Skale позволяет масштабировать любые слои до заданной ширины, высоты или значения масштаба, включая все свойства, такие как обводки. Это как инструмент масштабирования, но с возможностями панели свойств, где можно точно указать желаемые размеры. Skale полезен для масштабирования экземпляров иконок или других слоев до точной ширины или высоты.
A11y Annotation Kit – это библиотека, разработанная в Indeed, чтобы помочь дизайнерам документировать аспекты доступности и передавать их разработчикам при передаче дизайна. С её помощью можно быстро добавлять выноски для элементов, указывать порядок фокусировки и описывать взаимодействие с клавиатурой. Она призвана упростить создание доступных веб-сайтов и продуктов для всех пользователей.
Плагин Type Tool позволяет выполнять различные преобразования текста непосредственно в Figma, не покидая её и не прибегая к другим инструментам вроде Adobe Photoshop или InDesign. Он предлагает два режима: "Круг" для создания текста по окружности или изгиба вверх/вниз, и "Кривая" для размещения текста вдоль созданного вами векторного контура. Просто выберите нужный режим, настройте параметры (радиус, поворот, высота над линией, интервал между буквами и т.д.) и примените изменения. Type Tool значительно расширяет возможности работы с текстом в Figma, позволяя создавать уникальные и креативные текстовые эффекты.
Это позволяет создавать и добавлять 2D текстуры и 3D рендеринги в ваш проект, настраивая параметры для достижения желаемого визуального эффекта. Вы можете выбирать темы для 2D текстур и загружать векторные объекты для 3D рендеринга, а также регулировать различные параметры для достижения оптимального результата.
Round All - это плагин для округления значений в Figma до ближайшего целого числа или заданного шага. Он позволяет округлять размеры, шрифты, эффекты и векторные пути, сохраняя пропорции. Вы можете создавать пресеты с любимыми значениями округления для быстрого доступа, выбирать стратегии округления (вверх, вниз или к ближайшему) и исключать отдельные слои из процесса. Плагин также умеет отсоединять инстансы при необходимости и имеет функцию автоматического закрытия после завершения работы.
Плагин IconPark Icon Set by Iconduck для Figma предоставляет доступ к библиотеке из 1487 бесплатных иконок, предназначенных для мобильных, десктопных, веб- и печатных проектов. Вы можете легко искать нужные иконки, перетаскивать их в свои дизайны, просматривать историю поиска и использования. Доступны популярные категории, такие как транспорт, поиск, пользователи, профили и чаты. В будущем планируется добавить возможность сохранения избранных иконок.
Этот плагин позволяет создавать сложные градиенты, используя простые инструменты: цвет, радиус, позиционирование, размытие и искажение. Поддерживается любой размер холста и экспорт в PNG, что делает его удобным для создания разнообразных визуальных эффектов.
Supa Gradient дает вам супер-способности для создания, редактирования и управления красивыми градиентами, как никогда раньше! Создавайте, редактируйте и управляйте линейными, радиальными и угловыми градиентными заливками и стилями. Быстро настраивайте угол и масштаб градиента, добавляйте и редактируйте цветовые остановки, а также используйте встроенную палитру цветов. Копируйте CSS код градиента для использования в своих веб-проектах.
Desaturate позволяет быстро и массово обесцвечивать кадры, группы или заливки изображений в Figma одним кликом. Выберите нужные слои и запустите соответствующую опцию, чтобы обесцветить либо фреймы и группы, либо заливки изображений, включая заливки во всех дочерних слоях. Для повторного использования можно применить сочетание клавиш "Run Last Plugin". Плагин полностью конфиденциален, работает локально и не требует доступа к сети.
Shapes 3D - это плагин для Figma, позволяющий создавать и добавлять 3D-объекты на ваш холст. Он позволяет легко загружать векторные элементы, применять различные материалы для создания реалистичных эффектов, а также настраивать окружение для получения желаемых отражений и визуального стиля. Этот инструмент идеально подходит для дизайнеров, желающих добавить глубину и объем своим проектам.
Плагин "3D Vector" позволяет создавать и обновлять экструдированные 3D-формы из векторных путей, текста, многоугольников и звезд в Figma. Просто выберите поддерживаемый элемент (вектор, прямоугольник, эллипс, многоугольник, звезда или булеву операцию), запустите плагин, нажмите "Применить" и настройте параметры экструзии для получения желаемого результата. Предоставляется бесплатный период использования, а для доступа к Pro-функциям потребуется лицензия Gumroad. Oblique режим остается бесплатным.
49. i Charts Generate - line chart / bar chart / pie cahrt / radar chart / scatter / radial
i Charts Generate - это плагин для создания разнообразных диаграмм, включая линейные, столбчатые, круговые, радарные, точечные и радиальные. Он отличается поддержкой переменных и позволяет настраивать внешний вид элементов диаграмм, в том числе создавать собственные графические представления для столбцов. Вы можете загружать и сохранять свои наборы данных для повторного использования, а также импортировать данные и конфигурации из существующих диаграмм, чтобы быстро адаптировать их стиль, не меняя исходные данные.
Avatars – это обширная коллекция разнообразных и привлекательных изображений аватарок, созданных для добавления индивидуальности и характера вашим проектам. Благодаря огромному выбору ярких иллюстраций, вы сможете легко улучшить свои веб-сайты, приложения, презентации и многое другое, создавая визуально привлекательный опыт для ваших пользователей или аудитории.