Funktioner

Visuella redigeringar

Så ändrar du design, text och layout direkt på sidan

I stället för att beskriva varje liten ändring för agenten kan du arbeta direkt i förhandsgranskningen av ditt projekt. Klicka på ett element för att ändra hur det ser ut, skriv om text på plats eller rita en markering över sidan för att visa agenten vad du menar.

Visuell redigering är elementbaserad. Du väljer ett element på sidan, ser vilka inställningar som finns för det och tillämpar ändringen där. Design- och textändringar skrivs in i projektet när du sparar, utan en agentomgång och utan att använda krediter.

Visuella redigeringar fungerar bara på dator. Verktygsfältet visas inte på mobiler eller i smala webbläsarfönster.

Verktygsfältet

Ett verktygsfält svävar över den levande förhandsgranskningen av ditt projekt, med tre verktyg:

  • Redigera design: Klicka på ett valfritt element för att ändra dess utseende, bild eller layout.
  • Redigera text: Redigerbar text har en kant, så du kan klicka på den och skriva om den.
  • Markering: Rita på sidan för att visa vad du menar.

Tryck på Esc när som helst för att gå tillbaka till att surfa i förhandsgranskningen.

Redigera design

När du väljer ett element öppnas dess inställningar i den vänstra panelen. Vad du får beror på vilken typ av element du valde: en sektion erbjuder storlek, avstånd, bakgrund, kantlinjer och hur underelementen ordnas, ett textelement erbjuder typografi, och med en bild kan du byta ut filen mot en ny.

Panelhuvudet visar var du befinner dig, från nivån Globalt ner till det valda elementet, och med temaväxlaren kan du kontrollera resultatet i både ljust och mörkt läge innan du sparar.

Redigera text

Text som du kan skriva om har en kant direkt i förhandsgranskningen. Klicka in i den och skriv. Det är det snabbaste sättet att rätta en rubrik eller ett stycke, eftersom du ser resultatet på plats medan du skriver.

Markering

Ibland går det snabbare att visa agenten vad du menar än att beskriva det.

När Markering är på ritar du över den del av sidan du pratar om. Vibewax räknar ut vilka element som ligger under din markering och bifogar dem till ditt nästa meddelande. Rita så många markeringar du behöver, skriv sedan ditt meddelande och skicka det som vanligt.

Medan du ritar finns Ångra, Gör om och Rensa i verktygsfältet.

Markeringar är ett sätt att peka, inte en plats för kommentarer. De sparas inte i projektet och kostar ingenting utöver meddelandet du skickar.

Spara eller förkasta dina designändringar innan du börjar markera, och behåll förhandsgranskningen i samma storlek medan du ritar. Om du ändrar storleken rensas dina markeringar, eftersom de är förankrade där innehållet låg.

Det går inte alltid att klicka exakt på det du vill, oftast när element överlappar varandra eller ett underelement täcker sitt överordnade element.

Ett litet fält ovanför ditt val låter dig gå upp en nivå eller i sidled bland närliggande element. Där hittar du också kodikonen, som öppnar elementets källkod i fliken Kod, och alternativet att ta bort elementet helt.

Fråga AI

Fråga AI finns bredvid text och bilder i panelen, för när du hellre beskriver en ändring än ställer in den. På text skriver den om texten utifrån din prompt. På en bild kan den redigera den bild du har eller generera en ny, och du förhandsgranskar resultatet innan du behåller det.

När ett element är valt växlar chattfältet också till att redigera just det elementet. Allt du skriver där gäller bara ditt aktuella val.

Fråga AI och prompter som skickas från chattfältet använder krediter som vilken annan AI-begäran som helst, och priset för Fråga AI visas innan du kör det. Allt du ställer in för hand i panelen är gratis.

Spara dina ändringar

Så länge du har osparade ändringar visar verktygsfältet hur många du har gjort, och du kan spara eller förkasta dem alla på en gång.

Att spara går inte via agenten, så det sker direkt och kostar inga krediter. Om en ändring är mer omfattande lämnar Vibewax över den till agenten i din chatt, där den fungerar som vilket annat meddelande som helst.

När verktygsfältet inte är tillgängligt

Verktygsfältet döljs eller blir grått när direkt redigering inte skulle fungera:

  • Vänta tills Vibewax är klar: Agenten arbetar fortfarande med ditt projekt.
  • Väntar på att förhandsvisningen ska bli klar: Din förhandsgranskning håller fortfarande på att starta.
  • Stäng planen för att redigera sidan: Du har en plan öppen i chatten.