Аналоги Figma: в чём дизайнеру и заказчику работать с макетами сайта

Переносимость макета проверяют обычной правкой

Найти похожие кнопки проще, чем сохранить редактируемый макет и работу всей команды. Аналог Figma стоит выбирать по трём задачам: дизайнер продолжает менять проект, заказчик может согласовать результат, а следующему исполнителю доступны исходники. Сравним Lunacy и Penpot для небольшой команды, которая готовит макеты сайта и хочет заранее договориться о совместимости, оплате и передаче файлов.

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

Красивый импорт может скрыть потерю структуры. Для бизнеса потеря структуры увеличивает стоимость будущих изменений.

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

Lunacy: локальная работа и путь из Figma

Локальный файл удобно хранить отдельно. В описании Lunacy перечислены Windows, macOS и Linux, поэтому дизайнер и заказчик могут заранее сопоставить вариант приложения со своими рабочими устройствами.

Разработчик продукта также заявляет онлайн- и офлайн-режимы. Для заказчика это повод разделить работу с локальным документом и совместное обсуждение в облаке: сохранённый на компьютере файл и общая доступная ссылка — разные способы владеть результатом. Если согласование ведётся через облако, стоит отдельно проверить права участников и поведение проекта после удаления исполнителя. Если команда передаёт файлы, нужно договориться о версиях и месте хранения актуального экземпляра, иначе два человека начнут править разные копии одного экрана.

На странице Lunacy импорт из Figma описан как преобразование в .sketch. Этот формат обозначает проверяемый результат передачи; полное совпадение всех возможностей исходного редактора ещё предстоит испытать.

Я выбираю пробный перенос значимого фрагмента вместо обещания открыть весь архив без потерь: небольшой макет с компонентом, длинным текстом и переходом между экранами быстрее покажет стоимость исправлений. После переноса дизайнер меняет текст и повторяющийся элемент, а разработчик объясняет, какие сведения он сможет получить для вёрстки. Если файл выглядит верно, но не поддерживает обычную правку, сравнение по одному снимку экрана будет слишком оптимистичным.

Penpot: совместная среда и собственный формат

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

В справке Penpot описаны экспорт проекта и импорт файлов .penpot. Поддерживается также импорт .zip. Это точные форматы, которые можно включить в комплект передачи, чтобы получить не только картинки для просмотра. Справка указывает предел импорта 1 ГБ, поэтому объём тяжёлого архива стоит оценить до полного переезда, а не после того, как команда уже отказалась от прежнего хранилища. Экспорт сам по себе полезно испытать обратным открытием в отдельном проекте.

У связанных библиотек есть разные способы экспорта. Можно включить сами библиотеки с сохранением связей, объединить их элементы в библиотеке файла или превратить их в обычные слои, поэтому эти варианты дают разный результат для следующего редактора.

Для повторного использования элементов предпочтительнее сохранять связи, чем получать только внешне похожие слои: будущая общая правка опирается на структуру документа. Но если нужен независимый архив одного завершённого проекта, объединение ресурсов может быть удобнее внешней зависимости. Выбор фиксируют в задании по будущей работе команды, а не оставляют случайной настройкой человека, который нажал экспорт последним.

Бесплатный вход и полная стоимость команды

Цена редактора не равна цене процесса. Кроме подписки остаются перенос, исправление несовместимости, обучение и время на согласование, поэтому замена сервиса ради меньшей ежемесячной суммы требует сравнения полного состава расходов.

В тарифах Penpot на 29.10.2026 Professional указан по цене 0 долларов за пользователя в месяц. Платные уровни отличаются набором условий, поэтому цену входа нельзя автоматически распространить на любой размер команды и способ управления доступами. Там же разделены облачная и собственная установка. Во втором случае компания берёт на себя обслуживание среды, даже если сама программа доступна без платы за лицензию. Для небольшого отдела без технического владельца облачный вариант проще сравнить по понятным пользователям и договору, чем вводить сервер только ради слова «бесплатно».

У Lunacy тоже есть отдельная страница тарифов. Перед выбором стоит разделить локальную работу, совместные возможности и права на используемые графические материалы, потому что доступ к редактору не описывает автоматически все условия хранения и применения ресурсов.

Оплату и доступность проверяют для аккаунта компании до переноса. Открытая публичная страница с тарифом не отвечает на вопрос, сможет ли конкретная организация оплатить нужный уровень и получить подходящие документы, поэтому этот ответ полезно сохранить письменно вместе с условиями тарифа. Для задачи «российский аналог Figma» отдельно уточняют, что требуется: русский интерфейс, оплата в рублях, поставщик из России или размещение данных. Это разные критерии, и похожее название продукта не подтверждает их одновременно.

Что сравнить на одном фрагменте макета

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

Рабочая карточка включает исходный файл, выбранные экраны, шрифты, повторяющийся элемент, состояния и связи прототипа. Прототип показывает переходы и действия до разработки сайта. Затем отмечают, что сохранилось, что потеряло редактируемость и какую ручную работу потребуется повторить. Разработчик открывает документ своим доступом и пробует получить нужные размеры и ресурсы, а заказчик оставляет замечание там, где команда собирается вести согласование. Обычная операция участников полезнее списка поддерживаемых форматов, потому что выявляет потерю именно в вашем способе работы, когда заказчику нужно согласовать состояние, дизайнеру изменить компонент, а разработчику получить ресурс для страницы.

Один пилот — два результата: пригодность редактора и оценка переноса. Если второй дорог, новый сервис ещё может подойти для будущих проектов без немедленного переезда старого архива.

Критерии проверки дизайна сайта сохраняются при смене инструмента: новый редактор не делает непонятную навигацию удобной, поэтому выбор платформы не подменяет оценку самого макета.

Как передать результат, чтобы не повторить зависимость

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

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

Общий файл предпочтительнее пересылаемых снимков. Картинки удобны для быстрого просмотра, но не становятся исходником для изменения интерфейса.

Если команда создаёт повторяющиеся страницы, отдельно принимают правила элементов в дизайн-системе сайта. Назначения и состояния элементов помогают сохранить правила при смене редактора, тогда как одного перечня цветов для этого недостаточно. При выборе инструмента и разработке со ШТАБ ИТ полезно обсуждать будущий способ поддержки макета, чтобы результат пилота сразу вошёл в договорённость о передаче.

Сможете ли вы продолжить проект без автора?

Это практическая самопроверка выбора. Заказчик открывает актуальный макет, дизайнер меняет повторяющийся элемент, а следующий исполнитель получает архив и понимает, как работать дальше, поэтому пригодность сервиса подтверждается действиями участников.

Для Lunacy основанием выбора может стать настольная работа и проверенный импорт, для Penpot — подходящий совместный процесс и контролируемый экспорт. Универсального победителя по одному признаку нет. Если пилот сохраняет нужные элементы, тариф доступен компании и передача воспроизводится, можно планировать перенос остального. Если значимая часть структуры теряется, разумнее оставить архив в прежнем виде и использовать новую среду для следующей задачи, чем оплачивать массовое исправление только ради завершения переезда.

Проверьте один файл до решения. Его обычная правка скажет о совместимости больше, чем длинная таблица похожих возможностей.