Дайджест: Ищем замену Figma (январь — апрель)

С моего последнего поста о альтернативах Figma прошло 3 месяца, рассмотрим, что изменилось за это время.

Figma

1. Теперь при обновлении компонентов из подключенной библиотеки можно посмотреть изменения компонента до обновления;
2. Расширили возможности комментирования, теперь можно упоминать коллег, добавлять смайлики и форматировать стиль текста;
3. Теперь можно добавлять видео в прототипы;
4. Появилась монетизация ресурсов сообщества: платные макеты, виджеты и подписки на плагины;
5. Добавили параметры яркости для масок;
6. Улучшили панель поиска, добавили автозамену;
7. Добавили в прототипы прилипание слоя при прокрутке экрана.

Улучшения стилей шрифтов:

1. Добавили в стили текста вертикальную обрезку по высоте прописных знаков, что должно упростить выравнивание текста с шрифтами с разной высотой и смещенной базовой линией;
2. Добавили возможность начинать нумерацию списка с любой цифры;
3. Добавили возможность выносить кавычки за пределы текстового поля.

Pixso

1. Для России добавили возможность оплаты через Qiwi;
2. Добавили десктопные клиенты;
3. Добавили поиск и замену по слоям, как в Figma;
4. Добавили Smart анимацию, как в Figma;
5. Добавили загрузку видео и аудио файлов для прототипов;
6. Добавили новые плагины, примечателен Token Studio, где можно токенизировать не только привычные для Figma типографику, палитру и эффекты, но и расстояния, радиусы закругления, ширину stroke;
7. Исправили множество ошибок при импорте sketch, fig, xd и axure файлов;
8. Оптимизировали Auto layout.

Ознакомиться с обновлениями подробнее можно по ссылке.

Что по-прежнему плохо:

1. Долгое открытие импортированных Figma файлов. У меня проект с дизайн-системой открывается 5 минут. Figma не заставляет ждать открытия того же файла;
2. Расстраивает поведение Auto layout. Кейс редкий, но в Figma он работает. Нельзя задать для дочерних слоёв возможность тянуться по всей ширине и при этом родительскому слою тянуться по ширине контента. При включении «тянуться по ширине» для дочернего слоя, автоматически задается фиксированная ширина для родителя. У меня это используется для кнопок, чтобы кнопки могли тянуться по ширине или занимать всю ширину контейнера.

В остальном, если требуются платные функции Figma и при этом нет возможности оплатить подписку, рекомендую внимательно изучить Pixso.

Sketch

Обновление от 18 января:

1. Добавили комментарии в документах в десктопной версии. До этого комментарии были только в инструменте Web-просмотра;
2. В качестве альтернативы Figma Community добавили бесплатные шаблоны документов;
3. Добавили менеджер библиотек, чтобы можно было подключать определенные библиотеки для документа, а не все сразу, как было раньше;
4. Немного улучшили Smart Layout компонентов и обещают больше доработок функции в ближайшем обновлении;
5. Добавили импорт Figma файлов.

Lunacy

Обновления от 28 февраля:

1. Добавлен импорт Figma файлов;
2. Добавлены Auto layouts;
3. Добавлено изменение Nudge amount, как в Figma;
4. Переработано автозаполнение текстовых слоев;
5. Добавлена автогенерация цвета для слоёв;
6. Научились автоматически изменять высоту слоя, при этом слой меньшего размера размещается поверх слоя большего размера;
7. Добавлен Snapping для фреймов при изменении размера фрейма, чтобы подогнать его под формат предустановленных размеров фрейма, например, iPhone 14, A4 и т.п.;
8. Добавлено масштабирование интерфейса программы.

С какими проблемами я столкнулся:

1. При импорте Figma документа дизайн-системы программа зависает при переключении на страницу символов.
2. Как и в Pixso, в функции Auto layout невозможно тянуть дочерние слои по всей ширине родителя, если родитель тянется по ширине контента.

Penpot

1. Сделали релиз стабильной версии, вышли из статуса Beta;
2. Добавили Layout flex. В отличие от всех конкурентов выше, добавили Flex wrap — перенос объектов на новую строку при изменении размера слоя;
3. Улучшили производительность как на бэкенде, так и во фронтенде;
4. Добавили изменение отступов Layout курсором, как в Figma;
5. Добавили Z-index для слоев в Layout, что даёт более гибкую настройку наложения слоев относительно друг друга. В Figma возможно только сделать порядок наложения с начала или с конца;
6. Исправили бесчисленное количество ошибок.

Ознакомиться с обновлениями подробнее можно по ссылке.

Проблемы, с которыми я столкнулся:

1. По-прежнему невозможно заменять вложенные компоненты. Я создал запрос на такую возможность, но разработчики не очень понимают такую потребность и предлагают решить эту проблему через будущую функцию «Variants». Надеюсь, они предложат настройку в варианте компонента для замены экземпляра (Instance) как в Figma, а не создание бесчисленного количества вариантов компонента с разными вложенными компонентами.
2. Одинаковое поведение Layout, как и в Pixso с Lunacy, которое не позволяет сделать кнопку, которая могла бы тянуться по ширине контента и по всей ширине контейнера.

Резюме

Ранее я делал ставку на Lunacy, но вижу, что Penpot развивается быстрее. Penpot во многих решениях для дизайна функций отталкивается от веб-стандартов. Тот же Flex-wrap и Z-index — это CSS свойства, и они давно описаны в стандартах.

Но ни Penpot, ни Lunacy сейчас не способны заменить Figma. Заменить Figma здесь и сейчас может только Pixso.

А сделка о поглощении Figma корпорацией Adobe под вопросом, так как антимонопольные органы США и ЕС проверяют эту сделку.