Build in public: как делиться скриншотами прогресса

Обновлено 30 октября 2026 г.

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

Что публиковать

Чтобы было что показать, запуск не нужен. Почти каждую неделю есть хотя бы что-то из этого.

Новый экран. Момент, когда функция впервые выглядит настоящей. Даже черновая версия интересна, если сказать, для чего она.
«До и после». Один и тот же экран: старый слева, новый справа. Это самый понятный пост о прогрессе, потому что разница и есть история.
Исправленный баг. Покажите сломанное состояние и исправление. Разработчики любят хорошие баги, а вы показываете, что вам важны детали.
Маленькая деталь. Анимация, пустое состояние, экран настроек, на который ушло слишком много времени. Именно детали делают приложение законченным.
Цифра. Загрузки, выручка, первый платящий клиент. Покажите график или панель, скрыв всё личное.
Решение. Два варианта дизайна рядом и тот, что вы выбрали. Или спросите: людям нравится голосовать.

Выберите ритм, который сможете держать

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

Простой ритм:

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

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

Сделайте посты узнаваемыми

Ленту листают быстро. Если все посты о прогрессе выглядят одинаково, люди начинают узнавать вашу работу ещё до того, как прочитают имя.

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

К тому же это экономит время. Когда стиль задан, новый пост — это просто новый скриншот.

Сначала уберите личные данные

Скриншоты прогресса делаются на вашем собственном телефоне и с вашими тестовыми данными — именно там прячется личное. Перед публикацией проверьте каждый скриншот на:

Настоящие имена, адреса почты и номера телефонов — ваши или чужие.
Уведомления и баннеры вверху экрана.
Ключи API, токены, адреса серверов и отладочные оверлеи.
Данные клиентов на панелях: адреса почты, детали заказов, всё, что позволяет узнать человека.
Точные цифры выручки, которыми вы не собирались делиться.

Проще всего не допустить проблему. Используйте тестовый аккаунт с выдуманными данными и Симулятор, где строка состояния показывает аккуратные 9:41 и нет уведомлений. Если без реальных данных не обойтись, закрывайте их сплошной фигурой, а не размытием: некоторые размытия можно частично восстановить.

Оформите так, чтобы читалось в ленте

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

Разместите его на холсте, которого ждёт лента. 4:5 для Instagram, LinkedIn, Threads и Bluesky; 16:9 для X. Размеры для каждой площадки — в руководстве о размерах изображений для скриншотов приложения.
Добавьте рамку устройства. Она показывает, что перед вами приложение, а не документ, и придаёт изображению ясную форму.
Показывайте одно. Если изменилась кнопка, обрежьте или увеличьте так, чтобы кнопку было видно на экране телефона.
«До и после» рядом. Два телефона в ряд на холсте 16:9, одна рамка, один угол. Единственным отличием должно быть само изменение.

О фоне, отступах и тенях — в руководстве о красивых скриншотах.

Пишите подписи, которые рассказывают историю

Изображение показывает, что изменилось. Подпись объясняет, почему это важно. Для большинства постов подходит короткая структура:

Что изменилось: «Переделал экран экспорта».
Почему: «Люди не замечали выбор формата».
Что дальше или вопрос: «Выйдет в пятницу. Новая раскладка понятна?»

Пишите по-человечески. «Потратил три вечера на это пустое состояние» интереснее списка функций. И не начинайте каждый пост с «День 47» — лучше скажите, что произошло.

Добавляйте альт-текст

Опишите скриншот для тех, кто пользуется программами чтения с экрана. Скажите, что показывает экран и что изменилось: «Экран экспорта, теперь варианты формата над кнопкой „Экспортировать“, а не в меню». На большинстве платформ при добавлении изображения есть поле для альт-текста — заполняйте его каждый раз. Руководство Buffer по альт-тексту советует укладываться в 200 символов.

Посты о прогрессе быстро — с FeatureFrame

FeatureFrame — приложение для Mac как раз для таких постов. Перетащите или вставьте скриншот, и оно определит устройство по размеру в пикселях и поместит скриншот в 3D-рамку этой модели — от iPhone 11 Pro до iPhone 18 Pro Max, iPhone Air и iPad.

Оно запоминает выбранное устройство и цвет для каждого размера скриншота, так что следующий пост начинается так же.
Добавьте до трёх скриншотов для «до и после» в расположении «Строка».
Выберите 4:5 или 16:9 под ленту, в которую публикуете.
Добавьте своё имя водяным знаком в любом из шести положений.
Скопируйте результат сочетанием ⌘C и вставьте прямо в пост.

Делаете приложение для Mac? Снимки окон получают простую рамку: FeatureFrame обрезает тень окна и сохраняет скруглённые углы. Смотрите руководство о скриншотах Mac без тени. А если не хотите показывать реальную модель устройства, clay-мокапы дают простую матовую рамку в вашем цвете.