Project kinds
Each project is a single kind. The kind decides the workspace shape, the chat’s default behavior, and what you can export to.
The seven kinds are intentional. Each row is a workflow we want sharply distinguished.
| Kind | What it’s for | Stack | Exports to |
|---|---|---|---|
| Hi-fi design | Pixel-perfect screens for review or handoff | — | ZIP · HTML · PDF · Figma · CC handoff |
| Prototype | Loose exploration; many directions side by side | — | ZIP · HTML · PDF · Figma · CC handoff |
| Interactive prototype | Clickable demo, no backend | — | ZIP · HTML · PDF · Figma · CC handoff |
| Slide deck | Presentations | — | ZIP · HTML · PDF · PPTX · Editable PPTX · CC handoff |
| Design system | Tokens — palette, type, spacing, motion | — | (versioned snapshots) |
| Component library | Your TSX / Dart kit | React / Flutter | ZIP |
| App | A real product with code, DB, deploy | React / Flutter | ZIP |
What can become what
You can promote a Design → App with one click and pick a stack — the App carries a link back to the source design.
Publish a Design system and every bound project picks up the new tokens. Publish a Component library and every app you’ve bound it to installs the new version.
Slide decks export to PowerPoint two ways: pixel-perfect screenshots, or native shapes you can edit downstream. See Slide deck.
Design vs code
Two families:
- Design-shaped — Hi-fi design, Prototype, Interactive prototype, Slide deck. Canvas workspace, single-file output per screen, design-to-Figma export.
- Code-shaped — App and Component library. Real source tree, package manager, deployment.
Design systems are their own thing — there’s no workspace; the entire artifact is a tokens document.
What’s missing on purpose
Two surfaces you might expect on the App workspace but won’t find:
- No Authentication tab. End-user identity, providers, and the user list are operations concerns. They belong in the Base auth console, not the Studio dev surface.
- No Functions tab. Functions are TypeScript files. They live in the Code tab under
/functions/; the dev preview hot-reloads them automatically. A separate tab would be a duplicate file-tree.
Workspace status
Each project carries a status — Active, Workspace missing (folder gone or moved), or Error (a hydration step failed). Re-link from the project menu if a workspace went missing.
See also
- Design — the three design-shaped kinds
- App
- Component library
- Design system
- Slide deck
- Export — which formats per kind