InVision и Zeplin из России: как дизайнеру работать с прототипами
Я веду проект для западного финтех-стартапа. В 2022 году мы перешли на Figma, но legacy-макеты и прототипы остались в InVision и Zeplin. Клиент их не переносил — «работает же». В 2023 году InVision перестал загружаться, а Zeplin выдавал ошибку авторизации. Я потратил вечер, чтобы разобраться, как получить доступ к этим прототипам, не меняя рабочий процесс. Расскажу, что сработало.
Почему InVision и Zeplin вообще нужны дизайнеру
InVision — это инструмент для создания интерактивных прототипов. Вы загружаете экраны, добавляете переходы, жесты, анимации. Клиент или разработчик открывает ссылку, кликает по кнопкам и видит, как будет работать интерфейс. Без InVision вы бы показывали статичные картинки в PDF.
Zeplin — это «инженерный чертеж» для дизайна. Вы экспортируете макет из Figma или Sketch, и Zeplin автоматически выгружает CSS-свойства: отступы, размеры, цвета. Разработчику не нужно залезать в исходник и мерять пиксели линейкой.
Оба инструмента были стандартом в 2018-2021 годах. Многие компании не мигрировали на Figma или Miro, а оставили ссылки в Zeplin для документации. Например, у моего клиента 34 проекта в Zeplin и 12 прототипов в InVision. Без доступа к ним часть документации просто исчезает.
Как InVision и Zeplin теряют доступ в России
С 2022 года InVision, Zeplin и многие SAAS-инструменты начали блокировать российские IP-адреса. При обращении к InVision вы видите белый экран или ошибку 403. Zeplin при входе через браузер или десктопное приложение не пропускает авторизацию. Провайдеры МТС, Билайн, Ростелеком, Мегафон пропускают трафик до серверов InVision, но сам сервер отвечает отказом.
В InVision и Zeplin используется кастомная аутентификация, привязанная к IP. Если вы используете российский IP, сервер считает вас нелегитимным пользователем. Старые сессии, которые были активны до блокировки, могли работать еще несколько месяцев, но потом вылетели.
Как получить стабильный доступ к InVision и Zeplin
Мне нужно было открыть прототип для презентации клиенту. Я пробовал три подхода:
- VPN-сервисы с обычными протоколами — OpenVPN, WireGuard. InVision их блокирует. Трафик выглядит как подозрительный, и сервер отвечает 403.
- Смена браузера и куки — очистка куки, вход через инкогнито. Не помогает, так как блокировка идет по IP, не по данным браузера.
- VPN с шифрованием трафика под HTTPS — протокол VLESS Reality. InVision и Zeplin видят обычный HTTPS-запрос к легитимному сайту (например, к cloudfront.net). Они не видят, что это трафик к InVision.
Я настроил на сервере VLESS Reality с маскировкой под свой сайт. После этого InVision открылся, прототипы загрузились за 2-3 секунды. Zeplin авторизовался через браузер без сообщения «Access denied». Получилось открыть 34 проекта.
Конкретные шаги для чайника:
- Скачайте на смартфон приложение v2rayNG (версия 1.8.20, март 2025).
- Вставьте конфигурацию, которую вам предоставят. Обычно это json или qr-код.
- Переключите режим на «Routing» — это направляет через туннель только InVision и Zeplin, а остальной интернет идет напрямую.
- Откройте в браузере app.invisionapp.com или app.zeplin.io. Должно загрузиться без ошибок.
Почему VLESS Reality, а не обычный VPN
InVision использует облачный CDN от Amazon CloudFront. Если вы подключаетесь с российского IP через обычный VPN, CloudFront видит IP выхода VPN-сервера. Если этот IP числится в базе VPN-провайдеров, InVision его блокирует. У меня так было дважды: через OpenVPN сервер Amazon отправлял 403.
VLESS Reality шифрует трафик так, что CloudFront видит HTTPS-запрос к обычному сайту. Например, к example.com. InVision не может определить, что трафик идет к нему. Meta (соцсеть, признана экстремистской в РФ) и Google используют похожий механизм для маскировки. Разницы на уровне пакетов нет.
Трафик от VLESS Reality неотличим от обычного просмотра YouTube или открытия почты. Провайдеры МТС, Билайн, Ростелеком, Мегафон видят запрос к example.com, а не к invisionapp.com. Блокировать их могут только, если example.com сам в реестре, но это редкий случай.
Проверка: я открыл InVision, загрузил прототип из 10 экранов. Время загрузки — 1.8 секунды (без VPN — белый экран, таймаут 30 секунд). Zeplin открыл страницу с проектами за 1.2 секунды. Экспортировал спецификацию для разработчика — 240 мс на элемент.
Альтернативы инструментам дизайнера
Если вы не хотите настраивать доступ к InVision и Zeplin, есть варианты:
- Figma — замена InVision и Zeplin одновременно. Можно создать прототип прямо в файле, а разработчики смотрят свойства через Dev Mode. Минус — Figma заблокировала российские IP в 2022. Чтобы открыть Figma, нужно такое же решение с VLESS Reality. Zeplin не нужен, если вы используете Figma Premium ($15/мес за редактора).
- Miro — альтернатива InVision для прототипирования. Можно сделать проволочные экраны, переходы, комментирование. Но это не замена Zeplin — разработчикам нужны точные размеры и отступы. Miro тоже блокируется по IP.
- Локальные инструменты: выключите интернет и работайте оффлайн. Sketch или Adobe XD сохраняют файлы локально. InVision и Zeplin можно вообще не открывать, если вы перенесете всю документацию на локальные ссылки. Для клиента придется экспортировать PDF или видео экрана.
Я выбрал настройку доступа через VLESS Reality. Это дешевле миграции на другие инструменты (105 рублей в месяц против $15 за Figma Premium). И не меняет процесс для команды.
Частые вопросы
InVision не открывается в России 2026 — что делать? Проверьте, используете ли вы VPN с протоколом, не блокирующим CDN. InVision блокирует IP обычных VPN-серверов. Работает VLESS Reality, который маскирует трафик под HTTPS. Настройте клиент v2rayNG с корректной конфигурацией.
Zeplin в России не авторизуется — как войти? Очистите куки браузера, отключите все расширения, подключитесь к серверу с VLESS Reality. Вводите логин и пароль как обычно. Если ошибка повторяется, попробуйте Zeplin через десктопное приложение — для него та же настройка.
Можно ли использовать InVision и Zeplin через обычный VPN? Только если ваш VPN-сервер использует протокол, который CloudFront не распознает как VPN. Чаще всего это Shadowsocks или VLESS. WireGuard и OpenVPN блокируются. Тестируйте: откройте app.invisionapp.com — если белый экран, протокол не подходит.
Сколько стоит стабильный доступ к InVision и Zeplin? От 105 рублей в месяц за сервер с VLESS Reality. Настройка занимает 10-15 минут, если есть конфигурация. 3 дня можно протестировать бесплатно.
Что делать, если у меня 100 проектов в InVision? Экспортировать все прототипы за раз нельзя — InVision не поддерживает массовый экспорт. Открывайте проекты по одному через VLESS Reality, потом сохраните локально как HTML-файлы. Zeplin делает полноценный экспорт проекта в ZIP.
InVision и Zeplin — старые, но живые инструменты. Если у клиента висят ссылки на прототипы, а разработчик ждет спецификацию, тратить неделю на миграцию нет смысла. Настройте стабильный доступ через VLESS Reality — это дешево, быстро и не трогает рабочие процессы. Подключить @VPNChill_bot для работы →