Руководства: как объяснить, каким должно быть приложение
Пять подробных разборов для тех, кто заказывает разработку или рисует прототип сам, а не пишет код. Без воды, без «доверьтесь профессионалам» и без выдуманных цифр: только то, что мы проверили на своих проектах и на живом сервисе.
-
Основное
Как объяснить разработчику, как должно выглядеть приложение
Пять способов объяснить студии, что вы хотите на экране, — и что теряется в каждом. Внутри: словарь заказчика на 20 слов («полоска снизу с иконками» — это таб-бар), список решений, которые программист примет за вас, если вы промолчите, и пошаговый маршрут сборки кликабельного макета за вечер.
-
Практика
Прототип приложения: как сделать за вечер
Чем прототип отличается от макета, вайрфрейма и дизайна, в каком размере рисовать (цифры реальных телефонов, а не «примерно как экран»), семь шагов сборки, четыре вида перехода и восемь ошибок, из-за которых прототип переделывают целиком.
-
Практика
Прототип сайта: как нарисовать его самому
Ширина 1440 и 390, сетка и поля, честный первый экран, скролл вместо переходов, мобильная версия — и почему «важное при наведении мышью» на телефоне не существует. Отдельно: что нейросеть в прототипе сайта правда умеет, а что придумывает.
-
ИИ и агенты
Как дать нейросети рисовать экраны приложения
Claude, ChatGPT или Cursor подключаются к вашим макетам по MCP одной строкой и работают с экранами как со структурой, а не как с картинкой. Что агент реально умеет, где ошибается (по нашим логам), как устроены доступ и отзыв прав — и почему результат можно поправить мышкой.
-
С чего начать
Как сделать приложение для телефона самому
Честный порядок без «десяти простых шагов»: что стоит за словом «сделать» (три разные по цене вещи), четыре решения, которые принимаются до кода, сколько занимает каждый этап — и отдельный раздел о том, когда приложение вообще не нужно.
-
Выбор пути
Приложение без программирования: три пути и с чего начинать
Конструкторы без кода, ИИ-генераторы и заказная разработка: что каждый путь реально даёт, сколько стоит в 2026 году (с ценами) и где упирается — включая то, что зарубежные конструкторы не оплатить российской картой. И почему все три пути начинаются с экранов, а не с выбора инструмента.
-
Сравнение
Maketa или Figma: что выбрать заказчику
Сравнение, в котором у Figma больше плюсов, чем у нас, — и это не скромность. Когда правильный ответ Figma, когда Maketa, как они работают вместе, чем обе отличаются от Uizard, Visily и Google Stitch, и что делать с оплатой из России.
-
Документы
Техническое задание на мобильное приложение
Десять разделов рабочего ТЗ: от метрики успеха до критериев приёмки. Отдельно — что писать не надо и почему раздел «Экраны» заменяется одной ссылкой на макет. Со шаблоном файлом: скачивается без регистрации и без формы «оставьте почту».
Всё это нужно ради одной ссылки
Кликабельный макет экранов заменяет и созвоны, и половину ТЗ. Соберите его мышкой в браузере — бесплатно, без установки и без регистрации.
Что появится дальше
Раздел пополняется по мере того, как становится понятно, какие вопросы читатели задают на самом деле. Готовые каркасы под типовые приложения уже выложены — двенадцать наборов экранов. В работе: разбор состояний экрана, страница про то, как превратить скриншот чужого приложения в редактируемый макет, и разбор про стоимость разработки.
Если нужен разбор, которого здесь нет, — напишите в Telegram @demda. Тема из живого вопроса всегда получается лучше придуманной.
Maketa — бесплатный конструктор экранов от студии заказной разработки demda.pro. Нужен не макет, а готовое приложение — мы разрабатываем мобильные приложения.