Hey Product Hunt! 👋 I’m thrilled to share Visual Whiteboard — Schema Builder with the community today! 🚀 As developers, we’ve all been there: you sketch out a database structure on a whiteboard during a brainstorming session, and then spend the next hour manually writing boilerplate SQL DDL queries, configuring foreign key constraints, or setting up ORM schemas. I wanted to bridge the gap between initial visual brainstorming and the final codebase. Visual Whiteboard uses Gemini 3.1 Pro to convert hand-drawn ER diagrams, clipboard screenshots, or text descriptions into ready-to-run database structures in a single shot. What it generates for you: 1. Prisma ORM schema (`schema.prisma`) 2. ordered PostgreSQL / Supabase SQL statements (so you don't get foreign key constraint errors on import) 3. An interactive, live-rendered Mermaid.js ER diagram preview Tech Stack: - 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 for client-side rendering We wanted this to be as privacy-friendly as possible. It is stateless, doesn't store your schemas, and lets you optionally supply your own Google AI Studio key to bypass backend limits. I’d love to hear your feedback, feature ideas, and what database engines we should support next! I'll be here all day responding to your comments. Happy building! 🛠️

Visual Whiteboard → Schema Builder

Turn whiteboard drawings & text into SQL & Prisma schemas

Turn whiteboard drawings & text into SQL & Prisma schemas