Verktygsbeskrivning

Detta verktyg genererar HTML-hälsningskort, inbjudningar, flygblad och broschyrer från en textprompt. Beskriv designen du vill ha — inklusive färger, typsnitt, innehåll och stämning — så producerar AI:n ett stilrent HTML-dokument. Resultatet förhandsvisas på en live-canvas och visas även som redigerbar HTML-källkod.

Inbyggda förinställningar täcker de vanligaste användningsfallen så att du kan börja direkt utan att skriva en prompt från grunden.

Exempel

Prompt:

Elegant födelsedagsinbjudan för en 30-årsfest, guld och marinblå färger, inkludera platshållarfält för gästens namn, datum, tid och plats.

Utdata: Ett komplett HTML-dokument med marinblå bakgrund, guld rubrik med serif-typsnitt ("Du är inbjuden"), platshållartextblock för evenemangsdetaljer och matchande dekorativa ramar — redo att exporteras som PNG eller skrivas ut.

Prompt:

Modernt minimalistiskt visitkort för en mjukvaruingenjör vid namn Alex Johnson på TechCorp Inc. Ren, mörk marinblå och vit färgskala.

Utdata: En HTML-layout i visitkortsstorlek med namn, titel, e-post, telefon och webbplatsfält utformade i en tvåfärgad marinblå/vit design.

Funktioner

  • Förinställda mallar — åtta färdiga prompter för födelsedagsinbjudningar, visitkort, bröllopsinbjudningar, OSA-kort, hälsningskort, tackkort, flygblad och broschyrer.
  • Live canvas-förhandsvisning — renderar den genererade HTML-koden omedelbart med anpassning för zoomning och stödjer export till PNG, JPG eller utskrift.
  • Redigerbar HTML-utdata — den genererade koden visas i en syntaxmarkerad kodredigerare så att du kan finjustera färger, text eller layout direkt efter genereringen.

Alternativ förklarade

Alternativ Beskrivning
Förinställning Laddar en förskriven prompt för en vanlig korttyp. Att välja en förinställning fyller i promptfältet; du kan sedan redigera den fritt.
Beskriv vad som ska genereras Fritextprompt som skickas till AI:n. Var så specifik du vill: nämn dimensioner, färgpalett, typsnitt, dekorativa element och platshållarfält.

Tips

  • Inkludera specifika färger och dimensioner i din prompt för mer förutsägbara resultat (t.ex. "bredd 600px, röd och guld palett").
  • Efter generering, redigera HTML-koden direkt i kodpanelen för att justera typsnitt, avstånd eller text utan att generera om.
  • Använd utskriftsexportalternativet för att öppna webbläsarens utskriftsdialog, vilket låter dig spara en PDF av hög kvalitet.
  • Nämn "platshållare" i din prompt där du vill ha tomma fält (t.ex. "platshållare för gästens namn") så att det genererade kortet blir återanvändbart.