转载,在线工具推荐:tldraw -- 无限画布白板

参考:https://mp.weixin.qq.com/s/ootTxOIOzvCqFlHEY3oq1Q

开源,在线编辑,可以替代各种思维导图。主要用TypeScript开发。

项目名: tldraw – 无限画布白板
Github 开源地址: https://github.com/tldraw/tldraw
在线测试地址: https://www.tldraw.com/
文档地址: https://tldraw.dev/

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

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

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

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

安装方法:
git clone https://github.com/tldraw/tldraw
yarn
yarn dev
安装成功后,访问 localhost:5420

tldraw 可以在 VS Code 通过安装插件来离线使用,项目中我们使用的文件后缀名为 .tldr。实际是json文件,插入的图片会转变为文本。

此外可以结合 OpenAI 将 UI 图直接生成产品:
开源地址:https://github.com/tldraw/make-real
在线测试(需提供 OpenAI 的 API key):https://makereal.tldraw.com/

你可能感兴趣的:(html,学习)