STUDIO AI

WebDesignAI는 Studio를 평범한 비주얼 에디터와 구분 짓는 부분이다. 눈앞의 디자인을 읽고 이해하며, 한 줄의 피드백으로 수정을 대신 실행한다. 지시를 입력해도 되고 마이크에 대고 말해도 되며, 변경이 캔버스에 반영되는 것을 볼 수 있다. Studio에 따르면 이 어시스턴트는 에디터 안에 사는 창작 동반자처럼 행동하므로, 손으로 하는 디자인을 이어가면서 반복되는 부분을 맡길 수 있다.

이 AI 디자인 에디터는 직접 조작을 중심으로 만들어졌다. 스타일과 효과 항목은 필요한 순간 커서 근처에 나타나므로 패널을 뒤지는 시간이 줄어든다. 픽셀 단위 조정부터 동적인 애니메이션까지 캔버스를 벗어나지 않고 다룰 수 있다. 딱딱한 그리드 도구에 익숙한 사람에게 이 자유로운 방식은 요구받은 모습을 정확히 만드는 여지를 넓혀 준다.

디자인이 끝나면 공개는 클릭 한 번이다. Studio는 디자인을 공개 사이트로 바꾸고 뒤에서 코드와 서버를 처리하므로 별도의 배포 단계가 없다. 호스팅이나 DNS 레코드, 빌드 파이프라인을 관리하지 않고 페이지를 올리고 싶은 사람에게 여기가 가장 크게 작동한다.

내용은 페이지마다 흩어지지 않고 한곳에 모인다. 실시간으로 함께 편집하고, 원하는 시점에 공개한다. 이것이 Studio 사이트를 정적인 페이지 이상으로 쓰게 만든다. 포트폴리오도 블로그도 마케팅 사이트도 내용이 바뀔 때마다 전체를 다시 만들지 않고 키울 수 있다.

이미 있는 Figma 디자인을 Studio로 가져와 브레이크포인트를 자동으로 생성하고, 공개 사이트로 낼 수 있다. 이미 Figma에서 작업하는 팀에게 이 점은 크다. 완성된 목업을 모든 화면을 다시 그리지 않고 실제 사이트로 바꿀 수 있기 때문이다.

Studio는 폼 생성을 갖추고 있어 방문자가 연락할 수 있게 한다. 동작과 색을 조정할 수 있고 정해진 설정에 묶이지 않는다. SEO 쪽에서는 내용마다 설정을 맞추고 사이트맵을 자동으로 생성하므로, 작은 사이트도 플러그인을 쌓지 않고 검색의 기본을 갖춘다. Lottie 애니메이션 불러오기도 내장되어 있어 움직임도 같은 흐름에서 다룬다.