버셀, 텍스트 입력으로 UI 만든는 생성AI 공개

남혁우 기자 2023. 10. 11. 10:17
자동요약 기사 제목과 주요 문장을 기반으로 자동요약한 결과입니다.
전체 맥락을 이해하기 위해서는 본문 보기를 권장합니다.

프런트엔드 개발 회사인 버셀이 웹 사이트와 사용자 인터페이스(UI) 구성 요소를 즉시 만들 수 있는 생성형 AI 도구를 공개했다.

버셀 측은 "우리는 V0를 통해 웹 개발 과정에 생성형 AI를 활용하는 새로운 개념을 제공하려 한하며 이를 생성형UI(genUI)라고 명명했다"며 "생성형UI를 이용하면 프로그래밍에 많은 지식이 없는 실무자나 등도 간단하게 UI용 프론트엔드 코드를 구현할 수 있다"고 밝혔다.

음성재생 설정
번역beta Translated by kaka i
글자크기 설정 파란원을 좌우로 움직이시면 글자크기가 변경 됩니다.

이 글자크기로 변경됩니다.

(예시) 가장 빠른 뉴스가 있고 다양한 정보, 쌍방향 소통이 숨쉬는 다음뉴스를 만나보세요. 다음뉴스는 국내외 주요이슈와 실시간 속보, 문화생활 및 다양한 분야의 뉴스를 입체적으로 전달하고 있습니다.

기획자·디자이너 등 비개발자도 간단하게 프론트엔드 코드 구현

(지디넷코리아=남혁우 기자)프런트엔드 개발 회사인 버셀이 웹 사이트와 사용자 인터페이스(UI) 구성 요소를 즉시 만들 수 있는 생성형 AI 도구를 공개했다.

10일(현지시간) SD타임즈 등 외신에 따르면 버셀은 생성형 AI 기반 UI 구성요소 제작도구인 ‘V0’의 베타 테스트를 시작했다.

V0는 누구나 간단하게 UI를 만들고 필요한 기능을 구현할 수 있는 생성형AI 도구다. 챗GPT처럼 텍스트 프롬프트에 필요한 내용을 설명하면 이를 분석해 자동으로 UI를 구현한다.

버셀의 생성형AI 기반 UI 구성요소 개발도구 'V0' (이미지=버셀)

프롬프트를 입력하면 V0은 3 종류의 UI모델을 제공하며 이중 원하는 것을 선택해 사용할 수 있다. AI가 만든 UI가 마음에 들지 않을 경우 수정이 필요한 부분을 선택해 미세 조정하거나 같은 옵션으로 반복해서 재생산도 가능하다.

또한, 생성한 UI의 코드 베이스는 테일윈드 CSS와 shadcn/ui 기반으로 기존 UI나 시스템 등에도 간단하게 적용할 수 있다.

V0는 처음 UI를 구성하는 사람도 쉽게 활용할 수 있도록 문의 양식, 쿠키 동의 배너, 다크 모드 등 UI 구성을 위한 다양한 예제를 제공한다.

V0에 적용된 AI는 버셀의 고객 데이터, 사용자 지정 코드, 오픈 소스 등이 UI 관련 정보가 포함된 데이터셋을 통해 학습이 이뤄졌다. 이를 통해 사용자가 입력한 텍스트를 바탕으로 더욱 정확하고 관련성이 높게 UI를 구축할 수 있고 버셀 측은 설명했다.

버셀 측은 “우리는 V0를 통해 웹 개발 과정에 생성형 AI를 활용하는 새로운 개념을 제공하려 한하며 이를 생성형UI(genUI)라고 명명했다”며 “생성형UI를 이용하면 프로그래밍에 많은 지식이 없는 실무자나 등도 간단하게 UI용 프론트엔드 코드를 구현할 수 있다”고 밝혔다.

남혁우 기자(firstblood@zdnet.co.kr)

Copyright © 지디넷코리아. 무단전재 및 재배포 금지.

이 기사에 대해 어떻게 생각하시나요?