1DevTool v1.6.0: AI Design Tool, 13+ Database Engines, Mermaid Diagrams, and Send-to-AI Debugging

How many apps do you have open right now? If you're like most developers, the answer is painful: Figma for mockups, DBeaver or pgAdmin for databases, Postman for APIs, a terminal for Claude Code, and maybe another terminal for Docker. Five apps, five contexts, five mental models. Every Alt-Tab is a context switch, and every context switch costs you time and focus.

What if your AI code editor could replace all of them?

1DevTool v1.6.0 is the biggest release we've ever shipped. It adds a full visual design tool with AI generation, a database client supporting 13+ engines, Mermaid diagram rendering, Send-to-AI debugging for database errors, and a dozen more features that turn 1DevTool into a true all-in-one AI-powered development workspace. This is not an incremental update — it's a category expansion.

One Workspace for Everything

The premise behind 1DevTool has always been simple: developers should not need ten apps to do one job. Your code editor, your terminal, your AI assistant, your database client, your design tool, your API tester, and your diagram viewer should all live in the same workspace — sharing context, sharing intelligence, and sharing a single keyboard shortcut away from each other.

With v1.6.0, that vision takes a massive leap forward. Here's what 18 new features look like when they all ship at once.

AI-Powered Visual Design Tool

The headline feature of v1.6.0 is a built-in design tool that lets you create UI mockups and high-fidelity prototypes without leaving your code editor. This is not a stripped-down wireframing widget — it's a full canvas-based design surface with 21 placeable components, AI generation, device previews, and MCP integration that lets your AI agents design alongside you.

Component Canvas

The canvas supports 21 component types that cover the building blocks of any modern UI: Container, Separator, Heading, Paragraph, Link, TextInput, Checkbox, Select, Toggle, Button (with primary, secondary, ghost, and danger variants), Navbar, TabBar, Breadcrumb, Table, List, Card, Alert (info, success, warning, error), ProgressBar, Image, Icon, and Avatar.

Components snap to an 8px grid for consistent spacing. The canvas supports zoom from 0.25x to 3x, marquee selection for grabbing multiple elements at once, and resize handles on all four corners of every component. You get undo/redo with a 50-item history stack, so experimentation is risk-free.

AI Generation via MCP

Here's where the design tool becomes uniquely powerful inside an AI coding workspace. The design tool exposes an MCP (Model Context Protocol) server with 11 tools that let your AI agents interact with the canvas directly. Your AI can call add_component to place elements, create_screen to generate entire screens, get_canvas_state to read the current layout, and set_design_mode to switch between mockup and fidelity rendering.

The search_design_knowledge tool is particularly powerful — it gives your AI access to a built-in library of 50 design styles, 161 color palettes, 57 font pairings, and 99 UX guidelines. Ask Claude Code to "design a dashboard for a fintech app" and it doesn't just guess — it queries the knowledge base for appropriate color palettes, typography, and layout patterns before placing a single component.

Device Preview

The canvas includes device presets for Mobile (375x812), Tablet (768x1024), Desktop (1366x768), and Custom dimensions. Toggle between them to see how your design responds at different breakpoints. You can also create multiple screens using the tab system and switch between them — designing a full multi-screen flow without leaving the editor.

Two rendering modes — Mockup and Fidelity — let you switch between low-fi wireframe aesthetics (great for early ideation and stakeholder reviews) and high-fi pixel-perfect rendering (great for developer handoff and final approval).

Database Client for 13+ Engines

The second major pillar of v1.6.0 is a built-in database client that connects to virtually every database you'd encounter in modern development. No more switching to DBeaver, pgAdmin, MongoDB Compass, or RedisInsight. Query your data where you write your code.

Connect to Anything

The database client supports 16+ engines across every major category:

• Relational: PostgreSQL (plus CockroachDB, Redshift, TimescaleDB, Neon, Hydra, and Supabase compatibility), MySQL/MariaDB, and Microsoft SQL Server
• Columnar/Analytics: ClickHouse
• Document: MongoDB, CouchDB, SurrealDB
• Key-Value: Redis, Valkey, KeyDB
• Search: Elasticsearch
• Vector: Weaviate
• Time-Series: InfluxDB
• Streaming: Kafka
• Wide-Column: Cassandra

