В этот раз будет Replit для сборки макетов приложения в вебе для UX тестирования с пользователями

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

А ещё дети очень внимательны к деталям. Они почти всегда считывают малейшие несоответствия в цифрах и текстах. «Тут было 10, а стало 8 почему так, где мои баллы?» И всё, доверие к прототипу потеряно, чтобы такого не было, в фигме надо быть ультра супер мастером каким-то

Почему Replit и web? Пробовал я: Claude, Cursor, Codex, Figma Make(самый отстойный вариант для этого), все они хороши(кроме Figma Make), но так или иначе во всех них, нужно либо Бэк делать, подключать или что-то типа того. Либо разбиратсья в том что такое git, push и прочее. Ещё Claude, Cursor, Codex, Figma Make часто, если токенов много по ссылке(фигма сам пишет про это в Dev mode), просто тратят токены и не верстают вам макет или делают это плохо. Особенно Figma Make я в шоке насколько он плох в этом.

А в Replit все это знать не нужно, а ещё, неожиданно для меня, он очень хорошо верстает по макетам из фигмы, просто по дев ссылке на макет он делает практически 1 в 1. Даже если макет тяжелый, он делает это хорошо, и что важно быстро Только есть нюансы: - Нужно все делать частями, то есть в одно сообщение не стоит вкладывать сразу несколько ссылок на макеты, собрал один делаем второе - Он берёт картинки из Ассетов которые предлагает фигма в дев мод (как они там формируются, я не совсем понимаю) но лучше чтобы там было все правильным

Что это все даёт? - За пару часов можно получить вполне хороший ВЕБ интерфейс с индивидуальной ссылкой в котором все будет работать - По нему можно проводить исследования, как качественные так и количественные (тут вообще можно подключить Я.Метрику) - Юзер не чувствует, что это «ненастоящее» а значит, данные чище и больше доверия

Как-то так