Claude는 웹 디자인을 영원히 바꾸었습니다(튜토리얼)

원저자：Sam Crawford | Web Design Expert

원본 소스：https://www.youtube.com/embed/iVRsoSG3WuI

🎯 내 커뮤니티에 가입하세요: https://www.skool.com/the-margin 웹사이트 구축을 위해 우리를 고용하세요: https://bycrawford.com/hire-us 프리미엄 웹사이트 체크리스트: https://bycrawford.com/premium-website-checklist 타임스탬프: 0:00 - Claude Design: 프리미엄 웹 디자인 워크플로를 방해하는 새로운 AI 도구 0:09 - 실제 작업에서 AI 테스트: 베테랑 웹 디자이너의 Raw 관점 1:02 - Claude 디자인이 표준 이미지 및 코드 생성기와 다른 점 1:40 - 단어를 사용한 디자인: 전략적 프롬프트가 새로운 픽셀이 되는 방법 2:09 - 토큰 비용 경고: 심층 디자인 워크플로에서 높은 사용량 관리 2:33 - 대행사 실험: 미지근한 리드에 40개의 냉담한 제안 보내기 3:28 - 프리미엄 거래 마감: 즉각적인 모형으로 발견 격차 해소 4:50 - 지문 발견: AI 웹 디자인 슬롭의 숨길 수 없는 징후 6:30 - 틀 깨기: AI 지문 제거를 위한 5단계 체크리스트 7:33 - 1단계: URL 및 전체 페이지 스크린샷을 통해 구조적 아키텍처 매핑 7:50 - 2단계: 브랜드 무결성 주입 및 실제 자산 보존 강제 9:07 - 3단계: 세리프 모양 죽이기 정밀 UI 디자인 사양 사용 10:36 - 4단계: 격리된 구성 요소 반복을 위한 수술 모드 시작 11:45 - 5단계: 타협할 수 없는 인간 품질 검토 및 시각적 품질 보증 12:18 - 실패 모드 1: 컨텍스트를 벗어난 스톡 이미지 환각 근절 12:51 - 실패 모드 2: 정적, 무응답 및 복잡한 구성 요소 문제 해결 14:10 - 실패 모드 3: 내러티브 드리프트 및 시각적-복사 정렬 오류 15:17 - 최종 평결: Claude가 아니라 Claude 디자인이라고 불리는 이유 빌드 17:19 - 디자인의 미래: AI가 바닥을 올리지만 천장을 움직일 수 없는 이유 18:47 - 실행 가능한 전략: 대행사 및 창립자를 위한 막대한 시간 활용 촉진 Anthropic은 방금 Claude Design을 출시했으며 웹 환경을 완전히 바꾸고 있습니다. 디자이너, 개발자, 대행사 소유자. 이것은 지저분한 Figma 파일이나 스타일이 지정되지 않은 일반적인 HTML 페이지를 뱉어내는 또 다른 기본 AI 챗봇이 아닙니다. Claude Design은 실제로 활판 인쇄, 색상, 간격 및 구조적 계층을 라이브 캔버스에 직접 배치하므로 픽셀 대신 단어로 디자인할 수 있습니다. 그러나 신속한 아이디어 구상을 빠르게 수행하는 동시에 원시 AI 세대를 실행하면 프리미엄 고객이 1초 만에 발견할 수 있는 인식 가능한 "AI 지문"이 즉시 드러납니다. 이 비디오에서는 에이전시가 AI 슬롭을 제거하고 기본 템플릿을 덮어쓰며 세련된 브랜드별 모형을 엔지니어링하는 데 사용하는 정확한 5단계 워크플로를 안내합니다. 저는 일반적인 레이아웃을 고급 웹 개념으로 바꾸는 외과적 편집 및 사용자 정의 UI 사양 활용과 같은 정확한 즉각적인 조정을 공유합니다. 더 중요한 것은 우리가 라이브 에이전시 실험을 실행하기 위해 이 정확한 도구를 어떻게 활용했는지 공개합니다. 즉, 맞춤형 임베디드 모형을 사용하여 미지근한 리드에게 40개의 피치를 보내고, 전례 없는 응답률을 달성하고, 개발자가 Figma를 만지기 전에 10개의 프리미엄 계약을 마감했습니다. 또한 도구가 중단되는 정확한 위치, 복잡한 구성 요소를 처리하는 방법, 대용량 설계 세션의 집중적인 토큰 소비를 관리하는 방법에 대해 자세히 알아봅니다.