Наш собственный продукт, инструмент для дизайна и ревью

CRABZLAB

Дизайн и ревью на настоящем продукте, а не на его картинках.

Инструмент дизайна CRABZLAB в работе с живым продуктом
Клиент
Наш собственный продукт, инструмент для дизайна и ревью
Платформы
macOS (превью-сборка 0.2.9); веб-приложение, Windows и Linux в разработке; следом планшеты
Год
2026
Онлайн
crabzlab.com
Роль
Продукт, дизайн, разработка

Задача

Дизайн-файл всего лишь картинка, а продукт уходит вперёд без него. В инструментах дизайна живут рисунки, в инструментах фидбэка скриншоты, и нигде нет самого работающего продукта, поэтому заметки вроде «кнопка слева» попадают не на тот компонент. CRABZLAB начинался как доска ревью для наших собственных продуктов, первым был Goldmarket, и вырос в самостоятельный инструмент.

01

Работающий продукт на одном холсте.

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

Холст CRABZLAB с живыми маршрутами Goldmarket рядом, слои слева
02

Укажите на что угодно, и он поймёт, что это.

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

Слои CRABZLAB, живой телефон с выделенным элементом и панель инспектора
03

Все способы посмотреть на продукт.

Восемь страниц из одних и тех же снимков: экраны, флоу, сценарии, карта сайта, дизайн-система, адаптив, мудборд и брендинг.

Страница Screens в CRABZLAB, маршруты сгруппированы по разделам
04

Одна кнопка, и продукт задокументирован.

Optimize читает продукт за экранами и за один шаг пишет его карту сайта, флоу и дизайн-систему, а отменяется всё одним Undo.

Optimize в CRABZLAB читает четыре источника и пишет восемь страниц
05

Бриф, а не догадка.

Send to iterate пишет точный бриф для инструмента разработки, которым команда уже пользуется на своём компьютере, и экраны подтягиваются следом.

Заголовок crabzlab.com: Design on the real product
Лабораторные результаты CRABZLAB на iPhone: первая отрисовка 34 ms, 28 пресетов устройств, панорама и зум 16.8 ms

Результаты

  • 34 msот открытия файла до отрисованного холста при бюджете 500 ms.
  • 16.8 msp95 панорамирования и зума с 12 живыми экранами на холсте.
  • 28пресетов устройств, от телефонов до 5K, с реальной плотностью пикселей и тачем.
  • 0.0%нагрузки на CPU, когда на холсте ничего не движется.
  • 617 / 617строк интерфейса на английском и грузинском.

Цифры взяты из лабораторных результатов crabzlab.com, измерены на одном Mac с двенадцатью живыми экранами. Версия для macOS 0.2.9 пока превью-сборка без публичной загрузки, а тарифы запланированы, но ещё не действуют.