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

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

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

У 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-дизайн

20 бесплатных шрифтов для цифр и чисел заточенных на визуализацию данных

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

4 июня 2020

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

6 мест, где скачать макеты сайтов, приложений и UI kits для Figma

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

29 мая 2020

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

Самый полный обзор трендов веб-дизайна (UI/UX) на 2020 год

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

12 апреля 2020