사이트맵과 와이어프레임을 빠르게 만드는 AI 웹사이트 설계 도구, Relume (리룸)

Relume(리룸)는 텍스트 프롬프트만으로 마케팅 웹사이트의 사이트맵, 와이어프레임, 스타일 가이드를 빠르게 생성할 수 있는 AI 웹사이트 설계 도구입니다. 디자이너와 개발자는 초기 기획 단계에서 페이지 구조와 섹션 흐름을 자동으로 잡고, Figma, Webflow, React, Claude Design 등 기존 작업 도구로 이어서 웹사이트 제작을 진행할 수 있습니다.

• AI 사이트맵 생성: Relume(리룸)는 회사나 서비스에 대한 간단한 설명을 입력하면 웹사이트의 주요 페이지와 섹션 구조를 사이트맵으로 자동 생성합니다. 프로젝트 초반에 정보 구조를 빠르게 잡고, 클라이언트나 팀과 페이지 구성을 논의하는 데 활용할 수 있습니다.
• 와이어프레임 자동 제작: 생성된 사이트맵을 바탕으로 각 페이지의 와이어프레임을 한 번에 만들 수 있습니다.
  Relume(리룸)는 실제 컴포넌트와 기본 카피를 포함한 비스타일드 와이어프레임을 생성해,
  디자이너가 빈 화면에서 시작하지 않고 구조를 먼저 검토할 수 있도록 돕습니다.
• 스타일 가이드 빌더: 웹사이트의 색상, 타이포그래피, 간격, 컴포넌트 스타일을 정리하는 스타일 가이드를 생성할 수 있습니다. 이를 통해 브랜드 콘셉트를 빠르게 시각화하고, 선택한 디자인 방향을 페이지 전체에 적용할 수 있습니다.
• Figma·Webflow·React·Claude Design 연동: Relume(리룸)는 생성된 와이어프레임과 컴포넌트를 Figma, Webflow, React, Claude Design으로 내보내거나 복사해 이어서 작업할 수 있도록 지원합니다. 특히 1,000개 이상의 실제 컴포넌트 라이브러리를 활용해 웹디자인과 개발 사이의 반복 작업을 줄여줍니다.

1. Relume(리룸) 웹사이트에 접속합니다.
2. 계정을 생성하고 로그인합니다.
3. 새 프로젝트를 만들고 제작하려는 웹사이트의 목적, 업종, 타깃 고객, 핵심 서비스를 입력합니다.
4. AI가 생성한 사이트맵을 확인하고 필요한 페이지를 추가하거나 삭제합니다.
5. 사이트맵을 와이어프레임으로 변환해 페이지별 섹션 구조와 기본 카피를 검토합니다.
6. 스타일 가이드를 생성해 색상, 폰트, 버튼, 레이아웃 방향을 정리합니다.
7. 완성된 사이트맵과 와이어프레임을 Figma, Webflow, React, Claude Design 등으로 내보내 디자인·개발 작업에 활용합니다.