Figma
Синонимы: фигма, figma.com, онлайн-редактор дизайна, collaborative design tool
NAME
Figma — дизайн и ux
DESCRIPTION
Figma — облачный редактор интерфейсов, абсолютный стандарт индустрии UI/UX-дизайна в 2026 году. Работает прямо в браузере, позволяет команде работать в одном файле одновременно (как Google Docs для дизайна). Заменил собой Sketch, Adobe XD и Photoshop в 90% студий.
Почему Figma победила конкурентов:
| Параметр | Figma | Sketch | Adobe XD |
|---|---|---|---|
| Платформа | Браузер + Desktop | Только macOS | Desktop |
| Коллаборация | Real-time () | Через плагины | Ограниченная |
| Цена | Бесплатно для старта | $9/мес | Закрыт в 2024 |
| Плагины | 5000+ в Community | Ограниченно | Мало |
| Dev Mode | Есть (с 2023) | Нет | Нет |
Ключевые возможности Figma:
- Auto Layout — автоматические отступы (как Flexbox в CSS)
- Components + Variants — компоненты с состояниями (hover, active, disabled)
- Variables — дизайн-токены (цвета, отступы, шрифты)
- FigJam — доска для брейнштормов и схем
- Prototyping — интерактивные прототипы с анимациями
- Dev Mode — режим для разработчиков (CSS-свойства, экспорт)
- Community — бесплатные библиотеки и плагины
- Branching — ветвление файлов (как git)
Тарифы Figma (2026):
- Starter — бесплатно, 3 файла
- Professional — $12/мес/редактор, безлимит файлов
- Organization — $45/мес, дизайн-системы, SSO
- Enterprise — $75/мес, корпоративные функции
Топ-плагины для Figma:
- Unsplash — бесплатные фото прямо в Figma
- Iconify — 100 000+ иконок
- Contrast — проверка доступности цветов
- Autoflow — стрелки между экранами
- Content Reel — реалистичные данные (имена, аватары)
- Figmotion — анимации прямо в Figma
Figma в рабочем процессе WEBVISUAL:
- Brief → FigJam (сбор идей)
- Wireframes → Figma (серые блоки)
- Мок-ап → Figma (полный дизайн)
- Прототип → Figma (переходы)
- Handoff → Dev Mode (передача разработчикам)
- Ревью → Comments (комментарии клиента)
Кейс WEBVISUAL: Клиент — мобильное приложение для доставки еды. Было: дизайн в Sketch, разработчики не могли получить CSS-свойства, правки через переписку. Перевели процесс в Figma:
- Один файл со 120 экранами
- 84 компонента с Variants (кнопки, формы, карточки)
- Auto Layout на всех экранах (изменение текста → автоматические отступы)
- Dev Mode для iOS и Android разработчиков
- Комментарии клиента прямо на макетах
Результат: время handoff сократилось с 3 дней до 2 часов. Количество правок «не так понял» упало с 40 до 3 за проект. Бюджет дизайна: без изменений, но скорость команды выросла в 4 раза.