ToolJet/docs/versioned_docs/version-3.16.0-LTS/build-with-ai/generate-applications.md

45 lines
3.4 KiB
Markdown
Raw Normal View History

2025-08-04 06:49:49 +00:00
---
id: generate-applications
title: Generate Applications
---
This guide explains how to quickly generate and modify business applications using ToolJet. You can create an app from scratch with a single prompt or enhance an existing app with AI-powered assistance.
## Creating Application
To create an application, follow these steps:
1. **Enter a prompt** Describe the business application you want to build in the prompt input on the dashboard.
2025-09-16 07:05:42 +00:00
<img className="screenshot-full img-full" style={{ marginTop: '15px' }} src="/img/tooljet-ai/generate-app/prompt.png" alt="tooljet generate apps" />
2025-09-22 07:02:13 +00:00
2. **Check Specs File** After submitting your prompt, a new app will be created, and youll be taken to the App Builder, where a specs files will be generated including list of features, navigation, etc.
2025-09-16 07:05:42 +00:00
<img className="screenshot-full img-full" style={{ marginTop: '15px' }} src="/img/tooljet-ai/generate-app/specs.png" alt="tooljet generate apps" />
3. **Design Layout** - Once you accept the specs then a Design Layout will be generated, you can either accept it or modify it in the visual builder.
<img className="screenshot-full img-full" style={{ marginTop: '15px' }} src="/img/tooljet-ai/generate-app/ui.png" alt="tooljet generate apps" />
2025-09-18 06:35:25 +00:00
4. **Select Data Source** - After approving the design layout, you need to select the data source, ToolJet AI Builder currently supports two data sources - PostgreSQL and MongoDB.
2025-09-16 07:05:42 +00:00
<img className="screenshot-full img-full" style={{ marginTop: '15px' }} src="/img/tooljet-ai/generate-app/ds.png" alt="tooljet generate apps" />
5. **Database Schema** - After selecting the data source you can approve or modify the database schema.
<img className="screenshot-full img-full" style={{ marginTop: '15px' }} src="/img/tooljet-ai/generate-app/schema.png" alt="tooljet generate apps" />
6. **App Generation** Once you confirm all the requirements then a fully fucntional app will be generated.
<img className="screenshot-full img-full" style={{ marginTop: '15px' }} src="/img/tooljet-ai/generate-app/app.png" alt="tooljet generate apps" />
2025-08-04 06:49:49 +00:00
2025-09-22 03:55:52 +00:00
### Modifying Application
2025-08-04 06:49:49 +00:00
You can modify any application in ToolJet with AI assistance, whether it's a newly created app or an existing one. You can update components and queries within your application with just a prompt.
2025-09-16 07:05:42 +00:00
<img className="screenshot-full img-full" src="/img/tooljet-ai/generate-app/modify.png" alt="tooljet generate apps" />
2025-08-04 06:49:49 +00:00
2025-09-22 03:55:52 +00:00
### Limitations
2025-08-04 06:49:49 +00:00
2025-09-18 06:35:25 +00:00
ToolJet AI supports generating queries with [RunJS](/docs/data-sources/run-js) and the following data sources:
2025-08-04 06:49:49 +00:00
- [Postgres](/docs/data-sources/postgresql/)
2025-09-22 03:55:52 +00:00
- [MongoDB](/docs/data-sources/mongodb)
## Generating Code
ToolJet lets you generate JavaScript, Python, or SQL code directly using AI.
1. Click the AI icon in the query panel to ppen the AI code generator. <br/>
<img className="screenshot-full img-full" style={{ marginTop: '15px' }} src="/img/tooljet-ai/gen-code/icon.png" alt="tooljet generate apps" />
2. Enter a prompt describing the logic or query you want to build. <br/>
<img className="screenshot-full img-m" style={{ marginTop: '15px' }} src="/img/tooljet-ai/gen-code/prompt.png" alt="tooljet generate apps" />
3. Check the generated code and either insert it directly or click Regenerate to try a different version. <br/>
<img className="screenshot-full img-m" style={{ marginTop: '15px' }} src="/img/tooljet-ai/gen-code/results.png" alt="tooljet generate apps" />