← Insights 목록
Design2026.07.09

자유와 구조 사이, 무한 캔버스 빌더 Kirki

#Web Design#No-Code#Design Systems

Smashing Magazine의 Zareen Tasnim이 워드프레스 최초의 ‘무한 캔버스(infinite canvas)’ 비주얼 빌더 Kirki를 소개했습니다. 기존 페이지 빌더가 행·열 격자에 요소를 끼워 맞추게 했다면, Kirki는 Figma나 Webflow처럼 캔버스 위에 요소를 자유롭게 놓고 확대·이동·겹치기까지 허용합니다. 게다가 서드파티 플러그인 없이 동적 콘텐츠 관리까지 기본 제공한다고 내세웁니다.

"Kirki에서는 보이는 그대로가 결과물이며, 첫날부터 모든 것이 포함돼 있다."Smashing Magazine

왜 중요한가

이 소식의 핵심은 ‘자유’와 ‘구조’의 오래된 긴장입니다. 무한 캔버스는 창작의 자유를 극대화하지만, 자칫 일관성 없는 화면과 유지보수 지옥으로 이어지기 쉽습니다. Kirki는 클래스 기반 스타일링과 CSS 변수로 이 둘을 함께 잡으려 합니다 — 픽셀 단위 자유를 주되, 반복되는 스타일은 토큰으로 묶어 일관성을 지키는 방식입니다. 성능 테스트에서 Elementor보다 래퍼(wrapper) div가 훨씬 적은 깔끔한 DOM을 만들어 로딩이 빨랐다는 점도, ‘자유가 곧 난잡함’이라는 통념을 반박하려는 대목입니다.

실무 적용

도구가 자유로울수록 팀에는 오히려 더 강한 규칙이 필요합니다. 무한 캔버스형 빌더를 도입한다면 시작 전에 스페이싱·타이포·컬러 토큰과 컴포넌트 규칙을 먼저 정의해, 자유로운 배치가 ‘제멋대로’가 아니라 ‘의도된 변주’가 되도록 가드레일을 세워야 합니다. 또한 빌더가 뽑아내는 마크업의 청결도(불필요한 래퍼, 시맨틱 태그 여부)를 도입 기준에 넣으면, 겉보기 편의 때문에 성능·접근성을 잃는 함정을 피할 수 있습니다.

교차 참고

Wemeet의 관점

더 자유로운 캔버스가 더 나은 디자인을 보장하지는 않습니다. Wemeet은 자유도가 높은 도구를 쓸수록 토큰·컴포넌트·마크업 기준을 먼저 세워, 창작의 자유가 일관성과 성능을 해치지 않도록 설계합니다 — 좋은 빌더의 가치는 ‘무엇이든 할 수 있음’이 아니라 ‘옳은 것을 쉽게 하도록 이끎’에 있습니다.

이 글은 아래 원문을 바탕으로 Wemeet이 한국어로 요약·정리한 큐레이션입니다.

원문 보기 — Smashing Magazine ↗