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

CRABZLAB

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

Інструмент дизайну CRABZLAB редагує живий продукт
Клієнт
Наш власний продукт, інструмент для дизайну та рев’ю
Платформи
macOS (preview-збірка 0.2.9); вебзастосунок, Windows і Linux у розробці; далі планшети
Рік
2026
Сайт
crabzlab.com
Роль
Продукт, дизайн, розробка
Перейти на crabzlab.com Почати проєкт

Завдання

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

01

Запущений продукт на одному полотні.

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

Полотно CRABZLAB з маршрутами Goldmarket наживо поруч, шари ліворуч
02

Вкажіть на будь-що, і він знає, що це.

Наведення показує назву елемента, а клік закріплює коментар разом із компонентом, його межами та маршрутом.

Шари CRABZLAB, живий телефон з елементом під курсором і панель інспектора
03

Усі способи подивитися на продукт.

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

Сторінка екранів у 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 поки є preview-збіркою без публічного завантаження, а ціни заплановані, але ще не діють.