prismBETA
← 디자이너 브리핑
2026-08-31 · 03 / 04

웹플로우, AI가 만든 코드 컴포넌트를 화면에서 직접 편집

웹플로우가 컨퍼런스 2026 빌더 키노트에서 AI 어시스턴트가 생성한 코드 컴포넌트를 프롬프트 없이 캔버스에서 시각적으로 편집하는 기능을 전체 고객에게 공개했다. 지금까지는 AI가 만든 컴포넌트를 고치려면 다시 프롬프트를 넣어야 했지만, 이제 요소를 클릭해 스타일 패널에서 간격을 조정하고 텍스트를 직접 고치거나, 특정 부분만 어시스턴트에 넘겨 그 부분만 다시 생성하게 할 수 있다. 이와 함께 CMS 리치 텍스트에 컴포넌트를 넣는 기능, 브레이크포인트 캔버스 등 2025년 이후 151개 개선이 반영됐다.

웹플로우는 AI 어시스턴트로 코드 컴포넌트를 캔버스에 바로 만들 수 있게 해 왔지만, 만들어진 컴포넌트를 고치는 유일한 방법이 다시 프롬프트를 넣는 것이었다. 디테일 통제가 어렵다는 게 생성형 UI의 공통 약점이었다.

이번 빌더 키노트에서 공개된 시각 편집 기능으로, AI가 만든 코드 컴포넌트도 여느 컴포넌트처럼 요소를 선택해 스타일 패널에서 간격을 조정하고 캔버스에서 텍스트를 직접 고칠 수 있다. 바꾸고 싶은 부분만 어시스턴트에 컨텍스트로 넘겨 그 한 부분만 다시 생성하게 하는 것도 가능하다. 전 고객에게 오늘부터 제공되며, CMS 리치 텍스트에 컴포넌트를 넣는 기능과 브레이크포인트 캔버스도 함께 공개됐다.

웹플로우는 2025년 컨퍼런스 이후 사용자 피드백을 바탕으로 151개 개선을 반영했다고 밝혔다. AI 생성 속도를 취하면서도 스타일 패널이라는 익숙한 방식으로 디자인 통제권을 유지하게 한 점이 핵심이다.

투표
AI 생성 UI, 어떻게 고치세요?
이 글이 도움이 되셨나요?
이야기의 흐름5
매주 월요일 아침 갱신 · 요약은 AI가 생성하며 출처 원문을 확인하세요.