Visual DB Designer

Untitled Project

100%

Toolbox

Objects

Schema Summary

Tables: 0

Columns: 0

Relationships: 0

Issues: 0

No selection Drag on empty area to pan • Scroll to zoom

Ready Storage: localStorage

Inspector

Select an object to inspect and edit its properties

Table Properties

Table Name

Schema

Comment

Columns

Primary Key

Column Properties

Column Name

Data Type

Length/Precision

Default Value

Nullable Unique Primary Key Auto Increment

Comment

Relationship Properties

Name

Type

From Table

To Table

On Delete

On Update

Warnings

Export Options

SQL DDL

Generate CREATE TABLE statements

SQL Dialect

Project File

Save as JSON for sharing or backup

Diagram Image

Export diagram as image (SVG/PNG)

Documentation

Generate schema documentation

Preview

Help & Shortcuts

Keyboard Shortcuts

Ctrl/Cmd + N New Project

Ctrl/Cmd + S Save Project

Ctrl/Cmd + Z Undo

Ctrl/Cmd + Y Redo

Delete Delete Selected

Space + Drag Pan Canvas

T Create Table

R Create Relationship

F Focus on Selected

Esc Cancel Current Action

How to Create a Relationship

Click the Relationship Tool in the toolbox
Click on a column in the source table
Click on a column in the target table
Configure the relationship in the inspector panel

Features

Drag and drop tables on the canvas
Double-click tables to rename
Right-click for context menu
Multiple selection with Shift/Ctrl or rubber-band selection
Auto-layout for organizing tables
Live SQL generation for multiple dialects
Project persistence in localStorage

Storage Key: visual_db_designer_projects

Projects are automatically saved to your browser's localStorage.

Edit

Duplicate

Delete

Export SQL

Center on Table

Add Column