[Open-Source Desktop App] Bubble.io Dev Studio v3.0.0 — Unified DevOps, 3-Way Schema Diff, AST Dead Code, AI Translation & Visual QA Suite 🚀

[motologa]

Hey Bubble builders & agencies!

A few weeks ago, I shared a set of open-source CLI tools designed to automate repetitive developer workflows (schema backups, translation, dead code audits, and visual regression).

Based on the feedback and the desire for a unified, modern desktop developer environment, I’ve built and open-sourced Bubble.io Dev Studio v3.0.0 — an all-in-one Desktop Developer Suite & GUI designed specifically for Bubble.io engineers, agencies, and full-stack builders.

---

What is Bubble.io Dev Studio?

It is a cross-platform desktop application (Windows, macOS, Linux) that acts as an IDE sidecar for your Bubble applications. It connects directly to your Bubble Data & Workflow APIs and parses your .bubble AST blueprint files to provide deep diagnostic and developer tooling.

---

📸 Click to view all 9 High-Definition Feature Screenshots

Dashboard & Workspace Telemetry Overview

DevOps & 3-Way Schema Diff Studio

AST Dead Code & Interactive DAG Graph

AI Localization & Translation Studio

Security & RBAC Access Matrix Sandbox

Visual QA & Multi-Device Regression Suite

Webhooks & API Connector Studio

1-Click Developer Documentation Book

Workspace Settings & Endpoint Editor

---

Core Capabilities & Modules:

1. DevOps & 3-Way Database Studio

• 3-Way Schema Diff: Compare fields, option sets, and types across version-test, staging, and live.
• Declarative DDL Migrations: Generate SQL and JSON migration step plans.
• Relational Data Seeder: Populate realistic test environments with 1-click relational seeding.
• CI/CD Pipeline Generator: Export ready-to-use GitHub Actions & GitLab CI workflows.

2. AST Dead Code Detector & Interactive DAG

• Interactive Dependency Graph: Visualize relationships between pages, visual elements, custom workflows, and database tables.
• Orphan & Dead Code Discovery: Automatically detect unreferenced UI groups, dead custom events, and abandoned styles.
• App Quality Scorecard: Get an instant AST health grade (A+ to F) with actionable fix suggestions.

3. AI Localization & Translation Studio

• Multi-Provider LLM Integration: Translate entire app texts via Google Gemini, Anthropic Claude, OpenAI, DeepSeek, Groq, or local Ollama.
• Glossary & Brand Protection: Lock down brand terms and technical keywords to prevent mistranslation.
• 1-Click Export/Import: Export translated JSON/CSV ready for direct upload into Bubble’s Languages tab.

4. Visual QA & Multi-Viewport Regression Testing

• 4-Device Matrix: Inspect pages simultaneously across Desktop (1920px), Laptop (1280px), Tablet (768px), and Mobile (375px).
• Pixel-Perfect Regression Diff: Highlight pixel shifts and visual bugs between deployments.
• Agency Plan HTTP Basic Auth: Seamlessly test password-protected development environments.

5. Security & Privacy Rules Auditor (RBAC)

• Role Simulator (Persona Switcher): Test how your app behaves for Admins, Managers, and Logged-out users.
• CRUD Access Matrix: Visual audit of create, read, update, and delete permissions across all data types.
• SARIF 2.1.0 Export: Integrate security scan reports into enterprise CI/CD pipelines.

6. Workload Unit (WU) Cost Profiler

• Estimate monthly WU consumption for database searches, recursive backend workflows, and heavy aggregations.
• Identify unconstrained searches and optimization opportunities.

7. Webhooks & API Connector Studio

• Live Webhook Simulator: Inspect and debug incoming HTTP payloads.
• cURL to Bubble Converter: Paste raw cURL commands and convert them instantly into Bubble API Connector parameters.
• Plugin SDK Builder: Scaffold production-ready TypeScript/JavaScript plugins.

8. 1-Click Documentation Book (DocGen)

• Generate a comprehensive technical documentation book (Data Dictionary, ERD, Security Matrix, and Architecture) in HTML, Markdown, or PDF format.

---

Privacy & Architecture Highlights:

• 100% Local Execution: All computations and AST analysis run locally on your machine.
• Zero Telemetry: No tracking, analytics, or third-party data collection.
• Global Shortcuts: Ctrl+K for Command Palette, Ctrl+I for AI Query Copilot, Ctrl+B for Quick Backups.

---

Download Pre-Built Binaries (v3.0.0 Stable):

OS	Download Link	Type
Windows	Bubble.io.Dev.Studio.Setup.3.0.0.exe • Portable .exe	NSIS Installer / Portable
macOS	Bubble.io.Dev.Studio-3.0.0.dmg • .zip	Apple Silicon & Intel
Linux	Bubble.io.Dev.Studio-3.0.0.AppImage • .deb	AppImage / Debian package

GitHub Repository: https://github.com/alexandrmotologa/bubble-io-dev-studio
GitHub Releases & Changelog: https://github.com/alexandrmotologa/bubble-io-dev-studio/releases/tag/v3.0.0

---

Feedback & Discussion

I’d love to hear your thoughts, feedback, and what features you’d like to see added in future updates. If you find it helpful for your Bubble apps or client projects, feel free to give the repo a on GitHub!

Built by Alexandr Motologa | MTLG Labs

[motologa]

Just giving this a quick bump! If anyone manages to give the desktop app a spin over the next few days, I’m all ears for feature requests or rough edges you run into. What’s one developer task in Bubble that still drives you crazy and you wish had a 1-click fix?

