STEP 05. Claude 인터랙션 - Artifacts 기반 실동작 프로토타이핑

이전 글에서 디자인 시스템은 팀이 같은 언어를 쓰게 만드는 구조라고 했다.시스템이 잡히면 다음은 프로토타입이다. 프로토타입에는 두 가지가 있다.피그마에서 화면 간 흐름만 연결한 클릭 프로토타입과,실제로 코드가 돌아가는 실동작 프로토타입.클릭 프로토타입은 흐름을 검증하는 데 충분하지만,스크롤 애니메이션이 어떻게 느껴지는지,FAQ 아코디언이 자연스러운지,모바일에서 터치가 편한지는 코드가 돌아가야 알 수 있다.예전에는 이걸 확인하려면 개발자가 직접 만들어야 했는데지금은 Claude의 Artifacts로 기획 단계에서 바로 실동작 프로토타입을 뽑을 수 있다. Artifacts에 "랜딩페이지 만들어줘"라고 하면 뻔한 게 나온다.그럴듯해 보이지만 어디에도 쓸 수 없는 결과물이다.AI한테 좋은 결과를 받으려면 좋은 ..
클래스/수업노트 2026. 7. 19. 09:00
1