Дельные плагины для Figma – 5 ускорителей продуктового дизайнера

Плагины в Figma хорошие помощники. Если чувствуете, что подустали дизайнить стандартными средствами, попробуйте в работе новенькое.
Иллюстрация Lennon Cheng: https://dribbble.com/shots/6821853-Design-documentation

Вы читаете перевод статьи “Five essential Figma plugins”. Над переводом работали: Анастасия Свеженцева, Ольга Жолудова.

У Figma уже горы плагинов, и уже нужно постараться, чтобы перепробовать все и найти те, что действительно зайдут именно вам. В общем в этой статьей то, что пригодилось для работы.

Кстати, если вам требуется прокачать навыки для работы, вы всегда можете пробежаться по обзору свежих курсов по Figma. А пока продолжаем.

1. Redlines

Redlines поможет в проработке вашей дизайн-системы и в передаче её разработчикам (или другим дизайнерам внутри команды).

Интересуетесь свежими статьями по дизайну? Вступайте в группу на Facebook.

С ним вы оперативно сделаете визуальную разметку как точных размеров отдельных элементов, так и подсветите красным расстояния между всеми элементами. Настраивать здесь можно цвети единицы измерения.

2. HTML To Figma

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

3. Clean Document

Clean Document хорош, когда в организации существующего проекта Figma случился зоопарк. С этой штукой все можно аккуратно разложить по полочкам, а слои причесать по именам. Если статья Monzo про организацию дизайнерских ресурсов проекта вас вдохновляет, то плагин для вас.

4. Design Lint

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

5. A11y

A11y проверит коэффициент цветовой контрастности всего видимого текста во фрейме и подскажет, соответствует ли фрейм требованиям уровня WCAG AA и / или AAA. А еще под рукой в нем есть регуляторы, которыми вы можете подтянуть цвета.

Кто такие UI-дизайнеры и чем они занимаются

Посты в категории UI-дизайн

Кто такие UI-дизайнеры и чем они занимаются

Анастасия Свеженцева

6 сентября 2020

Посты в категории UI-дизайн

Обзор 5 лучших UI курсов – обучение на дизайнера пользовательских интерфейсов

Анастасия Свеженцева

5 августа 2020

Посты в категории UI-дизайн

Обзор 5 лучших курсов по Figma: онлайн, бесплатные и платные

Анастасия Свеженцева

4 августа 2020

18 000+ участников – здесь ваши друзья, напарники и новые идеи

Присоединиться

Продуктовые дизайнеры
Продакты
UX/UI-дизайнеры
UX-аналитики
Веб-дизайнеры
Менеджеры проектов
Продуктовые аналитики
Бренд-менеджеры
Digital-стратеги
Арт-директора
Аналитики данных
UX-исследователи
Графические дизайнеры
Веб-разработчики
Дизайнеры интерфейсов