tldraw免费开源的白板绘图工具

什么是tldraw?

tldraw 是一款开源免费的无限画布白板,可以在线的实时协作,用户可以轻松地在线创建简洁明了的图形和图示,使得思维的表达变得更加直观和高效。

tldraw 的设计目标是提供一个易于使用的绘图工具,即便是没有专业绘图经验的用户也能轻松上手

tldraw 不仅提供了强大的绘图工具,更注重于用户友好的界面和操作方式,使得团队成员之间的沟通变得更加流畅。

项目信息

项目名: tldraw -- 无限画布白板

Github 开源地址https://github.com/tldraw/tldraw

在线测试地址: https://www.tldraw.com/

文档地址: https://tldraw.dev/

tldraw 还有可以通过结合 OpenAI 来生存产品图,需要提供 OpenAI 的 API key。

image.png

image.png

安装

git clone https://github.com/tldraw/tldraw
yarn
yarn dev

安装成功后,访问 localhost:5420,界面如下:

image.png

tldraw 可以在 VS Code 通过安装插件来离线使用,项目中我们使用的文件后缀名为 .tldr。

image.png

VS Code 中的界面如下:

image.png

此外我们可以结合 OpenAI 将 UI 图直接生成产品:

开源地址:https://github.com/tldraw/make-real

在线测试(需提供 OpenAI 的 API key):https://makereal.tldraw.com/