Each engine uses its native connection protocol — no ODBC wrappers or generic adapters. You get the full capabilities of each database, not a lowest-common-denominator abstraction.

Smart Query Editors

This is where most database clients fall flat. They give you a SQL editor for everything, even databases that don't speak SQL. 1DevTool provides engine-specific query editors that match how each database actually works:

• MongoDB gets a JSON-based query editor for aggregation pipelines and find operations
• Redis gets a command editor that understands Redis commands and data types
• Elasticsearch gets a DSL editor for search queries and aggregations
• SurrealDB gets a SurrealQL editor with syntax highlighting
• Cassandra gets a CQL editor
• InfluxDB gets a Flux query editor

Results render in specialized viewers that understand the structure of each engine's output. MongoDB documents display as expandable JSON trees. Redis keys show their types and TTLs. Elasticsearch hits display relevance scores. You can also export results as CSV, JSON, or NDJSON and import data in those same formats.

Send Errors to AI

This is the feature that makes the database client feel like it belongs in an AI-powered IDE rather than being bolted onto one. When a query fails or returns unexpected results, you can send the query, the error message, and the schema context directly to your AI terminal with one click.

Instead of copying the error, switching to a browser, pasting it into ChatGPT, and losing all context, you press one button and Claude Code (or whichever AI agent you're running) sees the full picture: the query, the error, the engine type, and the table schema. It can diagnose the issue, suggest a fix, and even run the corrected query — all within the same workspace. This same Send-to-AI flow works for HTTP responses from the API tester, making debugging truly seamless.

Mermaid Diagrams & More

v1.6.0 adds native Mermaid diagram rendering inside the editor. Flowcharts, sequence diagrams, entity-relationship diagrams, Gantt charts, class diagrams — if Mermaid can render it, 1DevTool can display it. This is particularly powerful for AI agents that generate architecture diagrams or data flow charts as part of their output. Instead of copying the Mermaid syntax into a browser tool, it renders inline.

But Mermaid is just one of a wave of quality-of-life improvements in this release:

• Drag-and-drop images into the editor with automatic persistence — images are stored locally and survive restarts
• Multiple browser tabs — the built-in browser now supports tabbed browsing, so you can keep your localhost preview, docs, and API reference open simultaneously
• Notification bell with a unified activity feed for terminal completions, file generations, and system events
• Kanban terminal dashboard — a board view for your terminal sessions that shows agent status at a glance
• Environment variable manager — view, edit, and switch environment configurations without touching .env files directly

Who Benefits Most

v1.6.0 is a broad release that touches almost every part of the development workflow. Here's a breakdown of which features matter most for different developer profiles:

The Full v1.6.0 Changelog

For completeness, here are all 18 features and improvements in this release:

1. Visual design tool with 21 component types and canvas controls
2. AI design generation via MCP server (11 tools, design knowledge base)
3. Screen tabs for multi-screen design workflows
4. MCP integration for external AI agents to control the design canvas
5. 13+ database engine connections (PostgreSQL, MySQL, MongoDB, Redis, and more)
6. Engine-specific query editors (MongoDB JSON, Redis commands, Elasticsearch DSL, SurrealQL, CQL, Flux)
7. Specialized result viewers per engine
8. CSV, JSON, and NDJSON import/export for database results
9. Mermaid diagram rendering
10. Send database results and errors to AI terminal
11. Send HTTP responses to AI terminal
12. Drag-and-drop image support with persistence
13. Image persistence across restarts
14. Multiple browser tabs
15. Notification bell with unified activity feed
16. Kanban terminal dashboard
17. Environment variable manager
18. Performance and stability improvements

Try It Today

1DevTool v1.6.0 is available now. Download it from 1devtool.com, open a project, and explore what happens when your design tool, database client, diagram renderer, and AI terminal all live in the same workspace.

The AI code editor category is evolving fast. Cursor and Windsurf made AI completions mainstream. GitHub Copilot brought AI to the masses. But the next frontier is not better autocomplete — it's fewer apps. It's giving developers a single workspace that understands code, design, data, APIs, and infrastructure. v1.6.0 is a major step in that direction.

One workspace. Design, query, diagram, debug — all with AI.