Canva 코드로 대화형 디자인 만들기

Canva 코드를 사용하면 전문적인 코드를 작성하지 않고도 반응형의 인터랙티브 디자인을 만들 수 있습니다. 다음 두 가지 방법으로 Canva 코드를 사용할 수 있습니다.

• 대화형 코드 디자인 만들기
  • 랜딩 페이지, 대시보드 또는 포트폴리오와 같은 완전한 상호작용형 디자인을 만들고 Canva 편집기에서 편집 및 웹사이트로 게시
• 디자인에 대화형 코드 요소 추가
  • 다른 디자인에 대해 퀴즈, 계산기, 차트와 같은 상호작용형 요소를 만들고 여러 디자인에 재사용할 수 있습니다

완전한 상호작용형 경험을 구축하고 싶다면 강령 디자인 유형을 사용하세요.

• 랜딩 페이지, 대시보드, 포트폴리오 등을 만들어 보세요
• Canva 편집기에서 편집 및 다듬기
• 반응형 웹사이트로 게시

하나의 상호작용형 구성 요소를 생성하려면 Canva AI 로 이동한 다음 코딩 으로 전환하세요.

• 퀴즈, 계산기, 차트 등을 요소로 만듭니다.
• 프레젠테이션, 화이트보드, 기타 디자인 유형에 추가하세요. 웹사이트로 게시하거나 여러 디자인에 요소를 재사용할 수 있습니다.

편집기에 있는 도구를 사용하여 Canva 코드로 생성한 디자인을 다듬으세요. '코드로 생성한 상호작용형 디자인 및 요소 편집' 에서 자세히 알아보세요.

참고: 상호작용형 기능은 디자인을 Canva에서 보거나 웹사이트로 게시할 때 작동합니다.

프롬프트를 통해 Canva 코드 디자인을 업데이트할 때마다 Canva는 동일한 채팅 스레드 내의 새 버전을 자동으로 저장합니다. 이를 통해 이전 반복을 다시 방문하거나, 이전 버전에서 계속 편집하거나, 외부 사용을 위해 생성된 코드를 복사할 수 있습니다.

참고: 동일한 대화 내에서 계속해서 프롬프트를 실행하면 자동으로 새 버전이 생성됩니다.

1. Canva 코드 대화 스레드를 엽니다.
2. 사용하려는 버전을 선택합니다.
3. 디자인에 사용하기 를 선택하여 Canva에서 해당 버전을 계속 편집하세요.

Canva 코드로 생성된 기본 코드를 확인하고 복사하여 Canva 외부에서 재사용할 수 있습니다.

• Canva 코드는 canva.cn 의 사용자를 제외한 Canva에서 사용 가능한 모든 언어를 지원합니다.
• Canva 코드는 사용자가 입력하거나 사용한 설명을 통한 지침만 취합니다. 더 많은 맥락과 지침을 제공할수록 결과는 더 좋아집니다.
• 코드를 복사하여 외부에서 재사용할 수 있지만, 파일로 내보내거나 Canva 내에서 직접 편집할 수 없습니다.

네. 코드를 복사하면 자체 프로젝트에서 사용할 수 있어요. Canva용으로 제작되었지만 외부 도구나 워크플로에 맞게 편집할 수도 있습니다.

귀하와 Canva 사이에, 그리고 법률이 허용하는 한에서, 귀하는 Canva의 AI 기능에 대한 입력 및 결과물(Canva 코드 및 제작된 Canva 코드 포함)을 소유하며, Canva는 귀하의 입력 또는 결과물에 대한 어떤 저작권 소유권도 주장하지 않습니다. (생성된 Canva 코드 포함). 자세한 내용과 전체 약관은 AI 기능 약관 을 참조하세요.

본인만 Canva 코드를 통해 대화한 내용을 볼 수 있습니다.디자인에서 사용하기 를 클릭하면 해당 버전의 새 디자인이 생성되고,

디자인을 웹사이트에 게시하면 액세스 제어는 웹사이트 게시 흐름 중에 구성하는 설정에 따라 제어됩니다.

관리자, 교사 또는 브랜드 디자이너는 팀 또는 수업에서 Canva 코드에 액세스할 수 있는 사용자를 선택할 수 있습니다.

이제 Canva 코드가차등 기반 편집을 사용합니다. 즉, 전체 블록을 다시 생성하는 대신 필요한 코드 줄만 업데이트됩니다. 따라서 디자인 논리를 조금씩 변경할 때 더 빠른 피드백을 받을 수 있습니다.