아트보드 워크플로우
Artboard Workflow
AI가 화면 디자인 초안을 가상의 스케치북(아트보드) 위에 그려가며 다듬는 작업 방식
쉽게 말하면
아트보드 워크플로우란 AI가 화면 디자인 초안을 가상의 스케치북(아트보드) 위에 그려가며 다듬는 작업 방식이다. 디자이너가 커다란 도화지에 화면 배치를 그려놓고 버튼 위치나 색을 고쳐가며 완성해 가듯, AI도 사용자의 요청을 받아 화면 초안을 그 위에 얹고 이어서 수정해 나간다.
원래는 그림을 다루는 별도의 프로그램에서 쓰이던 작업 방식인데, 최근에는 명령어 창에서 코드를 다루는 AI 도구 안으로도 옮겨왔다. 코드를 짜다가 화면 디자인을 따로 그림 프로그램에서 만들 필요 없이, 같은 도구 안에서 초안을 그리고 다듬을 수 있게 된 셈이다. 마치 목수가 톱을 바꿔 들지 않고도 대패질까지 할 수 있게 된 것과 비슷하다.
기사에서 이렇게 나와요
기사에서는 "Claude Design의 아트보드 워크플로우를 CLI와 데스크톱 안으로 그대로 가져온 업데이트였어요"라는 문장으로 등장해요. 여기서 "가져왔다"는 말은 완전히 새로운 기능을 만들었다는 뜻이 아니라, 원래 있던 디자인 작업 방식을 다른 도구(명령어 창·데스크톱 앱) 안에서도 그대로 쓸 수 있게 옮겨왔다는 의미예요.
직접 해보기
클로드 코드를 설치한 뒤 프로젝트 폴더에서 /design 을 입력하고 원하는 화면을 설명해 보자. 예를 들어 로그인 화면 초안 그려줘 라고 요청하면 AI가 아트보드 위에 레이아웃을 그려준다. 이어서 버튼을 가운데로 옮겨줘 처럼 수정을 요청하면 실제 디자인 도구처럼 초안을 다듬어 나갈 수 있다.
