What is LumiDevKit?

LumiDevKit is a set of free browser tools for Bubble.io developers. You give it an export from your Bubble app, and it turns that export into things you can actually read: a database diagram, a workflow trace, a reusable-element tree, a design system, an audit.

It is free, it requires a signup, and there is nothing to install.

One Bubble export, dropped on the Database Visualizer: 142 data types and option sets with every relationship between them drawn. Nothing was installed to produce this.

The mental model

Every tool follows the same four beats:

export → upload → explore → export back out

You get a file out of Bubble, drop it on a tool, click around, and take something useful away: a diagram to share, a SQL schema, a design system document, a list of performance problems.

The one thing worth knowing up front is that the parsing happens in your browser. Your export is not sent to a server to be processed. The single exception is if you deliberately save a schema to your account, which is covered in privacy and your data.

The tools

Two ways to start

You already have a Bubble app. Get its export and pick a tool. Start with get your app export out of Bubble, then which file does each tool need?.

You have an idea, not an app. You do not need Bubble at all. Describe your idea to ChatGPT or Claude, hand it our prompt, and upload the result to the Database Visualizer. Start with turn an app idea into a database, with AI.

The second route matters more than it sounds. Bubble only enables the full application export on its Starter plan and above, so four of the six tools need a paid Bubble account. The Database Visualizer does not, which makes the AI route the way in if you are on a free plan.

Before you share anything

A raw Bubble export contains your API keys. If you are going to send it to anyone, or paste it into an AI tool, run it through the JSON Sanitizer first. It takes about ten seconds.

View this page as plain markdown