tldraw 页面截图
产品页面 点击查看大图

tldraw

tldraw 推出的 Make Real 演示项目:通过绘制界面草稿来生成真实可运行的应用,并提供 makereal.tldraw.com 在线试用入口。

草图生成界面代码可交互
01

Overview

产品概述

Make Real 的核心是“画出 UI,再让它变成真实应用”。官方仓库展示了该项目的完整代码与说明,演示地址为 makereal.tldraw.com;项目使用 tldraw SDK 构建,开发者可以克隆配套 starter repo 搭建自己的版本。该仓库已由所有者归档,目前处于只读状态。
02

Capabilities

核心能力

01

绘制 UI 并让其实体化

用户可以直接绘制界面草稿,Make Real 将其转化为可运行的真实应用;项目官方口号为“Draw a ui and make it real”,并提供在线试用站点。

02

基于 tldraw SDK 构建

Make Real 本身使用 tldraw SDK 构建,可作为 tldraw SDK 的官方示例来学习与复用。

03

支持开发者自建版本

官方提供 starter repo,开发者可以克隆仓库并构建属于自己的 Make Real 版本。

03

Use Cases

适用场景

  1. 01

    快速验证界面想法

    通过手绘 UI 草稿生成真实应用,适合在早期快速把想法变成可运行的界面。

  2. 02

    开发自定义的绘图生成应用

    开发者可以使用官方 starter repo 作为起点,构建自己的“绘制即生成”应用。

  3. 03

    社区作品展示与交流

    官方邀请用户将作品分享到 Discord,可以在社区中交流和展示基于 Make Real 的成果。