Open een project en je komt in de werkruimte: links de gereedschappen (chat, bestanden, herstelpunten), rechts het live voorbeeld van je website.
Sommige knoppen in de werkruimte zijn (nog) Engelstalig — bijv. Start/Stop en Deploy. In deze handleiding gebruiken we de teksten zoals ze op je scherm staan.
Het project start automatisch als je het opent. Rechtsboven zie je de startknop: Stop (draait), Starting... (bezig), Start (gestopt) of Retry (na een fout).
Dit is de belangrijkste manier van bouwen. Typ in het chatvak ("Wat wil je bouwen?") wat je wilt, bijvoorbeeld:
- "Maak de koptekst groter en zet er een foto achter"
- "Voeg een contactformulier toe aan de contactpagina"
- "Maak de kleuren wat rustiger"
Terwijl de AI werkt zie je wat er gebeurt ("Bestand bewerken", "Commando uitvoeren...") en de status Bezig... met een Annuleren-knop. Zodra de AI klaar is hoor je een geluidje en ververst het voorbeeld.
Handig om te weten:
- Wachtrij — je hoeft niet te wachten: typ je volgende opdracht terwijl de AI bezig is en die wordt in de wachtrij gezet (knop In wachtrij). Je kunt wachtrij-berichten ook weer verwijderen.
- Premium-knop — voor ingewikkelde opdrachten kun je het krachtigste AI-model inschakelen. Je ziet hoeveel premium-berichten je nog hebt deze maand (bijv. "Premium (18/25)"). Zie Abonnementen.
- Foutje van de AI? Vraag het gewoon opnieuw of anders. Blijft er iets mis gaan, klik dan op Start nieuwe sessie.
Rechts zie je je website zoals bezoekers hem zien, met een adresbalk en vooruit/terug-knoppen.
- Weergave wisselen — bekijk je site als Mobiele weergave, Tablet weergave of Desktop weergave.
- Tekst Bewerken ✏️ — klik op deze knop en daarna op een tekst in het voorbeeld om die direct te wijzigen, zonder chat.
- Afbeeldingen Vervangen 🖼️ — klik op een afbeelding in het voorbeeld en kies een vervangende afbeelding uit je geüploade media.
- Element Inspecteren 🎯 — klik op een onderdeel van de pagina en beschrijf wat je eraan wilt veranderen; de AI past precies dát onderdeel aan.
Een herstelpunt is een opgeslagen versie van je hele website waar je altijd naar terug kunt.
- Klik op Klaar in de chat (of Save Checkpoint in het tabblad Checkpoints) en geef het punt een naam — de AI stelt er zelf een voor, bijv. "Hero sectie toegevoegd".
- In het tabblad Checkpoints zie je alle herstelpunten. Klik op een punt om je website naar die versie terug te zetten. Heb je niet-opgeslagen wijzigingen, dan kun je kiezen: Save & Restore (eerst opslaan) of Discard (wijzigingen weggooien).
- Een oranje stipje op het tabblad betekent: er zijn wijzigingen die nog niet in een herstelpunt zitten.
Tip: sla een herstelpunt op vóór je iets groots laat verbouwen. Dan kun je altijd terug.
- Files (bestanden) — blader door de bestanden van je project, upload afbeeldingen of andere media, maak mappen aan.
- Generate Image 🪄 — laat de AI een afbeelding voor je maken: beschrijf wat je wilt en kies een formaat.
- Kwaliteitsrapport ✔️ — controleer je website op Toegankelijkheid, SEO, Prestaties en Best Practices. Per onderdeel zie je Geslaagd, Waarschuwingen of Fouten; met Opnieuw Controleren draai je de check nog eens.
- Console — laat foutmeldingen van je website zien (rood bolletje = fouten). Handig om aan de AI door te geven: "los de fouten uit de console op".
- Terminal — voor gevorderde gebruikers die zelf met AI-gereedschap of de opdrachtregel willen werken, met hun eigen account.
- Preview Settings 🔗 — deel een voorbeeldlink met anderen vóór je publiceert: zet Enable preview link aan en kies Public of Password protected (met wachtwoord).
Werk je in een team? Dan kunnen meerdere mensen tegelijk in hetzelfde project werken: je ziet elkaars naam en cursor live in het voorbeeld, en chatberichten van teamgenoten verschijnen met hun naam erbij.