Pixso

Pixso — онлайн-редактор для дизайна интерфейсов: макетов сайтов, мобильных приложений, личных кабинетов и баннеров. Он работает в браузере и в приложениях для Windows и macOS, а файлы хранятся в облаке, поэтому над одним макетом одновременно могут сидеть дизайнер, менеджер и разработчик. Интерфейс переведён на русский язык.

Сервис делает китайская компания, и по устройству он очень похож на Figma: те же фреймы, компоненты, автолейаут, прототипы и режим для разработчиков. Главное, чем Pixso выделяется для российских команд, — он доступен из России, умеет открывать файлы Figma и не требует переучиваться: горячие клавиши и логика работы почти совпадают.

Что умеет Pixso

• Векторный редактор — фигуры, перо для произвольных контуров, булевы операции, текст с настройкой шрифтов и межстрочного расстояния. Всё, что нужно, чтобы нарисовать иконку, кнопку или целый экран.
• Фреймы и автолейаут — экран собирается из вложенных блоков, которые сами растягиваются под содержимое. Добавили пункт меню — соседние сдвинулись, удлинили текст на кнопке — кнопка стала шире.
• Компоненты и варианты — кнопку, поле ввода или карточку товара рисуют один раз, а потом расставляют копии по макету. Правка в главном компоненте сразу меняет все копии, а варианты хранят состояния: обычное, при наведении, неактивное.
• Стили и библиотеки — цвета, шрифты и эффекты сохраняются как общие стили и подключаются к другим файлам команды. Так дизайн-система живёт в одном месте, а не в десятке копий.
• Прототипы — экраны связываются переходами, и макет превращается в кликабельную модель приложения. Её можно показать заказчику по ссылке ещё до того, как написана первая строка кода.
• Режим для разработчиков — при выделении элемента видны размеры, отступы, цвета и готовые фрагменты стилей. Картинки и иконки выгружаются в нужном формате и масштабе.
• Совместная работа — курсоры коллег видны в реальном времени, комментарии крепятся к конкретному месту на экране, а история версий позволяет вернуться к любому состоянию файла.
• Импорт из Figma и Sketch — готовые проекты можно перенести и продолжить работу, не перерисовывая макеты с нуля.
• ИИ-помощник — генерирует редактируемые макеты по текстовому описанию. Результат — обычные слои, которые дальше правятся руками.

Для работы со шрифтами, установленными на компьютере, разработчик предлагает отдельную небольшую программу — помощник локальных шрифтов для Windows и macOS. Без неё браузерная версия видит только встроенные шрифты.

Кому подходит

• Дизайнерам интерфейсов и веб-студиям, которым нужен командный редактор, доступный из России.
• Командам, которые раньше работали в Figma и хотят перенести туда старые проекты без перерисовки.
• Начинающим дизайнерам: учебные курсы по Figma подходят и для Pixso, а бесплатного тарифа хватает на учебные проекты.
• Менеджерам и разработчикам, которым нужно смотреть макеты, оставлять комментарии и забирать размеры, — для зрителей место в команде бесплатное.
• Компаниям, которые хотят держать макеты на своих серверах: для крупных клиентов есть вариант с собственным размещением.

Сколько стоит

У Pixso есть бесплатный тариф: в нём доступны основные инструменты редактора, совместная работа и прототипы. Ограничения касаются числа файлов и проектов, хранения истории версий и функций для больших команд. Зрители — те, кто только смотрит и комментирует, — подключаются бесплатно и без лимита.

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

Как начать пользоваться

1. Откройте pixso.net и при необходимости переключите язык сайта на русский.
2. Зарегистрируйтесь по электронной почте или через один из предложенных способов входа и подтвердите адрес.
3. Создайте файл дизайна или импортируйте готовый файл Figma через загрузку файла.
4. Если работаете каждый день, скачайте приложение для Windows или macOS со страницы загрузки на официальном сайте, а для своих шрифтов поставьте помощник локальных шрифтов.
5. Пригласите коллег в команду по почте или отправьте ссылку на файл с правами на просмотр или редактирование.

Частые вопросы