디자인

AI 채팅과 Edit Mode로 페이지 디자인 수정하기

AI 채팅과 Edit Mode를 상황에 맞게 사용해 문구, 레이아웃, 스타일을 수정하고 반응형 화면까지 검토하는 방법을 안내합니다.

AI 채팅과 Edit Mode의 차이

페이지 구조나 시각 방향을 바꿀 때는 AI 채팅이 적합합니다. 짧은 문구처럼 범위가 명확한 수정은 Edit Mode에서 직접 처리하는 편이 빠릅니다.

AI 채팅이 잘 맞는 작업

  • 히어로와 섹션 순서 변경
  • 카드 배치, 여백, 열 구조 수정
  • 브랜드 색상과 타이포그래피 정리
  • 모바일 화면까지 함께 조정
  • 참고 이미지나 URL을 반영한 방향 수정

수정할 요소를 선택해 채팅에 포함하면 범위를 더 정확히 전달할 수 있습니다. “더 세련되게”처럼 해석이 넓은 표현보다 무엇을 어떻게 바꿀지 적어주세요.

예시: 선택한 기능 카드의 폭을 넓히고 세 장이 같은 높이가 되게 맞춰줘. 모바일에서는 한 열로 쌓고, 카드 사이 간격은 지금보다 조금 줄여줘.

Edit Mode가 잘 맞는 작업

제목이나 버튼 문구를 고치거나 짧은 텍스트의 굵기처럼 작은 변경을 할 때 사용합니다. 직접 수정한 뒤에는 다른 언어에도 같은 변경이 필요한지 확인하세요.

브랜드 기준을 먼저 알려주세요

AI는 실행을 빠르게 돕지만 브랜드의 취향을 대신 결정하지는 않습니다. 로고, 색상, 폰트, 모서리 반경, 이미지 분위기, 피해야 할 표현을 프로젝트 지침이나 요청에 구체적으로 남겨두면 결과가 일정해집니다.

공개 전 점검

  • 데스크톱과 모바일에서 레이아웃이 깨지지 않는지
  • 텍스트 대비와 버튼 상태가 충분히 보이는지
  • 한국어와 영어에서 줄바꿈이 어색하지 않은지
  • 링크와 CTA가 올바른 경로로 이동하는지

수정은 드래프트에 남겨두고, 컴파일과 미리보기를 통과한 뒤 발행하세요.