소개
Canva AI에 코딩 기능이 생겼다는 소식을 듣고 직접 테스트해보고 싶었습니다.
별도의 설치나 복잡한 설정 없이 프롬프트만 입력하면, 시각적으로 깔끔한 결과를 보여준다는 점이 매력적이었어요.
진행 방법
✅ 사용 도구
Canva AI (코드 생성 기능)
우선 제시된 예제로 먼저 몇가지 테스트 해보았습니다.
그랬더니 깔끔하게 만들어지고 동작도 잘하더라구요^^
💬 입력한 프롬프트
그래서 저도 비슷한 느낌으로 시도해보았습니다.
고등학생 수준의 영어 단어 100개로 단어퀴즈를 만들고 싶어.
이 간단한 한 문장만 입력했는데, Canva AI가 단어 리스트를 기반으로 한 시각적인 퀴즈 레이아웃을 자동 생성해주었습니다.
추가적으로 몇번의 요청을 더 해보았는데 적절히 잘 반영해주었어요^^
이렇게 생성중에는 코드가 보입니다.
단어 예제를 포함하고 있네요^^
🧪 시도한 내용과 시행착오
또다른 케이스로 다음과 같이 한글 단어 퍼즐도 시도해보았는데, 사이즈가 살짝 틀렸고
자음과 모음을 따로 처리해서 "ㄱ ㅏ ㄴ ㄱ ㅏ ㄴ" 식으로 분리된 결과를 보여주네요.대신 "한글 자모가 아닌 한 글자로 표시해줘" 라는 요청을 한번 더 입력했더니 해결되었습니다.
단어 맞추기 게임을 만들고 싶어. 20*30 블럭에 단어가 섞여있고 연결해서 맞추면 사라져. 테트리스처럼 사라진 블럭은 아래로 내려앉고 가로로도 합쳐져. 모든 단어를 다 맞추면 블럭이 사라지고 게임이 종료돼.
비교를 위해서 Claude 에게도 시켜보았습니다. (Claude Sonnet 3.7 기준)
확실히 캔바의 UI 완성도가 더 괜찮은듯 합니다^^
📌 결과 출력 방식
결과물은 Canva 사이트에서 확인 가능하고 실제 동작도 됩니다.
단점은, 생성된 코드를 직접 복사하거나 수정할 수 없고 생성 후에는 확인이 불가능합니다.
디자인에 사용이라는 기능이 있지만 이미지 형태로만 첨부됩니다.
결과와 배운 점
간단한 게임이나 퀴즈 같은 시각적 프로그램은 손쉽게 만들 수 있습니다.
특히 학생들을 가르치는 교사들에게는 시각 자료 제작 도구로 강력한 무기가 될 수 있을꺼 같아요.
하지만 실제 코드 실행이나 디버깅이 필요한 개발자에게는 한계도 있습니다.
Canva AI의 코딩 기능은 실제 서비스 하는 프로그램을 만드는 용도 보다는
원하는 기능을 간단히 시각화 + 동작 해서 테스트 해보며 시연이나 빠른 의사판단에 도움이 될 수 있을꺼 같습니다.