Redigera interaktiva Canva-koddesigner och element
Om du har använt Canva-kod för att skapa en interaktiv funktion i din design, till exempel en frågesport, kalkylator eller nedräkning, kan du redigera dem direkt i Canva.
Så här redigerar du Canva-kodsidan eller återanvändbara element.
Tips:
- Läs mer om hur den här funktionen räknas mot din AI-användning.
- Lär dig hur du skriver bättre uppmaningar för att maximera din AI-tilldelning.
Redigera din interaktiva Canva-kodgenererade sida
Med Canva Code kan du enkelt förfina både ditt innehåll och dina interaktioner med hjälp av en kombination av direktredigering och prompting med Canva AI.
- Du kommer att kunna redigera det mesta av text, textformatering och bilder direkt på arbetsytan. För layoutsektioner, storleksändring och styling, använd Canva AI för att göra dina ändringar.
- Du kommer också att kunna spela och interagera direkt med din design för att uppleva din sida som din publik vill, så att du kan testa interaktioner och flöde i realtid. Klicka för att avmarkera alla artiklar som du redigerar för att sedan interagera med alla knappar eller fält.
Obs: Alla designelement är inte direkt redigerbara på grund av den responsiva strukturen. Om det finns ett element som du vill redigera men inte kan välja, använd fliken Canva AI för att beskriva den ändring du vill ha och skicka in din uppmaning.
- I redigeraren väljer du sidan som ska redigeras.
- Om alla designelement är direkt redigerbara kan du:
- Markera och redigera text som stöds
- Justera teckensnitt, färger och stil med verktygsfältet
- Ändra storlek på och flytta layoutavsnitt
- Om något inte kan redigeras direkt på det sätt du skulle vilja markera det och sedan:
- Välj Canva-AI i verktygsfältet.
- Beskriv förändringen du vill ha. Till exempel ”byta diagram till en instrumentpanel” eller ”ändra etiketter till bilder”.
- Du kan också be Canva-AI att förfina hela sidan.
- Om du vill kopiera din designs kod väljer du Kodoch sedan Kopiera kod.
- Du kan ersätta valfri media i designen med foton och grafik från element eller med eget innehåll från Uppladdningar. Dra och släpp direkt för att ersätta bilder, och tryck sedan på Ersätt i verktygsfältet.
- När du uppmanar med Canva-AI kan du bifoga uppladdningar som referens i din uppmaning, till exempel ”uppdatera designen till en stil som den här”.
- Du kan också bifoga uppladdningar för att direkt bädda in i din design, till exempel ”använd den här logotypen i designen”.
- Välj för att ta bort sidan och starta en ny design.
- "Ändra detta i alla designer" -meddelanden gäller inte koddesigner. AI-ändringar gäller en sida åt gången. Massuppdateringar över flera designer stöds inte.
- AI-uppdateringar påverkar endast sidan du redigerar för närvarande. Ändringar överförs inte till andra kodsidor.
- Varje sida har sin egen, separata AI-chatthistorik.
Redigera interaktiva element
- Öppna en design som innehåller ett Canva-kodgenererat element.
- Klicka på det interaktiva elementet för att välja det.
- I verktygsfältet som visas väljer du Redigera. Då öppnas redigeringspanelen där du kan:
- Lägg till eller ändra titeln och underrubriken.
- Använd växlingsbrytarna för att visa exportknappen, sökfältet och taggfilter. Obs! Alternativen i redigeringspanelen kan se olika ut beroende på vilken Canva-kod som har genererats. Vissa knappar, som Export, Share eller Tag-filter, kanske inte alltid är tillgängliga.
- Så här redigerar du teckensnitt och färger:
- I verktygsfältet väljer du en färgpanel för att öppna färgpanelen.
- I färgpanelen, välj din föredragna färg. Bakgrunds- och knappfärgerna justeras automatiskt.
- Välj ett teckensnitt i listmenyn (inklusive Brand Kit-teckensnitt) för att tillämpa det på hela det interaktiva elementet.
- Du kan också öka eller minska storleken på teckensnittet med kontrollerna i verktygsfältet.
- Välj knappen Animera för att lägga till visuella effekter.
- Välj knappen Position för att öppna panelen Ordna och lager. Justera arrangemanget eller skiktningen av det Canva Code-genererade interaktiva elementet tillsammans med andra element i din design.
Hittar du inte Canva-koden på din startsida? Läs mer om åtkomstbegränsningar för Canva-koder.
Nästa steg: Publicera och hantera Canva-kodwebbplatser
Var detta till hjälp?
Till hjälp
Inte till hjälp