Простой сервис для создания непростых wireframe макетов
Всем привет.
Совсем недавно я написал сервис по созданию wireframe макетов, которые можно использовать как шаблоны в живых проектах (Vue & Tailwind). Целью создания была попытка объединить труд 3-х людей (разработчик, дизайнер, заказчик) в единое целое так, чтобы они не мешая друг другу создавали новое. Насколько удачно это получилось, решать именно Вам, дорогой читатель.
Итак, поехали. Сервис называется Ramira. Почему именно такое имя? Изначально хотелось что-то с wireframe в доменном имени, но потом я решил, что нужно имя проще, чтобы оно легко запоминалось и его без труда можно было набрать в браузерной строке.
Если кратко, то сама работа с макетом выглядит следующим образом. Если мы хотим обычный статичный макет, то без проблем, берем и настраиваем его на холсте. Все, макет готов. Его можно экспортировать как html и использовать в своем проекте. Затем, через некоторое время у нас появляется условие: скрыть на мобильном отображении какой-нибудь блок. Мы берем шаблон, импортируем его в редакторе сервиса, выбираем нужное нам разрешение, вносим изменения и экспортируем обратно. Затем появляется еще одна вводная: допустим, у нас есть зарегистрированные пользователи и им нужно показывать блок с уведомлениями. Для этого мы в редакторе добавляем сценарий и под этот сценарий показываем блок. Более подробная информация, как как работать в редакторе, есть в документации. Там же и примеры. Кстати, ссылки на макеты можно сохранять.
Все выше перечисленные действия может выполнить кто угодно. Разработчик же может более тонко работать с макетом на уровне html-кода, что дизайнеру и заказчику делать необязательно.
Из вышесказанного вытекает следующее: если в кодовой базе проекта будут такие макеты, то их можно будет импортировать в редактор и смотреть бизнес-логику макета не мокируя данные.
Как-то так. Будет супер, если этот сервис кому-то покажется перспективным и он начнет его использовать, и будет мега супер, если вокруг этого сервиса начнет появляется сообщество.
Спасибо за внимание.