AI工具导航

Visual Whiteboard → Schema Builder

将白板绘图和文本转换为 SQL 和 Prisma 模式

Visual Whiteboard → Schema Builder 是什么?

Visual Whiteboard → Schema Builder 是一款能将白板上的数据库设计草图快速转化为生产代码的 AI 工具。它由 Gemini 3.1 Pro 驱动,支持根据手绘草图、截图或自然语言描述自动梳理数据表关系、数据类型,可直接生成并下载格式规整的 Postgres DDL 与 Prisma 模型,还能通过 Mermaid.js 实时交互式预览 ER 图,同时采用隐私优先设计,不存储数据库内容,支持使用自定义密钥。

产品详细介绍

将白板绘图和文本转换为 SQL 和 Prisma 模式

Visual Whiteboard → Schema Builder 是一款能将白板上的数据库设计草图快速转化为生产代码的 AI 工具。它由 Gemini 3.1 Pro 驱动,支持根据手绘草图、截图或自然语言描述自动梳理数据表关系、数据类型,可直接生成并下载格式规整的 Postgres DDL 与 Prisma 模型,还能通过 Mermaid.js 实时交互式预览 ER 图,同时采用隐私优先设计,不存储数据库内容,支持使用自定义密钥。

定价方案

需要付费
官网查看
定制方案
  • 暂未采集到具体套餐,价格以官网为准

查看官网价格

创始人评论

Saqib Iqbal
Saqib Iqbal创始人

嗨,Product Hunt 的朋友们!👋

我今天非常开心能和社区分享「可视化白板 —— 架构构建器」!🚀

作为开发者,我们都遇到过这种情况:头脑风暴时你在白板上画出了数据库结构,之后却要花一个小时手动编写样板 SQL DDL 查询、配置外键约束,或者搭建 ORM 架构。

我想要打通从最初可视化头脑风暴到最终代码仓库之间的环节。

这款可视化白板借助 Gemini 3.1 Pro 一键将手绘 ER 图、剪贴板截图或文本描述转换为可直接运行的数据库结构。

它可以为你生成:

1. Prisma ORM 架构 (`schema.prisma`)

2. 排序后的 PostgreSQL / Supabase SQL 语句(避免你导入时出现外键约束错误)

3. 交互式实时渲染的 Mermaid.js ER 图预览

技术栈:

- Next.js 15(App Router)与 Server Actions

- Tailwind CSS v4 与 React 19

- @google/genai SDK(Gemini 3.1 Pro,2.5 Pro 作为降级 fallback)

- 客户端渲染使用 Mermaid.js

我们尽可能让这款产品保护隐私。它是无状态的,不会存储你的架构,还允许你可选提供自己的 Google AI Studio 密钥来绕过后端限制。

我非常期待听到你的反馈、功能想法,以及你希望我们下一步支持哪些数据库引擎!我今天全天都会在这里回复大家的评论。

祝开发愉快!🛠️

点赞 举报 分享

1天前发布

创始团队

Saqib Iqbal
Saqib Iqbal创始团队

官网信息

官网https://visual-whiteboard-schema-builder.vercel.app/
公司使命

即刻将白板草图转化为数据库代码