UXPUB

UXPUB - спільнота з 4,056 дизайнерів та креативних фахівців

Місце для обміну досвідом та дискусій навколо індустрії

Зареєструватися Увійти
Cover image for 10 плагинов Figma, которые ускорят вашу ежедневную работу
Редакція
Редакція

Опубліковано

10 плагинов Figma, которые ускорят вашу ежедневную работу

Ускорьте свой рабочий процесс с помощью этого набора плагинов

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

Берите кружку любимого кофе и вперед!

Icon Scaling

Image description

Выберите иконки, которые хотите создать. Рядом на панели у вас есть настройки размера (те, которые сгенерирует плагин). Кроме того, вы можете выбрать вес.

Вы также можете экспортировать выбранные иконки с помощью плагина. Он генерирует PDF и SVG файлы

Скачать палагин Icon Scaling

A11y — Color Contrast Checker

Image description

Существует множество инструментов для проверки соответствия вашего дизайна рекомендациям WCAG, но, безусловно, стоит попробовать этот плагин.

Скачать A11y — Color Contrast Checker

UI Faces

Image description

Мы тратим много времени на поиск плейсхолдеров для аватаров в наших проектах. С помощью этого небольшого плагина вы можете вставить нужное изображение за считанные секунды. Реальная экономия времени!

Скачать UI Faces

SPELLL

Image description

Я люблю использовать Grammarly для проверки правописания. Этот плагин дает похожие возможности непосредственно в Figma и Figjam. Вы больше не допустите опечаток в своих проектах!

Скачать Spelll

Tailwind Color Generator

Image description

Проблемы с поиском правильных цветов? Создавайте монохроматические палитры за считанные секунды. Благодаря этому плагину вы можете моментально создать палитру для своей дизайн-системы.

Скачать плагин Tailwind Color Generator

Color Name

Image description

Итак, вы уже сгенерировали несколько тонов в дизайн-системе, но не знаете, как их назвать? Попробуйте этот плагин.

Выберите объект со сплошной заливкой и проверьте название цвета или список предлагаемых похожих названий цветов.

Плагин выполняет поиск по названиям HTML-цветов и «Name that Color», чтобы помочь вам найти наиболее близкие к выбранному названия тонов.

Скачать плагин Color Name

Better Font Picker

Image description

Итак, вы выбрали цвет. Теперь пришло время для стилей текста. Если у вас возникли проблемы с выбором шрифта, основываясь только на его имени, этот плагин отображает имя с примером шрифта.

Этот плагин показывает только список шрифтов, установленных в вашей системе.

Скачать плагин Better Font Picker

Typeout

Image description

Не тратьте время на написание UX-микротекста. Плагин предоставляет доступ к обширной библиотеке UX-текстов, чтобы сделать ваши макеты более значимыми.

Скачать плагин Typeout

3D Transformer

Image description

Хотели бы добавить 3D-эффекты к вашим мокапам? Вы должны поэкспериментировать с этим плагином. Просто выберите фрейм или изображение в Figma, запустите плагин и настройте 3D-эффект с помощью ползунков. Вуаля!

Скачать плагин 3D Transformer

Easometric

Image description

Все любят изометрические фигуры. Создавайте их быстрее с помощью плагина Easometric с использованием SSR3⁰⁰ — самого популярного и гибкого метода создания изометрических иллюстраций.

Никогда не создавайте изометрические фигуры вручную!

Скачать плагин Easometric

Посмотрите работу плагинов Figma вживую

Смотрите все представленные плагины в видео-презентации ниже:

Вывод

Сообщество Figma имеет обширную коллекцию плагинов и полезных ресурсов. Не забудьте поставить лайк тому, которым пользуетесь, и оставить комментарий, чтобы поддержать создателей. Ведь благодаря им, вам стало удобнее работать!

Спасибо за прочтение!

Обговорення (1)

Згорнути/розгорнути
bryzgalov profile image
Max Bryzgalov

Спасибо за подборку