Make Real

Что такое Make Real?

Make Real (репозиторий: tldraw/make-real) — это проект с открытым исходным кодом, связанный с tldraw SDK. Его основная цель — позволить «нарисовать UI и сделать его реальным», предоставляя стартер и вспомогательный код для превращения спроектированного UI в функциональный элемент приложения.

Репозиторий заархивирован владельцем 20 февраля 2026 года, поэтому он доступен только для чтения. Страница также направляет читателей к живой демо-версии и ресурсам для создания собственной версии проекта и изучения подробностей через блог-пост.

Ключевые возможности

• Создан на базе tldraw SDK, обеспечивая основу для workflow на основе рисования UI.
• Подход стартер-репозитория: клонируйте репозиторий, чтобы создать свою версию Make Real.
• Включает демо-опыт (makereal.tldraw.com), указанный в README репозитория.
• Структурирован как кодовая база TypeScript/Next.js (присутствуют next.config.js, файлы TypeScript/TS и package.json).
• Репозиторий содержит вспомогательные файлы для качества кода и стилизации (например, файлы конфигурации ESLint/Prettier и Tailwind).

Как использовать Make Real

1. Используйте живую демо на makereal.tldraw.com, чтобы понять flow «нарисовать UI и сделать его реальным».
2. Клонируйте стартер-репозиторий с GitHub (tldraw/make-real), чтобы создать свою версию.
3. Следуйте README проекта и связанным ресурсам (включая указанный блог-пост), чтобы разобраться, как работает демо и как его адаптировать.
4. Поделитесь результатами через Discord-сообщество, указанное на странице репозитория.

Случаи применения

• Прототипирование flow взаимодействия UI: Спроектируйте UI визуально и подключите его к поведению приложения с помощью подхода проекта на базе tldraw SDK.
• Создание кастомного приложения «UI-холста»: Используйте репозиторий как отправную точку для реализации собственного workflow рисования и рендеринга.
• Изучение, как нарисованный интерфейс может управлять логикой: Изучите структуру кода, чтобы понять, как элементы UI из среды рисования преобразуются в функциональное поведение приложения.
• Обучение или документирование взаимодействий продукта: Используйте демо и базовый проект, чтобы показать, как спроектированный UI становится исполняемым опытом.
• Эксперименты с пайплайнами UI-to-app в TypeScript/Next.js: Воспользуйтесь готовой настройкой Next.js + TypeScript как шаблоном для похожих прототипов.

FAQ

• Репозиторий активно поддерживается? Нет. Репозиторий заархивирован владельцем 20 февраля 2026 года и теперь доступен только для чтения.

• Где можно попробовать проект онлайн? Страница репозитория указывает на демо по адресу makereal.tldraw.com.

• Что клонировать, чтобы создать свою версию? На странице указано, что можно клонировать предоставленный стартер-репозиторий для создания своей версии Make Real.

• На какой технологии построен проект? Содержимое репозитория показывает, что он создан на tldraw SDK и использует кодовую базу TypeScript с конфигурацией Next.js.

Альтернативы

• Создайте свою настройку прототипирования UI с tldraw: Вместо прямого использования этого заархивированного репозитория начните с концепций tldraw SDK и реализуйте собственное отображение нарисованных элементов в поведение приложения.
• Используйте общий подход прототипирования-to-code: Если цель — «преобразовать дизайн UI в рабочие экраны», примените другие workflow прототипирования, ориентированные на генерацию или подключение поведения UI, самостоятельно обрабатывая перевод дизайна в логику.
• Создайте систему UI на основе редактора: Если нужен похожий workflow «рисовать для управления», рассмотрите альтернативы, трактующие UI как редактируемое состояние (например, state-driven UI builders), вместо следования структуре этого проекта.
• Ищите активно поддерживаемые UI-билдеры на базе диаграмм/редактирования холста: Поскольку этот репозиторий заархивирован, новые инструменты в категории «редактор холста, управляющий поведением приложения» могут лучше подойти для долгосрочных проектов в зависимости от ваших нужд.