Twórz interaktywne projekty za pomocą kodu Canva
Canva Code umożliwia tworzenie responsywnych, interaktywnych projektów bez konieczności pisania kodu. Kodera Canva można używać na dwa sposoby:
- Twórz interaktywne projekty kodu
- Twórz w pełni interaktywne projekty, takie jak strony docelowe, pulpity nawigacyjne lub portfolio, oraz edytuj i publikuj jako strony internetowe w edytorze Canva
- Dodawaj do projektów interaktywne elementy kodu
- Twórz interaktywne elementy, takie jak quizy, kalkulatory lub wykresy, do innego projektu i wykorzystuj je w wielu projektach
Wskazówki:
- Dowiedz się więcej o tym, jak ta funkcja wpływa na wykorzystanie sztucznej inteligencji.
- Naucz się pisać lepsze podpowiedzi, aby zmaksymalizować swój limit sztucznej inteligencji.
Twórz interaktywne projekty kodu
Użyj typu projektu Kod , jeśli chcesz zbudować w pełni interaktywne środowisko.
- Twórz strony docelowe, panele, portfolio i nie tylko
- Edytuj i dopracowuj w edytorze Canva
- Publikuj jako responsywną stronę internetową
- Na stronie głównej Canva wybierz opcję Kod. Spowoduje to otwarcie edytora Canva.
- W edytorze Canva zacznij od opisania projektu na karcie Canva AI. Polecenie na przykład „Zaprojektuj interaktywny, przyjazny dla użytkownika tracker ćwiczeń”.
- Alternatywnie, na karcie „Szablony” możesz też przeglądać lub wyszukiwać szablony, od których można zacząć.
- Dopracuj go za pomocą Canva AI lub bezpośredniej edycji. Zobacz Edytowanie interaktywnych projektów i elementów z Kodera Canva, aby dowiedzieć się, jak to zrobić.
Dodawaj do projektów interaktywne elementy kodu
Przejdź do Canva AI , a następnie Koduj, jeśli chcesz wygenerować pojedynczy interaktywny komponent.
- Twórz quizy, kalkulatory, wykresy i inne elementy jako elementy.
- Dodawaj je do prezentacji, tablic lub innych typów projektów. Publikuj jako stronę internetową lub wykorzystuj elementy ponownie w wielu projektach.
- Na stronie głównej platformy Canva wybierz opcję Canva AI.
- W polu „Podpowiedź” opisz, jaki interaktywny element kodu chcesz utworzyć. Dowiedz się więcej o podpowiedziach AI tutaj.
- Wybierz opcję </> Kod.
- Naciśnij Enter na klawiaturze lub kliknij przycisk przesyłania. Canva AI przygotuje projekt na podstawie Twojego polecenia.
- Po wygenerowaniu projektu kodu wybierz opcję Użyj w projekcie.
- W sekcji Dodaj jako element do wybierz typ dokumentu, aby dodać go jako interaktywny element kodu.
- Aby ulepszyć projekt wygenerowany przez Koder Canva, podaj opcje doprecyzowania w polu czatu w panelu bocznym.
Uwaga: możesz uzyskać dostęp do wersji projektów ze swojego wątku czatu za pomocą Canva AI.
Edytuj interaktywne projekty i elementy generowane przez Kod Canva
Dopracuj projekt wygenerowany przez Koder Canva za pomocą narzędzi w edytorze. Aby dowiedzieć się więcej, zapoznaj się z artykułem Edytuj interaktywne projekty i elementy wygenerowane za pomocą Kodera Canva .
Wyświetl podgląd projektu i opublikuj go
Wybierz opcję Podgląd, aby wejść w interakcję z projektem. Gdy wszystko będzie dobrze wyglądać, możesz opublikować go jako stronę internetową. Dowiedz się, jak publikować strony internetowe z Kodera Canva i zarządzać nimi.
Uwaga: interaktywność działa, gdy projekt jest wyświetlany na platformie Canva lub publikowany jako strona internetowa.
Uzyskuj dostęp do Kodera Canva i zarządzaj nimi
Za każdym razem, gdy aktualizujesz swój projekt Kodera Canva za pomocą polecenia, Canva automatycznie zapisuje nową wersję w ramach tego samego wątku czatu. Dzięki temu możesz wrócić do wcześniejszych wersji, kontynuować edycję z poprzedniej wersji lub skopiować wygenerowany kod do użytku zewnętrznego.
Wyświetl historię zmian
- Na stronie głównej platformy Canva otwórz Canva AI.
- Pod paskiem poleceń wybierz </> Kod , aby wyświetlić swoje czaty Koder Canva na pasku bocznym.
- Uwaga: czaty Koder Canva można rozpoznać po ikonie </> obok nich.
- Otwórz wątek czatu Koder Canva.
- Na pasku bocznym przejrzyj dostępne wersje (na przykład: Wersja 1, Wersja 2 i inne).
Uwaga: kontynuowanie wysyłania prośby w ramach tego samego czatu powoduje automatyczne utworzenie nowej wersji.
Użyj poprzedniej wersji
- Otwórz wątek czatu Koder Canva.
- Wybierz wersję, której chcesz użyć.
- Wybierz opcję Użyj w projekcie , aby kontynuować edycję tej wersji na platformie Canva.
Wyświetl i skopiuj kod
Możesz wyświetlić kod wygenerowany przez Koder Canva i skopiować go w celu ponownego wykorzystania poza platformą Canva.
- W wątku Kod Canva włącz przełącznik Pokaż kod.
- Wybierz Kopiuj kod, aby zapisać go w schowku.
Ograniczenia Kodera Canva
- Koder Canva obsługuje wszystkie języki dostępne na platformie Canva z wyjątkiem języków canva.cn.
- Koder Canva pobierze instrukcje wyłącznie na podstawie wprowadzonego lub używanego opisu. Im więcej kontekstu i instrukcji udzielisz, tym lepszy będzie rezultat.
- Kod można kopiować i ponownie wykorzystywać na zewnątrz, ale nie można go eksportować jako pliku ani bezpośrednio edytować na platformie Canva.
Czy mogę ponownie użyć kodu poza platformą Canva?
Tak. Skopiowany kod można wykorzystać we własnych projektach. Chociaż został stworzony dla platformy Canva, możesz go dostosować do narzędzi zewnętrznych lub procesów.
Czy mogę używać moich kreacji z Kodera Canva do użytku komercyjnego?
W odniesieniu do relacji między użytkownikiem a platformą Canva oraz w zakresie dozwolonym przez prawo użytkownik jest właścicielem swoich Danych wejściowych i wyjściowych funkcji AI (w tym Kodera Canva i utworzonych Kodów Canva), a Canva nie rości sobie żadnych praw autorskich do Twoich Danych wejściowych lub wyjściowych. (w tym utworzone Kody Canva). Więcej informacji i pełny regulamin znajdziesz w Regulaminie dotyczącym Produktów AI.
Kto może zobaczyć to, co tworzę za pomocą Kodera Canva?
Tylko Ty widzisz swoje rozmowy wykonane na Kodrze Canva. Gdy klikniesz opcję Użyj w projekcie , zostanie utworzony nowy projekt w tej wersji, który możesz udostępnić (w tym Kod Canva) za pomocą przycisku Udostępnij .
Jeśli publikujesz projekt w witrynie internetowej, kontrolę dostępu określają ustawienia, które konfigurujesz podczas publikowania witryny.
Czy mogę zarządzać dostępem mojego zespołu do Kodera Canva?
Jeśli jesteś administratorem, nauczycielem lub projektantem marki, możesz określić, kto może mieć dostęp do Kodera Canva w Twoim zespole lub klasie.
Nie możesz znaleźć kodu Canva na stronie głównej? Dowiedz się więcej o ograniczeniach dostępu do kodu Canva.
Dlaczego nie widzę zmiany wierszy kodu?
Koder Canva używa teraz edycji opartej na różnicach, co oznacza, że tylko niezbędne wiersze kodu są aktualizowane zamiast generowania całego bloku ponownie. Dzięki temu szybciej otrzymujesz informacje zwrotne, gdy wprowadzasz małe zmiany w logice projektu.
Jeśli po wysłaniu prośby nie widać zmiany linii kodu, oznacza to, że platforma Canva zastosowała w tle tylko niezbędne zmiany. Poczekaj na zakończenie generowania kolejnej wersji kodu Canva.
Czy artykuł był pomocny?
Pomocny
Niepomocny