make real by tldraw使用教程

打开https://makereal.tldraw.com进入官网，无需注册即可直接使用基础功能，若需要保存项目或使用高级功能可点击右上角按钮完成账号注册登录。

进入画布界面后，可从左侧素材库拖拽UI组件到画布中，也可直接手绘草图，通过右侧属性面板调整组件的尺寸、颜色、字体、圆角等样式参数，完成界面布局。

完成界面绘制后，点击顶部菜单栏的「交互设置」按钮，为按钮、输入框等组件添加跳转、弹窗、表单提交等交互逻辑，设置完成后可点击预览按钮验证交互效果。

确认原型无误后，点击顶部「生成代码」按钮，选择需要的前端框架类型，等待几秒即可生成对应代码，可直接在线预览代码运行效果，也可一键复制代码到本地项目。

若需要团队协作，点击右上角分享按钮生成分享链接，设置可编辑或仅查看权限后发送给团队成员，成员可直接打开链接共同编辑或添加评论标注。