Design

Design is an AI full-stack app builder. Describe an app from a prompt or import a repo you already have, then edit the frontend, backend, and database together by talking to an agent. You get a real running preview, a real branched database, and — the part that matters — the code lands in your own GitHub repository, not a sandbox you can never leave.

Where Lovable-style builders hand you a walled garden, Design is wired into the whole Destesi suite: the agent runs in a real sandbox (the same engine that powers Preview), the database is a real Snap branch, and every accepted change is a genuine commit pushed through Connect to your repo.

Quickstart

1. Open Design and sign in.

   Go to design.destesi.io and sign in with your Destesi account. Design shares one workspace and a single sign-on session with the rest of the suite.

2. Connect GitHub.

   Design reads from and writes to your GitHub. Authorize GitHub once in Connect — Design uses that connection to clone your repo in and to push the agent’s commits back out. The token never enters the build sandbox.

   You can skip this and still start: without a GitHub connection Design creates an internal repository for you, so your app is still real code in real version control from the first commit.

3. Create or import a project.

   • Import — paste an existing repo (owner/name) to build on an app you already have.
   • Create — leave the repo field blank and Design creates a fresh repo in your GitHub to grow into.

   Either way Design forks an isolated database branch for the project and provisions its sandbox.

4. Boot the sandbox and describe a change.

   Once the sandbox is ready, the live preview shows your app running. Type what you want in the chat panel:

   Add a pricing page with three tiers and a FAQ section.

   The agent edits the files in place — the preview hot-reloads as it works.

5. Your code, in your repo.

   Each accepted turn is committed and pushed to a destesi-design working branch in your GitHub repo. Open a PR to your main branch whenever you’re happy. It’s your code at every step — there is no separate “export.”

   Because each turn is a commit, the History tab lets you restore the project to any earlier point if a change goes the wrong way.

Tip

Import beats create for a first run: pointing Design at a repo with a working dev script lets you watch the live-preview + agent-edit loop end to end immediately.

What makes it different

• Real, owned code. The source of truth is your GitHub repo via Connect — no lock-in, no trust-me export step.
• Real database. Every project gets a copy-on-write Snap branch — experiment freely, the source is never touched.
• Real preview. A warm per-project sandbox with hot-reload, then the Preview product for shareable deployments.
• Real history. Every turn is a commit you can read in the Code tab and roll back to from the History tab.
• Finished content. The agent can call ImageGen for real imagery and TTS for voice, so apps ship complete instead of full of placeholders.

Where Design fits in the suite

Design is one product in the Destesi suite — one login, one workspace, one SSO session that follows you everywhere. It composes the other apps rather than reinventing them: Connect for credentials, Snap for the database, the sandbox engine for the runtime, and your GitHub for the code.

Next steps

ConceptsProjects, the sandbox, the database branch, the agent, and how your code is committed.

ReferenceHTTP API, project lifecycle states, and environment variables.

TroubleshootingSandbox won't boot, sign-in issues, and push failures.

Connect your GitHubAuthorize GitHub so Design can read and write your repos.