facts

Canva가 자연어 프롬프트를 통해 인터랙티브 웹사이트, 앱, 디지털 경험을 구축할 수 있는 AI 코딩 도구 'Canva Code 2.0'을 공개했다. 이번 업데이트는 무료 계정을 포함해 Canva의 월간 활성 사용자(MAU) 2억 6,500만 명 전체에게 제공된다.

성능 지표에서 가장 두드러진 변화는 처리 속도다. Canva는 평균 코드 생성 시간을 기존 대비 75% 단축했으며, 첫 프롬프트 입력부터 사이트 게시까지 걸리는 중앙값(Median) 시간을 30% 줄였다. 또한, 생성된 코드를 Canva 에디터 내에서 일반 디자인 요소처럼 다룰 수 있게 통합하면서 Canva Code의 활성 사용자 수가 25% 증가했다고 밝혔다.

기능적으로는 인터랙티브 디자인을 위한 50개 이상의 신규 템플릿이 추가됐다. 사용자는 화이트보드, 프레젠테이션 슬라이드, 독립형 페이지 내에 인터랙티브 요소를 직접 임베딩할 수 있다. 특히 외부 AI 코딩 도구에서 생성된 raw HTML 파일을 가져와 편집 가능한 Canva 디자인으로 변환하는 임포트 기능을 지원한다.

how-it-works

Canva Code 2.0의 핵심 작동 방식은 '코드 생성'과 '시각적 편집'의 분리 및 통합에 있다. 기존의 '바이브 코딩(Vibe Coding, 정밀한 설계보다 느낌과 직관에 의존해 AI로 소프트웨어를 만드는 방식)' 도구들이 텍스트 프롬프트를 통한 코드 수정에 의존했다면, Canva는 생성된 결과물을 디자인 캔버스 위에서 직접 수정하는 파이프라인을 구축했다.

사용자가 프롬프트를 입력해 결과물을 생성하면, 이후의 수정 과정은 코드가 아닌 시각적 인터페이스를 통해 이뤄진다. 생성된 요소의 텍스트를 직접 클릭해 수정하거나, Canva가 보유한 1억 2,000만 개 이상의 템플릿 및 에셋 라이브러리에서 이미지와 폰트를 드래그 앤 드롭으로 교체할 수 있다. 색상과 폰트 변경은 기존 Canva 툴바를 그대로 사용하며, 특정 요소의 세부 조정은 대화형 AI를 통해 수행한다.

출력물은 모든 화면 크기에 자동으로 대응하는 반응형 구조로 생성되며, 내장된 모바일 미리보기를 통해 검증 가능하다. 다만, 요소의 위치를 드래그하여 옮기는 기능은 현재 지원하지 않으며, 레이아웃 변경을 위해서는 다시 프롬프트를 입력해 생성해야 하는 제약이 있다.

외부 도구와의 호환성은 HTML 임포트 메커니즘으로 해결했다. ChatGPT, Claude, Lovable, Bolt.new 등 타 AI 도구에서 생성한 HTML 코드를 입력하면, 이를 Canva의 편집 가능한 디자인 객체로 변환해 가져온다. 이는 외부에서 생성된 기능적 코드를 Canva의 디자인 시스템으로 래핑(Wrapping)하여 시각적 완성도를 높이는 구조다.

implementation-impact

개발자가 아닌 비기술직 실무자는 이제 '기능 구현'과 '시각적 최적화'를 분리해 판단해야 한다. 기존 AI 코딩 도구에서는 디자인을 수정하기 위해 프롬프트를 반복 입력하는 '프롬프트 루프'에 빠지는 경우가 많았으나, Canva Code 2.0은 이를 디자인 툴의 직접 편집 영역으로 옮겼다.

실무적 활용 사례는 단순한 웹사이트 구축을 넘어 '인터랙티브 커뮤니케이션'으로 확장된다. 예를 들어 영업용 제안서(Sales Deck) 내에 단순 이미지가 아닌, 실제 작동하는 계산기나 제품 시각화 도구를 임베딩하는 식이다. 이는 정적인 문서보다 높은 상호작용성을 제공하며, 별도의 개발 인력 없이 프런트엔드 수준의 앱을 디자인 워크플로우 내에서 배포할 수 있음을 의미한다.

시장 관점에서는 Canva가 스스로를 '피니싱 레이어(Finishing Layer)'로 정의하고 있다는 점에 주목해야 한다. Luminix AI의 2026년 5월 보고서에 따르면, 바이브 코딩 및 AI 앱 빌더 시장은 2026년 47억 달러에서 2027년 123억 달러로 성장(연평균 성장률 38%)할 것으로 전망된다. 이미 전 세계 코드의 약 41%가 AI에 의해 작성되고 있다.

Lovable(ARR 약 4억 달러), Replit(기업가치 90억 달러), Bolt.new(ARR 400만 달러에서 4,000만 달러로 급성장) 등 경쟁사들이 개발 환경(IDE)과 기능적 구현에 집중하는 것과 달리, Canva는 기존의 거대한 디자인 생태계를 활용해 '가장 연결하기 쉬운(Pluggable)' 플랫폼 전략을 취하고 있다. 어떤 AI 엔진으로 코드를 짰든, 최종적인 브랜드 가이드라인 적용과 시각적 마무리는 Canva에서 수행하게 만드는 전략이다.