[ihsanzainal84]

I’m not trying to take away the effort put into this but I personally do not see what this solves.

[Nakita]

Tried for DB visualization and it failed -

[motologa]

@Nakita Thank you so much for testing this on a real-world enterprise application! Having a database with 149 tables and 53 relations is the ultimate stress test.

The issue occurred because Mermaid.js has a conservative default buffer limit (`maxTextSize` of 50k characters), which gets exceeded when generating all fields and data types for 100+ tables simultaneously.

I’ve just shipped v3.0.1 to resolve this and optimize large-scale enterprise workflows:

1. 10M Character Buffer: Diagram text limits have been bumped to 10,000,000 chars, allowing massive monolith schemas to render without truncation.

2. New ‘Compact Models’ View Mode: Added a toggle directly in the ERD toolbar (`Full Fields` vs ` Compact Models`). For 100+ tables, Compact Mode shows table headers & relation links, rendering in milliseconds with maximum visual clarity.

3. Subgraph Focus: You can select any individual table from the dropdown to isolate it and its 1st-degree parent/child relations.

4. Character Sanitization: Special characters, quotes, and custom Bubble field names are now safely escaped.

You can download the pre-built v3.0.1 installer for Windows, Mac, or Linux here: GitHub

[motologa]

@ihsanzainal84 That’s a totally fair question! If you’re building a small MVP or a simple solo project, Bubble’s built-in editor has everything you need.

However, once an application grows, managing apps for clients or scaling databases usually forces developers to buy extra SaaS tools or do hours of tedious manual work. Bubble.io Dev Studio handles these directly:

• Bulk Data Importer: Smart CSV/JSON schema mapping, data transformation, and batch loading (a free, local alternative to paid tools like Impler/Flatfile).
• Zero-Manual AI Translations: 1-click batch translation for all App Texts across 7 AI providers, eliminating manual copy-pasting.
• Visual ERD Diagrams: Auto-generates interactive relational diagrams (which Bubble completely lacks).
• Deploy Safety (Schema Diff): Side-by-side database diff between Test and Live before publishing to prevent broken production apps.
• WU Cost & Dead Code Audit: Detects expensive N+1 query loops and cleans up orphaned custom states/workflows slowing down the editor.
• Security & Client Handoff: 1-click Privacy Rule audit and instant generation of offline technical documentation & TypeScript SDKs.

TL;DR: Bubble Editor is where you build; Bubble.io Dev Studio is your free developer cockpit for data migration, AI translation, performance auditing, deploy safety, and architecture mapping.

[rico.trevisan]

I want to love this idea, but you will need to iterate on it a bit more.

You might want to double / triple-check what your klankers are claiming. This code says verifyProviderConnection but the code never makes any connection attempts.

[motologa]

Thanks a lot for the eagle-eyed catch and for looking through the repo, @rico.trevisan!

You’re completely right. This is a free open-source project I’ve been building in my spare time for the Bubble community. During the initial UI prototyping and offline testing phase, I used mock stubs to test the workflow states without burning API tokens, and that placeholder slipped into the initial commit instead of the live fetch logic.

When juggling full-time work and side projects, it’s easy to overlook things like this, so I really value community peer reviews like yours!

I have just pushed an update (v3.0.2) with authentic, live HTTP verification requests across all supported providers (OpenAI, Google Gemini, Anthropic Claude, Groq LPU, xAI, OpenRouter, and local Ollama instance check) with real network latency measurement, accurate error handling, and live translation/copilot inference.

P.S. I also noticed the issues you opened on GitHub, I’ve already resolved #1 and #2 with this update, and I’ll tackle #3 and #4 in the next releases. Thanks again for such a meticulous look at the source code!

[Nakita]

@motologa - Feature Requests

1. Auto Update feature on the app itself (Rather than downloading each version from git)
2. Let the app autodownload .bubble file from the app (Similar to buildprint)
3. Docgen book making to be improved to meaningful text based approach rather than just field listing, since AI is connected, it can be used

[motologa]

Hey! @Nakita, Thanks for the great feedback. All 3 features are actually already built into the app:

1. In-App Auto Update: The desktop app includes built-in auto-updating (via GitHub releases). When a new version is published, it downloads in the background and prompts you to restart with a single click without losing any of your local workspace data.

2. Direct .bubble Auto-Import & Cloud Sync:

   • You can use the Cloud Direct Sync feature by inviting our collaborator bot (bubbledevstudio.bot@gmail.com) or using the Downloads Watcher, the app automatically detects and imports the latest .bubble export directly into your workspace without manual file picking.
   • Security note: Once the .bubble file is downloaded to your local app, the bot’s job is 100% complete! You can immediately remove the collaborator account from your Bubble app settings anytime. The studio operates completely offline on the downloaded file, so no ongoing collaborator access is required.

3. DocGen AI Architecture Book:

   • We added a dual-mode toggle: AI Narrative Book vs Raw Data Dictionary.
   • With AI enabled (Groq, OpenAI, Gemini, Claude, etc.), it generates meaningful contextual narratives: Executive Summaries, Domain Context, Actor Personas, Entity Lifecycles, and User Journeys, rather than just listing raw field tables.
   • You can also click “Re-generate with AI” on any individual chapter to refine it with custom prompts (e.g. security audits, GDPR, webhooks), preview it in the rich formatted reader, or export it to PDF/Markdown.

Make sure you’re on the latest build to test them out! Let us know how it works for you.