Relume: 텍스트 설명을 통해 AI가 사이트맵과 와이어프레임 프로토타입을 구축합니다.

2.7K 00

일반 소개

Relume은 디자이너와 개발자가 아름답고 반응이 빠른 웹사이트를 빠르게 제작할 수 있도록 설계된 AI 기반 웹사이트 빌더입니다. 1,000개 이상의 사전 구축된 컴포넌트를 사용하여 사용자는 Figma 및 Webflow에서 사이트맵과 와이어프레임을 쉽게 생성할 수 있습니다. 이 플랫폼은 생산성을 높일 뿐만 아니라 팀 간 협업과 프로젝트 관리도 간소화합니다.

기능 목록

AI 생성 사이트맵회사 정보를 간단히 설명하여 완전한 사이트맵을 빠르게 생성할 수 있습니다.
와이어프레임 생성한 번의 클릭으로 사이트맵을 실제 컴포넌트가 포함된 와이어프레임으로 변환하고 복사할 수 있습니다.
컴포넌트 라이브러리모바일 변형을 지원하는 1,000개 이상의 피그마 및 웹플로우 컴포넌트를 제공합니다.
팀 간 협업프로젝트 공유 및 댓글을 지원하여 팀 커뮤니케이션과 디자인 승인 프로세스를 간소화합니다.
내보내기 기능구성 요소와 페이지를 직접 복사하여 Figma 또는 Webflow에서 사용할 수 있습니다.
AI 카피라이팅와이어프레임 다이어그램에서 사본을 자동으로 생성하고 다국어 번역을 지원합니다.
프로젝트 관리스마트 라벨과 색상으로 사이트의 섹션을 관리하여 프로젝트 범위가 넓어지는 것을 줄이세요.

도움말 사용

활용

등록 및 로그인Relume 웹사이트(https://www.relume.io/)를 방문하여 '무료로 시작하기' 버튼을 클릭하여 새 계정을 등록하거나 기존 계정에 로그인합니다.
프로젝트 만들기로그인한 후 '새 프로젝트 만들기' 버튼을 클릭하고 프로젝트 이름과 기본 정보를 입력합니다.
사이트맵 생성::
- 프로젝트 페이지에서 '사이트맵 생성' 버튼을 클릭합니다.
- 회사 또는 프로젝트에 대한 간단한 설명을 입력하면 AI가 자동으로 사이트맵을 생성합니다.
- 만족할 때까지 섹션을 끌어서 추가, 편집 또는 삭제할 수 있습니다.
와이어프레임 생성::
- 사이트 맵 페이지에서 '와이어프레임 생성' 버튼을 클릭합니다.
- AI가 자동으로 사이트맵을 실제 컴포넌트가 포함된 와이어프레임 다이어그램으로 변환하고 복사합니다.
- 컴포넌트 라이브러리의 컴포넌트를 사용하여 편집 및 조정할 수 있습니다.
Figma 또는 Webflow로 내보내기::
- 와이어프레임 페이지에서 '내보내기' 버튼을 클릭합니다.
- 피그마 또는 웹플로로 내보내기를 선택하고 생성된 코드를 복사하여 적절한 도구에 붙여넣습니다.
팀 간 협업::
- 프로젝트 페이지에서 '프로젝트 공유' 버튼을 클릭하여 공유 링크를 생성합니다.
- 팀원들은 링크를 통해 프로젝트에 액세스하여 댓글을 달고 공동 작업할 수 있습니다.
프로젝트 관리::
- 스마트 태그와 색상을 사용하여 사이트의 섹션을 관리하여 프로젝트가 순서대로 진행되도록 하세요.
- 컴포넌트 라이브러리와 스타일 가이드를 정기적으로 업데이트하여 프로젝트를 일관성 있고 최신 상태로 유지하세요.

세부 운영 절차

컴포넌트 생성 및 편집::
- 컴포넌트 라이브러리에서 원하는 컴포넌트를 선택하고 와이어프레임 다이어그램으로 드래그합니다.
- 컴포넌트를 두 번 클릭하여 편집하면 복사본, 스타일 및 레이아웃을 수정할 수 있습니다.
- AI 사본 생성을 사용하여 다국어 사본을 자동으로 생성합니다.
프로젝트 범위 관리::
- 스마트 태그를 사용하여 글로벌 섹션이나 특정 색상을 표시하면 쉽게 관리하고 식별할 수 있습니다.
- 사이트 맵과 와이어프레임을 정기적으로 검토하고 업데이트하여 프로젝트의 범위가 넓어지지 않도록 합니다.
내보내기 및 통합::
- 모든 컴포넌트와 페이지가 편집되었는지 확인하고 '내보내기' 버튼을 클릭합니다.
- 내보내기 형식(피그마 또는 웹플로우)을 선택하고 생성된 코드를 복사하여 적절한 도구에 붙여넣습니다.
- Figma 또는 Webflow에서 최종 조정 및 게시.

이러한 단계를 통해 사용자는 Relume을 빠르게 시작하여 생산성과 팀워크를 향상시키는 고품질 웹사이트 디자인을 만들 수 있습니다.