Start building your first app in minutes
In Hub Studio, websites are created only with Canvas: a live workspace and the Copilot chat. You describe (or dictate) what you need, watch it build in the preview, and iterate until you publish.
1. Create AppWeb Canvas
Open Hub Studio. You land on Mis AppWeb: your projects as cards with a thumbnail, status (Canvas / published / failed), and actions. Click + Nueva AppWeb (or Continuar to resume the last one). In a few seconds you enter Canvas with the typographic Welcome and Copilot ready for your first message.
2. Describe your idea in Copilot
Your first Copilot message kicks off the build. Tell it about the business, the screens you need, the visual tone, and whether you want forms, sample data, or other features. You can use the microphone to dictate, or Adjuntar to attach a screenshot or PDF as reference.
Example of a good message: "Create a site for a modern dental clinic called Sonrisa Sana. I need an attractive homepage, services (orthodontics, implants), and contact with a form. Blue and white colors, realistic sample data."
3. Follow the live build
While Copilot works, the workspace shows progress in the Preview, Código, Datos, and Proceso tabs. You don’t connect sections by hand: the agent generates and updates the app on the canvas.
- Preview: the navigable app as it takes shape.
- Proceso: a live feed of what the agent is doing.
- Código / Datos: generated code and the data contract when available.
4. Iterate with Ask, Plan, and Agent
Once the first version is ready, stay in the same chat. Copilot has three modes:
- Ask: investigates and defines (no edits applied).
- Plan: proposes a structured plan; run Build when you’re happy with it.
- Agent: applies changes on the live workspace.
Use Adjuntar to paste screenshots or PDFs and guide the change (“make it like this image”). If Ask offers a handoff, click Cambiar a Agent e implementar.
Iteration tip
Ask for concrete changes: “Add a login screen”, “Switch the palette to greens”, “Improve the home hero”. A clear message plus a screenshot is usually enough.
5. Publish / Live
When the preview looks right, click Publicar to set the public URL. If the app is already in production, the button becomes Live so you can open it or republish changes.
- Friendly URL: the public path you’ll share.
- Database: Hub prepares the Supabase schema from your app’s structure—no credentials to manage by hand.
6. (Optional) Connect Flow
From Canvas you can click Conectar Flow to link a conversational assistant (WhatsApp, Telegram, and more) to your AppWeb and create the automation (ATZ) in Hub Flow.
You’re set!
That’s the full loop: Canvas → Copilot message → iterate → Publish. Keep refining in the same chat whenever you need.
To go deeper: Workspace, Hub Gallery, Hub AI Credit.